Webのスーパーヒーローになる方法
撮影：飯田昌之 今年で Web は 25 歳になりました。 Web は人類に大きな変化をもたらした革命的な技術です。誰でも情報発信ができるようになったのも、膨大な量の知識や考え方を共有できるのようになったのも、すべて Web があってこそです。そして、Web のもつ可能性をひとりでも多くの方に体感してもらうのが、私たちの仕事です。 これは、デザイナーはとてつもない力を持っていることを意味しています。人々を幸せにするのも、ストレスを与えるのもデザイナーの作り方で決まりますし、時には人の考え方を変えることもできます。この記事の題名にもなっている「スーパーヒーロー」とは、デザイナーひとりひとりを指しています。 とてつもない力を持っているからこそ、私たちは責任をもって力を使わなければいけません。また、クライアントやプロジェクトメンバーに向けて、その力をどのようにすれば正しく使えるのかを伝えなければ
デザインが分からない人とデザイン話をするコツ
良いって何ですか？ デザインの話をするのは、たとえ本業をしている方にとっても難しいことがあります。それが他分野の方ということになると、なおさらです。目的に沿って議論することで、デザインがより洗練されるわけですが、別の部署、他の役職の方との会話になると、なかなかうまくいかないことがあります。 その理由は、彼等がデザインのことを理解していないからというより、お互いが考える「正しい」を理解していないからということがあります。 Webサイトやアプリを設計・開発されている方全員「良いものを作りたい」と考えています。ただし、その「良い」のニュアンスは立場によって少し異なることがあります。「良い＝売れる」と解釈する人もいれば「良い＝使いやすい」と捉える方もいます。それぞれがもつ「良い」という価値観が、その人の意見や考え方に大きな影響を及ぼしています。 言葉だけでは理解ができない デザイン案を見せると、以
コードが教えてくれるデザイン思考
今プログラミングを教育に取り組もうという声が高まっています。CODE.orgのようなサイトも立ち上がっていますし、Scratch のような子供から楽しめるビジュアルプログラミングもあります。 デザイナーの中でもプログラミングを始めたい方もいると思います。WWDC 2014 で発表された Swift は、スクリプト言語のような感覚でコードが書けるので、始めるには良い機会なのかもしれません。 ただ、デザイナーの立場からみると、プログラミングは遠い存在に見えることがあります。しかし、「問題解決のため」という視点からみると、デザインとプログラミングには共通点がたくさんあります。人間中心デザインに基づいた発想にも、実装可能なところまで落とし込んで模索しないと、夢心地なアイデアになることがあります（もちろん自由な発想が必要なときもありますが）。コードを書くひとの考え方を取り入れることで、アイデアを洗練
デザインを決めて進めるために必要なこと
先月は東京、そして今月は大阪 で、クリーク・アンド・リバー社が主催する Web ディレクター向けのセミナーで登壇しました。私自身、Web ディレクターと名乗っていないので、依頼を受けたときは半信半疑でした。しかし、Web ディレクターをはじめとした「作り出す人」にある共通の話題があると考え、登壇を決めました。 点をどのように線にするか ツールの使い方。マークアップの仕方。コードの管理方法。ペルソナの作り方。コンセプトを固めるためのワークショップの仕方 … などなど。こうした行程の中にある『点（作業）』は、書籍や Web でたくさん見つけることができます。どれも重要ですが、行程全体からみたとき、その手法がどのような意味を持っていて、それを基にどうゴールに向かって走れば良いのか見えないことがあります。 点は理解できたけど、それをどう線にしたら良いか分からないわけです。 例えば社内ワークショップ
アクセス解析から見つけだすコンテンツ設計のヒント
コンテンツの整備と Web サイト／アプリの設計提案をする際、必ずといっていいほどふたつのことを行います。 ひとつは、コンテンツの現状把握をする際に便利なコンテンツインベントリー。もうひとつは、アクセス解析です。私は、アクセス解析のプロフェッショナルではありませんが、コンテンツを主軸にして幾つかの数値をみるようにしています。良いモノを作ったからといって、結果に繋がらなければ、自己満足で終わってしまいますし、運営も続かなくなります。また、アクセス解析はコンテンツの質をチェックする際も使えます。 膨大な数値をみることには、クリエイティブはないように思えますが、そんなことはありません。アクセス解析は様々な角度で数値をチェックすることが重要ではなく、表層的なデータからどのようにイマジネーションを広げるかが重要だと考えています。データが人間像を描く土台になることがありますし、彼等がどのような文脈でサ
構造とプロセスとクリエイティブについて
デザイン思考の盲点 利用者への理解を深めながら新しいプロダクトやサービスを作り出すときにデザイン思考が役立つと言われています。異領域の人たちによるコラボレーションや試行錯誤を繰り返しながら完成に近づけるプロセスは、イノベーションの原動力とも言われています。日本でもデザイン思考を取り入れて新しい価値を生み出している企業が増えてきました。 私もプロトタイプをキーワードとして、デザイン思考を取り入れている人間のひとりではあるものの、デザイン思考による盲点が気がかなりになることがあります。 デザイン思考はプロダクトやサービスを作るための考え方・メソドロジーであるが故に、短期的かつ狭い視野に留まりがちになります。人のもつ課題や不満を解決するのは、プロダクトやサービスである場合も多々あるわけですが、時には社会構造、エコシステム、文化といった部分に注目したほうが効果がある場合があります。 例えば朝の満員
UIだけでもデザインできる理由
UI（ユーザーインターフェイス）は、いつの頃からか魅力的な視覚要素が含まれた GUI として語られるほうが多くなりました。これはある種、デザインを装飾としてのみ捕われてしまう状況と似ているところがあります。 では、ユーザーインターフェイスとは一体何なのか。スケッチしてみました。 昔からあるデスクトップでも、Google Glass のような未知のデバイスでも、人とコンピュータの関わりは必ずといっていいほど発生します。 人が何かをインプットすることで、コンピュータは処理したデータをアウトプットして人に伝えます。ユーザーインタフェイスとは、人のインプットを助長したり、コンピュータが処理したデータを人が理解できるようにアウトプットする役割を果たします。つまり、人が操作するコンピュータとの関わりを円滑なものにするのがユーザーインターフェイスの基礎と捉えることができます。UI を HCI (Huma
言葉はグラフィックより大事なインターフェイス
2013年3月16日にAndroid Bazaar Conference 2013 Spring が開催されました。昨年に引き続き今年も登壇。前回はゲームをテーマにして話をしましたが、今回は「コンテンツで改善する UI デザインの極意」と題してコンテンツと UI をテーマに話をしました。 見た目が綺麗だから良い UI というわけではない UI のインスピレーションとして Dribblbe や Android Patterns のようなギャラリーサイトを見ている方は多いと思いますし、「素晴らしい UI のまとめ」と名付けた記事も、だいたいはこうしたギャラリーサイトを参照していることが多いです。 実装まで携わった経験がある方ならなんとなく分かると思いますが、Dribble で紹介されている UI アイデアの多くは現実味がない想像図が多く掲載されています。実装しようとするならばパフォーマンスや操
UXとUIが混同されるワケ
最近 UX と UI を混同して表記されているのを見かけるようになりました。私もウケやすいということで、混同させたことがあります。しかし実際のところ UX と UI は同義語ではありません。良い UI デザインをすれば、UX が向上する可能性はありますが、必ずしもそうではありません。逆もしかりです。最近も UX と UIの違いを分かりやすく表現しようと、シリアルとボールの写真を使った例が登場しましたが、「そうでもない」という意見も多数ありました。 それでは、なぜ混同されやすいのかというと、今のスマートフォン向けのデザインを見るとヒントが隠されています。例えば Twitter クライアントの中で人気のある Tweetbot を見てみましょう。このアプリの中で装飾と呼べるデザインはどれだけあるでしょうか。ほぼ皆無だと思います。 スマートフォンという小さなスクリーンには、UI しか存在しません。
コンテンツから始める人間中心設計
11月23日、岡山市で amplifizr, Vol. 3 が開催されました。ポッドキャストの第 51 回、54 回に出演された 大月さんが主催するこのイベント。 1 時間弱のセミナーが多い中、amplifizr は数時間つかってじっくり学べる場になっています。 今回は、「マルチデバイス化を見据えたコンテンツ設計 基礎講座」と名付けて、スマートフォンやタブレットという今流行のデバイスをはじめ、今後登場するであろう未知のデバイスを利用する人々に対して、どのようにコンテンツを配信したら良いのかという話をワーク（練習問題）も交えて行いました。今までも何度かコンテンツを話題にした講座を行っていますが、今回は長時間ということもあって、じっくり解説することができました。 コンテキストは未来。コンテンツは今。 今年は例年にも増してコンテキスト（文脈）という言葉を耳にしました。利用者がどのような環境で、何
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
利用者の期待とUIデザインについて