Latest thinking
すぐに使えるノウハウではなく、「なぜそうなっているのか」を考える記事を書いています。デザインの仕事で感じるモヤモヤに、構造から向き合いたい人のための場所です。
指標を見つけるための3つの質問
まずビジネスを知る プロには敵わないものの、デザイナー自ら Web 解析をする理由は、Web解析士が見ている部分がデザイナーが見たいデータと異なる場合があるからです。もちろんページビュー、滞在時間、コンバージョン率といった共通する指標項目はありますが、それらの解釈の仕方や、測定したいディメンションが異なる場合があります。利用者がどのような道筋を辿ったのかをデータを見ながら想像することは、デザインのインスピレーションになります。 しかし、問題になるのが何を指標値にすれば良いのかを決めるところです。見ることができるデータは膨大にありますし、マーティングとデザインとで指標にしたいポイントが異なることもあります。また、設計している Web サイトによって指標が変わってきますから「これを見ておけば良い」と言えるようなオールマイティな指標も存在しません。 私の場合、以下のことをクライアントと話したり調査をしながら、今のその企業に必要な指標を探すようにしています。 1. 企業・団体のミッションはなにか？何を目指しているか？ 2. Webサイトの目的はなにか？ 3. そのサイトを通して
リセットして考えるデザインプロセスが必要な理由
[http://www.yasuhisa.com/could/content/images/wordpress/2015/01/wcan2014_session.jpg] CSS Nite [http://www.yasuhisa.com/could/article/how-to-be-a-superhero/] と同様に、年末恒例になっているのが WCAN Winter [http://wcan.jp/news/report-wcan2014winter.html] 。例年、ビジュアルデザインやコードの書き方など、「作り方・見せ方」をテーマにしたセッションが必ずひとつありましたが、今年は 3 つあるメインセッションがすべて「コンテンツ」をテーマにしていました。200名以上集まる Web サイト制作系のイベントで、全編「コンテンツ」をテーマにして話せたのは、大きな意味があったと思います。 昨年は「
2015年以降のUIデザイン展望
消えるハードとソフトの境界線 Apple Watch のドキュメンテーション [https://developer.apple.com/library/prerelease/ios/documentation/UserExperience/Conceptual/WatchHumanInterfaceGuidelines/] には、以下のような言葉がデザインコンセプトとして記載されています。 > Even the physical border of the Retina display has been considered, resulting in edge-to-edge UI design that effectively renders that border invisible. Thoughtful app design should contribute to this experience of hardware
Year in Review 2014
無言語なものを言語化する 2014年は「デザインの言語化」として重要な年だったと思います。昨年くらいから、ようやくフロントエンド側のスタイルガイド作成 [http://www.yasuhisa.com/could/article/frontend-styleguide/] が注目されたことで、デザインをいかに柔軟で拡張しやすいものを作れば良いのかという話がしやすくなりました。しかし、コードだけでなくビジュアルや感覚のところまで共有するツールを揃えなければ、本当の意味でデザインの拡張性は望めません。 緊急時にデザインが崩れる [http://www.yasuhisa.com/could/article/why-design-goes-wrong/] のは、特定のデザイナー（又は制作会社）にデザインをすべて任せてしまっている可能性があります。これでは、Web サイトはいつまでもチラシのような存在から抜け出すことができませんし、運営という考えも根付かないでしょう。 デザイナーの手を借りなくても、ある一定の水準を保ちながらデザインされたコンテツを出し続けることが運営での大きな課題です。今年は
あなたのUXに必要となる視覚化と批評
ニュアンスを浸透させる2つのフェイズ 昨年の Advent Calendar の記事 [http://www.yasuhisa.com/could/article/mysterious-ux/] でも指摘しましたが、UX は「分かる人には分かる。分かっている人と分かっていると思うことが心地いい」という雰囲気がどことなく感じることがあります。何人かのデザイナーに UX の話を持ちかけても「話しにくい」「避けたい」という声も出てくるわけですから、学びたい人へ向けた UX はこれからなのかもしれません。 しかしながら、私の中で UX を学ぶために必要なのは「利用者体験とは？」ということを探求することではなく、「良い体験」というボヤけたニュアンスをどうしたら相手に伝わるのかを考えることだと思います。そのために ペルソナ [http://www.yasuhisa.com/could/article/whats-important-for-persona/]や カスタマージャーニーマップ [http://www.yasuhisa.com/
Webのスーパーヒーローになる方法
撮影：飯田昌之 今年で Web は 25 歳 [http://www.webat25.org/]になりました。 Web は人類に大きな変化をもたらした革命的な技術です。誰でも情報発信ができるようになったのも、膨大な量の知識や考え方を共有できるのようになったのも、すべて Web があってこそです。そして、Web のもつ可能性をひとりでも多くの方に体感してもらうのが、私たちの仕事です。 これは、デザイナーはとてつもない力を持っていることを意味しています。人々を幸せにするのも、ストレスを与えるのもデザイナーの作り方で決まりますし、時には人の考え方を変えることもできます。この記事の題名にもなっている「スーパーヒーロー」とは、デザイナーひとりひとりを指しています。 とてつもない力を持っているからこそ、私たちは責任をもって力を使わなければいけません。また、クライアントやプロジェクトメンバーに向けて、その力をどのようにすれば正しく使えるのかを伝えなければいけません。 > 大いなる力には大いなる責任が伴う “With great power comes great responsibility
ポストCMS時代のコンテンツ管理
従来のCMSは大きすぎる 従来の CMS をつかった Web サイト制作は、様々なレイアウトパターンを制作し、そこに集めてきたコンテンツを表示させるというものでした。コンテンツを MySQL のようなデータベースに格納し、それをアプリケーション側で整理や連携を行い、指定したテンプレートに書き出していきます。コンテンツの格納、操作できるアプリケーション、表示させるテンプレートという 3 つの要素をもつことが CMS の特徴といえるでしょう。 しかし、これらすべてが含まれていることが今後の CMS の姿とは言えなくなってきました。コンテンツ、アプリケーション、テンプレートという Web サイト制作のための要素が、すべてひとつのシステムによって管理されているのは作る側にとって効率的で便利ですが、運営側にとって不都合なことが幾つかあります。 * 別システムへのコンテンツの移行が難しい * 機能追加が必要な場合、CMS向けに独自開発が必要になる * テンプレートも独自開発が必要で、組み込み作業も発生する オールインワンで様々な操作ができる利便性はありますが、ひとつのシステムに監禁
Webアクセシビリティを当たり前にするために
当たり前にしては難しい Webアクセシビリティを考慮し実践することは「当たり前」だと思いますが、その当たり前を実践することが非常に敷居が高い印象があります。仕様や規格を理解して実装しなければならないところから、クライアントのコミュニケーションやワークフローといった仕組みの見直しまで、「当たり前」を実践するために超えなければならない山がたくさんあります。 私たちが「当たり前」という言葉を使うとき、「誰でも同じように考えること・自然にできること」というニュアンスを含めています。そのニュアンスのまま当たり前と思って Web アクセシビリティに取り組もうとしても、目の前にある多くの課題に頭を抱えてしまう人もいると思います。当たり前という言葉と、現実にしなければならないことのギャップが、Webアクセシビリティを難しくしているのかもしれません。 当たり前という言葉が難しさに拍車をかけていることがある Web アクセシビリティ。それでも始めてもらうには、Web アクセシビリティの意味を少し広げて実践することだと考えています。 まずは小さな勝利から JIS規格レベルAAを目指すだけでも簡単な
デザインが機械化されても心配しない理由
それって本当にオリジナル？ レスポンシブ？フラット？ビデオをつかった背景？CSSアニメーション？ゴーストボタン？いろいろな『トレンド』を見て勉強している間に、すべて導入されている 14ドルのテンプレート [http://themeforest.net/item/frio-one-page-parallax-responsive-template/7298727] をすぐに手に入れることができます。 CMS を活用して情報が更新しやすいレストランサイトを構築したい？専用の WordPress テーマ [http://www.cssigniter.com/ignite/themes/resto] を使えばすぐに完成します。英語だからダメと思うかもしれませんが、UI のローカライズが簡単できるように工夫されているので、使うことを諦めることはありません。 制作者の視点で語られる『オリジナルのデザイン』には、ひとつの矛盾があると思います。最新のデザイン動向を追いかけ、それを実践することが良いデザインに繋がると考えることがありますが、トレンドになる表現はすぐにコモディティ化されていきます。