なぜスケールすべきなのか よく多くの改善、より早い提案・対応が求められている今日。エンジニアは昔から大規模化して動くための施策と実践を続けていますが、デザイナーは大規模化の歴史がないといっても過言ではありません。エンジニアのように確固したワークフローの構築が難しいというのもありますが、デザインは『個人プレー』で作るものというニュアンスが強かったという背景もあると思います。 しかし、いつまでも個人に依存したデザインをしていると、新しい施策や改善がひとりのデザイナーの動き次第になります。もちろん、それでも運用可能な環境はありますが、増え続けるビジネスサイドの要望に対応するために、ひとりでデザインを続けるのは困難です。ひとつひとつ対応してるときは、「分かりやすい一貫性のあるデザインを作ろう」と思って取り組んでいたとしても、全体を振り返ると実はそうではないということはあります。 ではどうやってデザ

デザインが理解されない、という問題点と、デザイナーの存在価値を認めてもらえない、という不満を混在させると厄介なのかな、と感じているのですが、それら二つはやっぱりイコールでつながるものでしょうか。 匿名 同じ言葉 != 同じ意味 「デザインはビジネスに貢献する重要なポジションになってきている」 デザイナーとそれ以外の方でこの言葉の受け取り方が異なります。私たちデザイナーであれば、重要な存在になることで本来すべき理想的な工程と成果物が作れるようになると考えるでしょう。しかし、その考え方はデザイナー視点であって、他の役職の方が同じように捉えているわけではありません。デザインというものを『導入』すれば儲かるから重要なポジションだと捉えている人もいます。 同じ言葉でもまったく違う捉え方ができるわけですから、誤解も生じます。「デザインは重要」と言われているからといって、デザイナーが想像する重要な存在に

自分が想像している以上に視野は狭いWeb・アプリで見ている世界は『自分たちに都合の良い空間』と言っても過言ではありません。 Facebook, Instagram, Twitter をはじめとしたソーシャルメディアはアルゴリズムによって好みの情報に絞ったタイムラインになっていますし、都合が悪いものは、非表示することも簡単にできます。 ソーシャルメディアだけでなく、検索も同じです。自分が見ている世界がどれだけバイアスがかかっているのかを知る上で DuckDuckGo は便利なツール。Google をはじめとした大手検索エンジンはユーザー情報を基に検索順位を変えていますが、DuckDuckGo はパーソナライズを一切省いた検索結果を表示します。これで検索結果を比べると、上位に出てくるサイトがどれだけコントロールされているのか分かります。 自分にとって都合の良いものだけが見えている世界に浸ってい

「ブラウンとアップル」という記事で、デザイナー Dieter Rams（ディーター・ラムス）が提案した良いデザインの10の原則を紹介しました。1970年代に提案されたものですが、現在にも通じる普遍性のあるメッセージです。これのアップデート版のようなものを、Co.DesignのSuzanne LaBarre さんが提案しています。特にアプリや web サイトをはじめとしたデジタルプロダクトを意識した内容になっています。 良いデザインは様々な影響を考慮している 良いデザインは『スロー』である 良いデザインは正直である 良いデザインは政治的である 良いデザインはシステムを意識している 良いデザインは良いライティングである 良いデザインは多面的である 良いデザインは人とマシンのためにある この中で特に気になった「良いデザインは『スロー』である」から、今後のデザイナーの仕事についてぼんやり考えてみま

身近にいるかもしれないモンスター達 「モンスターペアレント」なんて言葉が流行した時期がありましたが、そのデザイナー版もありそうです。一見、平穏そうな装いをしたデザイナーの中に潜む恐ろしいモンスター達。彼らがデザインの行程を台無しにしたり、品質を落としてしまう場合があります。 今回紹介するモンスター達は web やアプリのようなデジタルプロダクトをデザインしている人たち向け。特にデザイナーとしてキャリアを始めた頃に陥りやすいモンスターたちです。 俺一番モンスター 問題解決することがデザイナーの仕事ですが、自分が考えた解決案が絶対正しいとは限りません。誰でも自分が考えたアイデアを大事にしたいですが、過保護になるとかえって視野が狭くなります。デザインに関わる様々な手法がありますが、それが解決を導き出す唯一の方法ではありません。課題解決ができるのはデザイナーだけではないわけですから、「自分が絶対正

2017年10月14日に CSS Nite in HIROSHIMA, Vol.10 が開催されました。最近は次の日から使える実践的な内容を話すことが多かったですが、今回はほんの少し未来の話をということで「既に来ている機械化の波とデザイナーができること 」というタイトルにしました。同名の記事を半年前に書きましたが、今回はそれを拡張した内容。機械化は脅威ではなく、デザイナーの可能性を広げるものであると紹介しました。 デザイナーは変わり続けている機械学習・人工知能は当分先の話と思っている方は少なくありません。しかし、Adobe Stock の絞り込み検索に機械学習が活用されているなど、デザイナーの仕事現場の中に既にある技術だったりします。脅威と言うより、私たちの仕事をどんどん楽にしていることは忘れてはならない視点です。 歴史を振り返ると、デザイナーはテクノロジーの進化に合わせて働き方を変えてき

東京中心設計になっていないか東京でデザインの仕事をすることはエキサイティングであると同時に、視点が偏りがちになります。様々な人たちとの出会いがある一方、特殊な街だと思います。東京は電車・バスが主な交通手段ですし、無料で WiFi へ繋がる場所も無数にあります。スマホから商品を注文すればすぐ届きますし、斬新なサービスも東京周辺エリアからスタートということも少なくないです。 人口が密集しているのでサービスが始めやすいというのはありますが、東京の光景が日本全国共通の『当たり前』とは限りません。幸い、年に何回か地方のデザイナーと現地で情報交換することがありますが、様々なことが違います。情報が遅れているわけではなく、生活光景が違うわけです。車社会であることはもちろん、オンラインで注文するよりショッピングモールで買ったほうが便利という場合もあります。都市部であれば、電車は主な交通手段ですが、駅前の雰囲

Webサイトが起点？ 利用者のニーズを考えて web サイトを設計し、ゴールまで導く。 Web サイトに限らずアプリケーションにも言える基本的な考え方です。昔から言われている当たり前の事ではあるものの、「Web サイトへ訪れる」という利用者の行動を大前提にしていることに疑問を感じています。 ブランド名など、何かキーワードが思い付けば検索をするでしょう。人によっては、ふと思い出して訪問することもあるかもしれません。しかし、そういったタイミングが 1 日でどれくらいあるでしょうか。Web サイトへわざわざ訪れるのが面倒と感じることもあるくらいです。 ターゲットにしている市場によっては検索が強かったり、わざわざブックマークしてサイトを訪れる人が多いかもしれません。しかし、そうした能動的な行動ではなく、ニュースフィードで偶然見かけた情報をキッカケに行動する人は少なくありません。ジャストシステムによ

先進的から最適化へ 3年前、Facebook が今までのニュースフィードを完全に変えた「Paper」というアプリをリリースしました。ネイティブコンポーネントが使われていないオリジナルの UI とインタラクション。今までありそうでなかった新しい操作方法を提案していました。Paper をはじめ、様々な実験的なアプリを Creative Labs としてリリースを続けていましたが、2015 年にラボは閉鎖され、その半年後には Paper も配信停止されました。 今でも Things 3 for iOS のように新鮮な UI とインタラクションが生まれる場があるものの、あまり見かけなくなりました。今のアプリ UI デザインは、目新しいものを作るより、今まで培われたノウハウを基に使いやすさ、見やすさを磨き上げるフェイズに来ています。斬新なアニメーションと目新しい形状のメニューを作るより、ガイドライン

素材に正直であれ Webサイトの品質には、高い技術と表現を盛り込むという『上を目指す品質』と、どのような状況でも必要最低限の見た目と操作性を保証する『地を固める品質』の 2 つがあると説明しました。しかし、これだけではなくデザインにおける普遍的な考え方も品質に大きく関わっています。 ドイツのインダストリアルデザイナー Dieter Rams（ディーター・ラムス） が提案する良いデザインの十ヶ条の中には、良いデザインは正直であるという項目があります。製品を必要以上に大げさに見せるのではなく、ありのままを伝えること。素材や形状を生かし、機能を明確に伝えることをラムス氏は『正直』と捉えています。 Web デザインに限ったことではありませんが、素材に正直であることは良いデザインには欠かせないことです。これは、素材をありのままに使ってシンプルでミニマリストな表現をするという意味ではなく、素材の特徴を

広がるデザインツールの役割 2016年はデザインツールのあり方が大きく変わった年でした。スマートフォンが主流になってから、平面な画面をひとつひとつ設計するのではなく、利用者の遷移や UI フィードバックを塾考するようになりました。多彩なデザインツールが出てきているのは、デザイナーの作り方だけでなく、役割も少し変わってきているからでしょう。ひとりの職人が閉じ籠って完成品に近いものを作るのではなく、デザインプロセスを共有しながら少しずつ作るというやり方に変わりつつあります。デザインのブラックボックス化を避けるための手段は今も増え続けています。 従来のデザインツールは、ひとりのデザイナーがデザインに集中するための道具であって、途中経過を共有したり、協力して作ることを得意としていませんでした。現在のデザインツールは複数のデザイナーがひとつのプロジェクトに取り組めるような仕組みが用意されていたり、デ

作るだけだと失うバランス スキルが多ければ就職のチャンスが増えるでしょうし、デザインとコードの間を取り持つためのコミュニケーションの手間も省けます。新しい技術を取り入れたデザインが考えられることで、表現の幅も広がるはずです。柔軟性、拡張性のあるデザインを作るときにコード脳が役立ちますが、デザイナー自らがコードを書く必要性はないと考えています。 小さな組織、フリーランスであればコードを書かざるを得ない状況があるので、それは仕方ありません。『書けるべき』という強い表現が、どのような状況にも当てはまるように聞こえてしまうことに疑問を感じます。また、制作スキルばかりに力を入れても、デザイナーとしてのスキルの伸びに限界がある考えています。 デザインは人によって様々な定義が出てくるややこしい言葉ですが、私の中で「作る」ことと「考える」ことの 2 つに分けています。作ることは、何か目に見えるもの、触れる

大企業だけのものではないデザイン原則は、ひとりのデザイナーがマニフェストとして明示することもありますが、最近は多くの企業がスタイルガイドと一緒に作られることが多くなりました。ここで言うデザイン原則とは、タイポグラフィや配置といったデザインするためのノウハウではなく、「我々が考える良いデザイン」が文章として表されたものを指します。つまり、自分たちのスタンス（立ち位置）を示したものです。 Material Design だと、以下の 3 つの原則があります : 実世界にも通じる空間と動きをメタファとして扱う力強く、視覚的であると同時に意図的動きを通して操作や表示の意味を伝えるまた、Facebook のデザイン原則だと、「ユニバーサル」「一貫性」「使いやすさ」など１単語でシンプルに表現されています。もちろんこれだけだと分かり難いので解説が添えられています。例えば「一貫性」であれば、再利用できるも

職種を超えたデザイナーの集まり 3月20日、浜松市にて　DORP INSPIRATION 2016 が開催されました。様々な分野で活躍するデザイナーを対象にしたイベントだけあって、Web デザイナーの来場者数は半分以下。グラフィックデザイナーはもちろん、建築家やインテリアデザイナーの方も参加していました。デザインという限定されたテーマではありますが、様々な分野のデザイナーが集まるイベントは珍しいと思います。 参加者だけでなく、登壇者も多彩な顔ぶれ。オイシイワークスの佐藤実紗さん。書籍「なるほどデザイン」の著者で株式会社コンセントのアートディレクター筒井美希さん、関口 裕さんが登壇しました。デザインという共通項はあるものの、仕事の仕方も、アウトプットするモノも様々。自分の仕事に直結した情報を手に入れることが難しい分、「これは自分の仕事に置き換えると何が言えるのか」といった意識が強くなり、終始

予習として洋書はいかがですか？ 前回おすすめデザイン入門書を 10 冊紹介しました。どれも自信をもって紹介できる書籍ですが、選書しているときに訳本がない書籍を幾つか見つけました。私の場合、読んでいる本の半分以上は洋書なので、翻訳されていないものは渋々リストから外すことになりました。 そこで今回は、2016年2月現在、訳本が出版されていない洋書を 8 冊紹介します。前回と同様、Web やアプリに特化したものではなく、デジタルプロダクトに携わるデザイナーに向いている書籍です。いずれ翻訳される可能性があるので、そのときに備えてメモ程度に見ていくと良いかもしれません。 UI is Communication UI デザインは利用者体験を考える上で、ほんの一部でしかありませんが、視覚的に表現されることから体験に大きな影響を及ぼします。UI デザインから利用者のこと、体験のことを掘り下げていく際、この

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

10月25日、仙台で The NEXT WEB CONTENT 2015 が開催されました。主催である株式会社インフォアクシア設立11周年記念として、Web アクセシビリティを中心に、デザイン、ユーザビリティ、SEO など、Web に関わる様々な話題を扱ったイベントになりました。トピックは広く浅いわけですが、異業種の専門家が集まることで、新たな視点の発見や共通点を見つけることができました。 本イベントの様子は Togetter #tnwc2015 をご覧ください。 Web利用は『終わった』のではなく『変わった』 ここ１年「Web は終わった」というニュアンスが含まれた話題を国内外で耳にします。Mashable が「Web Design is Dead（Web デザインは死んだ）」という記事を公開して話題になりましたし、アプリの利用時間の急増から「The Web Is Dying; Apps

分かっていないのは誰か？ デザインの評価は、デザイナー同士でも難しいこと。それが違う職種や背景の方と話をするとなると、さらに難しくなります。プロであれば、仮説を基にして議論をするよう努力しますが、周りがそうであるとは限りません。 人間工学者 Gitte Lindgaard が 2006 年に発表した文献「Attention web designers: You have 50 milliseconds to make a good first impression!」によると、ユーザーはわずか 0.05 秒で Web サイトの見た目に判断を下すそうです。これはアプリをはじめ、様々なデザインにもいえると思います。デザインの意図やプロセスを知ることはないわけですから、「ダサい」「見難い」「分からない」といった突発的な判断を下すのも当然かもしれません。 では、「デザインを理解していない」と一蹴し

Empathy（感情移入）と Sympathy （思いやり） 。日本語だけでなく、英語でも混同してしまいやすいこの言葉。実は大きな違いがあることを分かりやすく説明しているのが上の動画です。RSA で Brené Brown博士が話した内容の一部が、素敵なアニメーションで再現されています。感情移入とは、相手との繋がりを築いた上で共感すること。一方、思いやりとは繋がらずに一歩離れたところからのコミュニケーションと Brown 博士は説明します。 Brown 博士によれば、感情移入には 4 つの性質が含まれているそうです。 相手の視点で周りがみれる決めつけをしない相手が何を感じているのかを理解できる相手の視点を理解した上で対話ができるよく感情移入はデザインに不可欠であると言われます。重要とはいえ、感情移入（エンパシー）という言葉が多用されることで、意味が薄れてきている側面もあります。利用者を客観

マーケティングとデザインの共通点 2015年6月27日大阪 Re:Creator’s Kansai 主催のイベント「基礎からきちんとマーケティング」に登壇しました。デザイナーとして働いているのでマーケティングは畑違いのように見えますが、以前からマーケティングを扱った記事をたくさん書いています。カスタマージャーニーマップのようなマーケティングの手法がデザインプロセスの一部として採用されていたり、デザイン思考がマーケティングに取り込まれているなど、共通するところが幾つかあります。 例えば UX を学んでいるうちに行動経済学に興味を持つ方もいるでしょう。行動経済学はデザインにも取り込める興味深い学問ですが、マーケッティングを深く知る上でも役立ちます。デザインとマーケティング両方に興味をもつことは、デザイナーとしてごく自然のことではないでしょうか。人のこと、市場のこと、社会のことを知らないとデザイ