Tagged

意見

A collection of 33 posts

仕事

デザイン業界にある『インスタ映え』な側面にふと思う

美しいものだけに囲まれている不安 Instagram [https://www.instagram.com/yhassy/] をはじめとした写真共有サービスでアップロードされる見栄えの良い写真を「インスタ映え」と呼ぶことがあります。ハッシュタグで繋がる様々な写真を見て楽しむことができる Instagram ですが、そこで映し出されている世界がすべてだと勘違いしている人も少なくないと思います。自分の生活と比べて「なぜ皆はこんなに楽しそうなんだろう」と悲観的になる人もいるかもしれません。 Instagram に限った話ではありませんが、ソーシャルメディアで共有されているものは、投稿者の生活がダイジェスト配信されているようなものです。言い換えるならば、「ベスト・オブ・◯◯さん」を見ているようなものでしょう。ソーシャルメディアを使う人たち全員が、自分の PRエージェントになって活動しているようなものかもしれません。 私は「インスタ映え」と似たような現象は、デザイナー、スタートアップをはじめとした組織が配信するコンテンツにも言えると思います。 * 「こうしたら上手くいきました」とい
仕事

手段を切り離したら楽になったデザイナーの仕事のお話

元々デザインの仕事は広範囲だった ここ数年でようやく Web・アプリの世界で「デザイナーは広範囲でいろいろ知っておかなければならない」という声が高まりましたが、元々デザイナーの仕事は範囲が広いものでした。例えばファッションデザイナーはデザイン力はもちろん、技術に基づいた設計、製造工場との交渉、流行や市場の動向の理解などが必要とされています。インダストリアルデザイナーや建築家も同じです。ただデザインができるというだけでは一人前として見なされない仕事がすぐそこにのあるにも関わらず、なぜ Web・アプリでは目新しく見えてしまうのでしょうか。 ひとつの仮説として考えられるのが、DTP デザインなどに見られるデザインの分業化・効率化です。1984 年に登場した Apple Machintosh [https://ja.wikipedia.org/wiki/Macintosh] には Adobe の PostScript が実装されました。翌年に発売された PageMaker [https://ja.wikipedia.org/wiki/Adobe_PageMaker] によって、高機能か
アクセシビリティ

アクセシビリティとはを一緒に考えて分かった視点転換の発想

4月23日、クリーク・アンド・リバー社主催で、と、コラボ特別編「アクセシビリティってなんなのさ [http://www.creativevillage.ne.jp/10816]」というイベントが開催されました。これは昨年開催された「UXってなんなのさ [http://www.yasuhisa.com/could/article/questions-about-ux/]」い続く Q&A 中心で 3 時間話し切るというもの。今の仕事に直結するテクニックや知識を得たいという方には向いていませんが、参加者全員で課題共有をして考えたいという方には参加価値があったと思います。今回は私はモデレーターとして参加し、「 デザイニングWebアクセシビリティ [http://www.amazon.co.jp/gp/product/4862462650/ref=as_li_ss_tl?ie=UTF8&
デザイン

2016年、デザイナーが実践すること

デザインってなんだっけ？ デザインはこれから重要になる。 デザイナーの端くれである私ですが、そんなこと言っている状態ではないのでは？と思うことがあります。 2016 年はデザインの重要性を伝える前に、デザインへの信用を取り戻すためのアクションが必要ではないかと考えています。ここ数年、海外（特に欧米）ではデザインの役割が大きく進化してきていますが、それを真に受けて日本で同じように実践しても意味がないと思います。なぜなら、デザインという言葉や、デザイナーの仕事における考え方の『前提』が大きく異なるからです。 デザインの価値を商業的なものだけにせず、人々や社会に良い影響を及ぼすためのデザインをしようという意向を示すデザインマニフェスト [http://www.yasuhisa.com/could/article/design-manifesto/] が1964年に発表されています。見た目だけでなく、問題解決のためのデザインを考えていこうという動きが 50 年前からあります。また、アメリカのデザイナー協会 AIGA は、無料で「とりあえず作ってみて」と注文がくる Spec Work は
Webデザイン

Webならではの表現を見つけるために捨てるべきこと

面白いから実装で良いのか コンテンツや利用者体験を重要視する動きは Web でもネイティブアプリでも見られるものの、Web サイトデザインにおいては空回りしているように見えることがあります。ときには Web サイトよりネイティブアプリのほうが良いと思われてしまうような表現や手法が使われていることも少なくありません。 上から下へスクロールするという多くの利用者が期待するユーザビリティでさえ、パララックスデザイン [http://www.creativebloq.com/web-design/parallax-scrolling-1131762] という表現によって破壊されていることがあります。パフォーマンスが重要視 [http://www.yasuhisa.com/could/article/peformance-is-design/]されているのかと思いきや、10 以上の JavaScript ライブラリを組み合わせた重たいサイトも未だにあります。それも「面白い表現」「ネイティブアプリのような見た目」を実現するためだけに実装されていることもあり、利用者には負荷がかかることがありま
コンテンツ

コン親会が教えてくれたコンテンツの仕事の面白さ

2月16日、Web コンテンツの作り方・指示の仕方・拡げ方・改善の仕方などを雑談する『コン親会』を開催しました。お付き合いが長い 株式会社エフシーゼロ [http://fc0.vc/] の @fuuri [https://twitter.com/fuuri] さんとした初めての企画です。 以前から、教える・教わるという関係を省いたかたちで、コンテンツやデザインの話がしたいと思っていました。特にコンテンツに関しては、 明確なポジションが日本では確立されていない [http://www.yasuhisa.com/could/article/who-does-content-work/] ので、実際どのような取り組みがされているのか分かり難いところもあります。自分の知見だけではなく、様々な方の意見を耳にすることで、自分の仕事にフィードバックできるはず。今回は「第0回」と題して、現状把握のための場を設けました。 参加した何人の方がイベントレポートを書いてくださったので参照してください。 * コン親会 第0回で、コンテンツとは何かを考える [http://www.kaoritt
意見

私たちはすべての人と友達になれるのか

ソーシャル。ソーシャル。ソーシャル。 今、この言葉を聞かない日がないくらい耳にしています。そして、様々な言葉がソーシャルと組み合わせて使われることがあります。ソーシャルリーディング、ソーシャルラーニング、ソーシャルファンディング、ソーシャル医療・・・。おそらく私たちの行うすべての行動はソーシャル化され、ソーシャルという言葉を使う必要がなくなる日が来るのかもしれません。 ソーシャル化される・・・これは、私たちの情報が公の場にさらされ、すべての人が何かしらの形で繋がっているネットワーク化された状態です。人との繋がりや影響力がネットワーク化された社会では重要と考えられているからこそ、評価経済や評判経済という言葉が生まれてきたのでしょう。 人と人とが繋がり合い、新たな可能性を生み出すソーシャルな世界。常にネットワークにいるからこそ、心を支え合うこともできるかもしれない。Sean Parker 氏が、彼の新しいスタートアップ Airtime を語るときに使った言葉が「Eliminate Loneliness [http://thenextweb.com/apps/2012/06/05/se
Adobe

アドビさんへ３

次期バージョンからのアップグレードポリシーの変更 [http://www.adobe.com/jp/support/upgrade_policy/index.html]とAdobe Creative Cloud [http://www.adobe.com/jp/joc/products/creativecloud.html]の発表で、昨日から Adobeユーザーの間から様々な声が発せられています。今年はサブスクリプションサービスの提供を開始し、さらに Cloud によって価値を高めようとしているものの、思惑どうりにはいっていないようです。今まで過去 2,3 バージョン遡ってアップグレードできたのが、1バージョン前からしかアップグレード価格が適応されなくなるのが大きな原因。今までも利用者の間では「アドビ税」と呼ばれている Creative Suite ですが、今回のポリシー変更でフラストレーションを爆発させている方も少なくありません。 ここ数年、Adobe のソフトウェア開発サイクルと戦略に疑問をもっている方は少なくないと思います。 アップグレードすることで機能の数は増えるものの、そ
UX

日本的なUXの解釈とは

おもてなしをどう解釈してますか？ UX という言葉を仕事とどう関連付けさせるのかという課題は「UXの定義と私たちの仕事の関係 [http://www.yasuhisa.com/could/article/ux-and-me/] 」という記事をはじめ何度か取り上げています。とはいうものの以前から気になっているのは「良い体験」というのは果たして世界共通なのかということです。日本的に解釈するとどうなるのか、何が共通しているのかについて時々考えています。何気に使っている外来語（例えばイノベーションとか）も日本独自の解釈で使われていることがあります。Webデザインにしても日本独自のトレンドはもちろんありますし、海外では流行していることがそのまま日本で使えるとは限らない場合があります。 よく UX の言葉の和訳的存在になっている「おもてなし」という言葉。日本人の耳にはとても気持ちよく聞こえるわけですが、この言葉をどう解釈しているのかで考え方も変わります。「モノを持って成し遂げる」という語源をもつこの言葉。意味を調べると以下のような言葉がでてきます。 * とりはからい。処置。取り扱い * 表
セミナー

物理的な近さと心理的な近さから考えるプロセス

CSS Nite LP11 [http://lp11.cssnite.jp/] で「人の特徴から見えてくる次のデザイン提案」というミニワークショップを行いました。時間の都合で考えたアイデアは後ほど共有という形で終了しました。今回から数回に渡りいただいたアイデアを幾つか紹介していきたいと思います。 近さ モノとモノが近いと、遠いもの同士に比べて関連性が近いと理解する。 人の特徴を活かしてサイト特有のゴールを達成させるためのアイデアを練るというのが今回のワークショップの目的ででした。ワークショップでは14もの人の特徴を紹介しましたが、その中のひとつに Proximity (近さ) というのがありました。 上の図を見てください。色が違いますが、直感的に隣り合っている円が同じグループに属しているように見えると思います。色にはまったく共通点がありませんが、近さが同じグループであると思わせています。ＡとＩ、ＦとＨはそれぞれ同じ形と色です。しかし、それぞれに何か関連性があるとは考え難いです。たとえ同じ情報でも近くなければ関連性が見えてこない一例です。上の図は極端な例ですが、情報を設計する上
意見

新聞サイトの有料サービスの糸口

有料コンテンツは成功しない？ イギリスの新聞サイト The Times [http://www.thetimes.co.uk/] は、6月から 有料サービス [http://www.timesplus.co.uk/] を開始し、記事の全文を読みたい場合は会員登録をしなければならないようにしました。その結果、2月のアクセス数に比べ 90% も落ちたそうです (詳細記事 [http://www.guardian.co.uk/media/2010/jul/20/times-paywall-readership] )。外サイトからリンクを辿ってアクセスした際は、自動的に登録ページへリダイレクトされるように設定されており、そのうちわずか 25.6% が先に進んでサイトを観覧したそうです。値段だけでなく、やり方も不味かったと思いますが、これは大打撃といえるでしょう。 The Times は 15,000 の有料会員を獲得したので、一概に失敗例とは呼べません。
意見

新聞サイトのコンテンツと広告領域

新聞だけではありませんが、雑誌をはじめとした紙媒体メディアではページの一部を広告として販売することによって収入を得ています。Webでもこの手法は流用されており、ページの場所や大きさによって値段が細かく決められています。Webにおけるこうした広告モデルは確立されていますし、すぐにお金が入るだけでなく比較的安定した収益が見込めます。Web サイトを運営するのはタダでは出来ないわけですから、広告はなくてはならない存在です。 しかし、ただ貼付けているだけの広告では読者のサイト利用の邪魔になりかねませんし、だんだん広告が「ないもの」として扱われる場合もあります。現状、日本の新聞サイトではどのように広告が扱われているでしょうか。以下のスクリーンショットは XGA (1024×768) の解像度で撮影したものです。スクリーンショットの下に書かれているパーセントは、表示領域に対して広告がどれくらい占めているかを示しています（ブラウザのボタンや検索フィールドは表示領域に含まれていません）。 朝日新聞: 32.7%日経新聞: 15.5%毎日新聞: 19.6%中日新聞: 27.1%産経新聞: 12.4%
意見

ウェブらしい新聞サイトのあり方とは

2月24日に「ネット時代のメディアとジャーナリズム [http://www.nikkeidigitalcore.jp/archives/2010/02/post_218.html] 」というオープンフォーラムが開催されました。本当は会場に行くべきでしたが、丁度 Ustream で中継がされていたので視聴させていただくことに。そのときの模様は Twitter の #mf224 [http://twitter.com/#search?q=%23mf224] で追うことが出来ます。パネルディスカッションはフォーラムの題名にもなっているメディアとジャーナリズムだけでなく、ビジネスモデルの話まで広げて議論がされていました。同じ日に日経が 有料のWeb刊サービスの開始 [http://itpro.nikkeibp.co.jp/article/NEWS/20100224/345010/] を発表しているので、こちらも踏まえて依然として存在する Web と紙とのギャップについて整理しておこうと思います。 新聞の価値がコンテンツの価値ではない 新聞はお金で買っていますが、Web にアクセスすれば無料
意見

読まなくなった私たちと「読む」の今後

今、書籍を読む人たちはどれくらいいるのでしょうか。学生の頃はたくさん読んでいましたが、今は減ってきています。そもそも書籍を読むということが時にストレスがたまることも少なくありません。はやく要点に辿り着いて欲しいと感じる事もあれば、検索が出来ないのでとても不便と感じることもあります。 お菓子コンテンツが愛される 少ないメッセージやちょっとしたリンクであれば Twitter [http://twitter.com/yhassy] で十分役割が果たせるので、このサイトでは情報を盛り込んだ読み応えのある文章にするよう心がけています。Web には他にもたくさんの長文と呼ばれる記事はありますが、本のボリュームで考えると数ページの話です。それですら私たちは「あとで読む」とタグ付けをしてブックマークの奥底に放置します。むしろ、長文は読者受けされにくく、ザッピングに最適化されたリストや Tips が多いのが現状です。 このサイトでも長文かリスト形式の Tips にするかでアクセス数が大幅に異なることがあります。 Webだけが、こうした一口サイズのお菓子コンテンツになっているわけではありません。書
Adobe

アドビさんへ２

以前「アドビさんへ [http://www.yasuhisa.com/could/article/dear-adobe/]」という記事を書きました。当時 Dear Adobe [http://dearadobe.com/t] という Adobe 製品の不満や改善点を共有するサイトが話題になり、私も記事内で提案を幾つか書きました。そして、その記事を書いたおよそ１年後のAdobe MAX [http://2009.max.adobe.com/] で CS5 [http://cs5.org/] がほんの少し紹介されました。一体どのような改善点が見られるのか楽しみにしていたのですが、結果はガッカリする内容でした。 もちろん、今回が CS5 のすべてではないですし、Flash Catalyst を中心とした RIA 戦略が話題の中心でした。失望するには早すぎますが、Photoshop CS5
ブラウザ

Opera Japan のパネルディスカッションに参加しました

[http://twitpic.com/cyjui]数日前の話になりますが、Opera Japan [http://my.opera.com/chooseopera-Japan/blog/] にて社員向けのパネルディスカッションが開催され、スピーカーとして招待されました。林 信行さん [http://nobi.cocolog-nifty.com/nobilog2/]、ミツエーリンクスの木達さん [http://kidachi.kazuhi.to/blog/] に並んで一緒に話すことが出来て恐縮でしたが、こんな機会はまずないので楽しんで参りました。Opera が示すことが出来る日本のプレゼンスに関するディスカッションもありましたが、Opera というひとつのブラウザに捕われない大きな話もありました。 HTML5 がこれからWebアプリケーションにどのような影響を及ぼすのか、そして使える環境が整えられ始めている現在においてデザイナーや開発者はどのような姿勢をとっているかといった話は多くの時間を費やしました。ジャーナリストから見た視点、大規模の Web サイト制作会社の視点、そしてひと
Twitter

Ask Twitter: ウェブサイトの見た目は同じにしなければならないか？

このエントリーは「質問: ウェブサイトの見た目は同じにしなければならないか？ [http://www.yasuhisa.com/could/announcement/question-progressive-enhancement/] 」の続きにあたります。やっと明日に結果レポートを出せる状態になったので、まずは Twitter [http://twitter.com/yhassy] 経由でいただいたウェブサイトの見た目や Progressive Enhancement に関する意見をまとめて紹介します。アンケートだけでなく、こうして意見まで送っていただき感謝しています。140文字内でこれだけの情報を詰め込めるのかと関心してしまう意見も多数です。 Progressive Enhancement を簡単に説明すると「ブラウザに応じて最適だと考えられるインタラクションと見た目を提供する」になるかと思います。ただ、この説明文だけ読むとブラウザによって異なるデザイン／レイアウトを作らなければならないという印象を与えかねません。実際はそうではなく、新しいブラウザで見ると text-shad
アイデア

DreamweaverはCSから独立してもいいと思う

Dreamweaver [http://tinyurl.com/c22tzj]は、たくさんのウェブサイト制作者 [http://www.yasuhisa.com/could/roundup/ask-twitter-web-authoring/] が愛用しているソフトウェア。毎回バージョンが上がる度に目まぐるしい発展を遂げていますし、新しいバージョンのCSを買おうと思うひとつの要因になるキーソフトだと思います。私個人は Dreamweaver を使用していませんが、それでも使うメリットを感じますし、Dreamweaver ならではの良いソリューションも少なくありません。特に印刷向けのデザイナーがスムーズにWebに向けたデザインが出来るようにした功績は素晴らしいです。ウェブサイトを制作するのにかかせない存在ではありますが、同時に改善点も少なくありません。それは「Dreamweaver」というソフトウェアの存在そのものの見直しだと感じています。 2,3バージョンくらい前からですが、わざわざ Creative Suite というバンドルの中のひとつに Dreamweaver が必要なのか疑問
仕事

Ask Twitter: 使っているサイト制作ソフトは何ですか？ 2

前回 [http://www.yasuhisa.com/could/roundup/ask-twitter-web-authoring/] に引き続き、いろいろな方が使っているサイト制作ソフトの紹介です。 以前、制作ソフトに関して神森さん [http://www.t-studio.jp/column/] と話したことがあります。制作ソフトそのものの使い方を習得することも重要ですが、実は OS の特徴をいかに把握して活用するかが制作ソフトの使い勝手に大きな影響を及ぼします。テキストをダブルクリック、トリプルクリックしたときにどのような挙動が起こるのか、コピーしたデータがどのようにクリップボードに保管されるのか、他のアプリとの組み合わせで相乗効果があるのか・・・といったことを知っていると知っていないとでは大きな違いです。 自分が使っているソフトを支えている技術や別のソフトを改めて見つめ直すことで、自分の『武器』がさらに手に馴染むと思いますよ。 ブックマーク [http://b.hatena.ne.jp/entry/http://www.yasuhisa.com/could/round
仕事

Ask Twitter: 使っているサイト制作ソフトは何ですか？

エディタは何度か放浪しながら、そのときのワークフローに合ったものを使っています。今でもメインは相変わらず skEdit [http://skti.org/skedit/] ですが、サイト管理の機能がとても良い Coda [http://www.panic.com/jp/coda/] も併用しています。Coda はまだまだエディタとしては物足りないですが、バージョンが上がる度に良くなってきていますし、1.6.1 に導入された プラグイン [http://www.panic.com/jp/coda/developer/howto/plugins.php] でどれだけ多くの開発者の協力を得ることが出来るのかが今後の鍵でしょう。 また、CSSEdit を開発している MacRabbit が Expresso [http://macrabbit.com/espresso/] という本格的なエディタを開発しているのも見逃せません。こちらも Sugars
意見

何処で何を投稿していますか？

今年の4月で11年目になるこのサイト。昔は個人的な日記, リンク, 記事, 一言メモなど何でもこの場所に書いていたわけですが、ソーシャルメディアが普及したことによってその現状も変化してきています。2年くらい前までは個人的な日記を mixi や Vox で書く試みをしましたが、今は一言ちょっと書く程度ならすべて Twitter [http://twitter.com/yhassy] に移行しています。気になるリンクは delicious [http://delicious.com/yhassy] に保存していますし、興味深い画像が見つかったら Tumblr [http://yhassy.tumblr.com/] へ貼付けています。 記事を書く場所も分散してきています。もちろんメインでこちらで書くことは変わりませんが、このサイトにフィットしない内容もあるので、それらは別サイトで執筆しています。 greenhug [http://www.greenhug.net/], builder.com [http://builder.japan.zdnet.com/member/u514743/
セミナー

Web Directions East を終えて

[http://www.flickr.com/photos/yhassy/3031532334/]もう10日も前の話になりますが、Web Directions East [http://east08.webdirections.org/] (WDE) が無事終わりました。夏の初めからずっと携わっていたので、4ヶ月くらいこのイベントに関係した作業やお手伝いをしていました。主に僕は執筆関連が多かったかもしれませんね。こちらでは告知していませんでしたが、 東京IT新聞 [http://itnp.net/]のほうでもミニ連載をしていました。 『スペック』がイベントの価値ではない 運営のお手伝いをしていた僕でも、WDEの参加費用はウェブ制作関連のイベントでは挑戦的だなと思いました。スピーカーを日本へ呼んだり、同時通訳のことを考えると仕方のない費用ではありますが、金額では計れない体験にどう注目してもらうかに苦労しました。海外では名が知られている方達が来日したとはいえ、海外のニュースにアンテナをのばしていなければ、ただの『外人』といっても良いかもしれません。スピーカーがどういった方なのか、そして
ビジネス

険しいがエキサイティングな時が来た

今日は新宿の某所で境さん [http://admn.air-nifty.com/monkeyish_studio/]と対談をしてきました (このときの模様はポッドキャストとして来週公開予定)。様々なトピックが話されましたが、全体的に「来年はエキサイティングな年になる」というテーマがあったような気がします。アメリカでは深刻な状態が続く経済問題も、日本への影響は出てきます。企業は発注を減らす可能性はあるでしょうし、ウェブだけでなくプロモーションやサービス関連の予算を割くことも考えられるでしょう。しかし、これは絶好のチャンスと捉えることも出来ます。 特に小規模の会社で働く方やフリーランスにとってチャンスです。次へのアクションが柔軟に起こせるだけでなく、次のための提案や提示をいち早く出来るのも小回りの効く小規模チームのメリット。変化が必要な時期だからこそ、変化の波の乗っている会社や個人が注目させるようになるのかもしれません。停滞気味だからこそ、成長のチャンスです。 フリーランスに特化したジョブボードも増えてくるでしょうし、個人と個人、又は個人と中小企業のコラボレーションが幾つか生まれるでし