Yasuhisa Hasegawa

Yasuhisa Hasegawa

Web やアプリのデザインを専門しているデザイナー。現在は組織でより良いデザインができるようプロセスや仕組の改善に力を入れています。ブログやポッドキャストなどのコンテンツ配信や講師業もしています。

ペルソナ

スマートフォン利用にある異なる6つの価値感

スマートフォンがアーリーアダプターのものではなくなった今日。 「スマートフォンユーザー」と一言でいっても、好みや重要にしているものは人それぞれです。利用者のアプリの使い方、アプリの並べ方、デバイスの持ち方、そして行動にまで影響します。同じように見えるスマートフォンも、人の性格が出ていることがありますし、気付きを与えてくれることがあります。 最近、人のを見て「なるほど」と思ったアプリの配置。よく使うアプリは Dock や上部に置かず、右手の親指で届きやすい左下に集中させている人が何人かいました。 デザインを皆で考えるときに難しいのが、何がフォーカスするべき重要なことなのかを共有するとき。スマートフォンへの価値観が異なることから、話がすれ違ったり、プライオリティをうまく決めることができないことがあります。そこで、プロトタイプを作る前にシナリオやペルソナをつくって「こういう価値感をもっている人を想定している」という部分を共有することがあります。 先日 Ericsson が発表したレポート「Unlocking Consumer Value [http://www.ericsson.com/

デザイン

多種多様なWebアクセスにおけるパソコン向けデザインの弱点

通信機器の普及率を2010年と2012年度で比較(総務省 2013年)。 日本も既にポストPC時代 先週、総務省が平成二十四年度の通信利用動向調査 [http://www.soumu.go.jp/johotsusintokei/statistics/statistics05a.html] を発表しました。詳しくは公開されている PDF (又は生データで公開されている Excel/CSV) を参照してほしいですが、特筆すべき点は以下の 6 つです。 * パソコン(デスクトップやノート)からの Web アクセスは 2009 年をピークに毎年下降している * 家庭内、外関係なくパソコンからの Web 利用は低下している * 同時に低下しているのは従来の携帯電話。保持率は依然高いが Web アクセスは減ってきている * 従来のアクセス端末の利用は低下しているが、今まで以上に Web アクセスする人は増えている * 10代から40代の Web 利用率は頭打ちをしているが、増えてきているのが 65 歳以上の高齢者

UI

人との関わりから考えるタッチUIのあり方

タッチ UI のデザインで難しいのは、表層的な部分だけを設計すれば良いものになるわけではないという点です。技術もきちんと理解することで、Web なら Web らしい、アプリならアプリらしいデザインになります。表層的な部分から入ると、見た目は良いけど使い難くなったり、「なんとなく違う」という声に繋がることもあります。 だからといって、絵を描きながら UI を模索することを否定しているわけではありません。しかしながら絵を描く過程があったとしても、人がデバイスとどのように関わるのかを理解していることが前提になります。人はどのように UI に触れて、どのようなフィードバック(アウトプット)を期待しているのでしょうか。 タッチデバイスにある新しい挑戦 多くの方がタッチデバイスを扱うようになって数年経ちますが、今はもう画面に触れるだけが唯一の方法ではありません。人とデバイスの関係はより親密になったと同時に、関わり方は多様で複雑になりました。 おさらいという意味も含めて、最近のデバイスと人との関わり(インプット & アウトプット)をまとめてみました。 多種多様なインプットとアウトプットが

コンテンツ

コンテンツの視覚化から始まるマルチデバイス設計プロセス

先月、岡山で開催された amplifizr, Vol. 6 [http://amplifizr.jp/seminar-event/vol6-content-strategy-for-multi-device-environment.html] を皮切りにマルチデバイス化のためのコンテンツ戦略がスタートしました。全国、合計5ヶ所で開催されたマルチデバイス化を見据えたコンテンツ設計 基礎講座 [http://www.yasuhisa.com/could/article/content-for-multidevices/]の続編になります。 スマートフォンサイトを制作するためのノウハウは国内外でたくさん見つかりますし、素晴らしい見た目のサイトも増えてきました。しかし、コンテンツがパソコン中心に作られていることから、スマートフォン向けにうまくコンテンツが移行できなかったり、過剰な省略がされていることがあります。サイトの見た目のマルチデバイス化は進んでいますが、コンテンツのマルチデバイス化はまるで進んでいないというのが現状です。 ここ 2, 3 年 アダプティブデザイン [http:/

サービス

マルチデバイス体験のためのデザインの課題

ここ 1, 2 年のアプリ購入の条件はマルチデバイスでシームレスな操作ができることができることが前提になっており、その傾向はますます強くなっています。私が愛用している Byword [http://www.yasuhisa.com/could/review/byword/] も保存という操作をすることなく、マルチデバイスですぐにデータにアクセスできることが購入のキッカケになっています。 [https://itunes.apple.com/app/id532016360] 明るさ調整や、スピードダイヤルといった機能もあり。連携できるアプリも順次増えています。 マルチデバイスと同様、重要になってくるのがアプリ間のデータのやりとりや操作が可能なこと。Web サービスを基にして作られたアプリであれば大丈夫ですが、孤立した状態で存在で存在するアプリも少なくありません。Android だともう少しスマートな解決策がありそうですが、iPhone の場合だと Launch Center [http://appcubby.com/launch-center/] は便利です。TextExpander

Webデザイン

コンテンツからはじまる新しいWebワークフロー

4月27日にCSS Nite in AOMORI Vol.7 [http://cssnite.studiomd.jp/vol07/] が開催されました。毎年、 来青させていただいています [http://www.yasuhisa.com/could/article/webdesign-and-prototyping/] が、CSS Nite として参加するのは今回で 2 回目になります。今回は コンテンツからはじまる新しい Web ワークフロー と名付けて、コンテンツの設計をしっかりしないと、モバイルをはじめとした他デバイスに向けて Web サイト制作をしても意味ないよというメッセージを込めた講演を行いました。そして、コンテンツを基軸にして画面構成やビジュアルデザインを組み立てていく新しいワークフローの提案も行いました。 今までこのサイトでも何度かプロトタイプ [http://www.yasuhisa.com/could/?s=%E3%83%97%E3%83%

コンテンツ

自己主張ファーストなコンテンツを排除しよう

私はよく「コンテンツがない。壊れている。」と主張していますが、人によっては「既に自分たちには素晴らしいコンテンツがある。アピールするための素材もたくさん用意されている。」と考える方もいると思います。しかし、それは利用者からの視点からすればコンテンツでも何でもないノイズということもあります。 昨年末から全国で開催しているマルチデバイスを見据えたコンテンツ設計講座 [http://www.yasuhisa.com/could/article/content-for-multidevices/] で、企業は的外れなコンテンツを出していることを事例を挙げながら紹介しています。クオリティの高い写真、映像、文章が使われているものの、中身は利用者のことを優先していない自己中心なメッセージばかりということがあります。残念ながら企業 Web サイトの大半はそんなところが多かったりします。 上記は Break Up [http://www.youtube.com/watch?v=D3qltEtl7H8] という、広告主と消費者の関係を人間関係に見立てて表現した 2007 年のビデオです。以下、簡

Webデザイン

Fireworks後のツールとワークフロー

Fireworks 以外の選択肢は? Adobe Creative Suite が終了し、Cloud の一本化が発表 [http://www.adobe.com/jp/cc/letter.html] されました。今回の新製品ラインナップでニュースになったのが、Fireworksの開発中止 [http://blogs.adobe.com/fireworks/2013/05/the-future-of-adobe-fireworks.html] のニュース。最新版の Fireworks CS6 の次期 OS へのサポートをすると宣言しているので、すぐに使えなくなるということはありませんが、視野を広げて別の選択肢を探さなければならなくなるでしょう。 Fireworks が数年後には使えなくなるかもしれないから、Photoshop に移行するべきなのかといえばそうでもありません。写真やグラフィックといったビットマップ画像編集であれば Photoshop は素晴らしいですし、ベクターシェイプやレイヤースタイルを使えばある程度柔軟性を保つことはできます。しかし、Webサイトデザインにふさわしい

Webデザイン

世界最初のWebサイトが教えてくれるデザインの原則

[http://info.cern.ch/hypertext/WWW/TheProject.html] 4月30日は World Wide Web にとって重要な日。先日 CERN が、W3 の関連技術をパブリックドメインにしてから、20 年を迎えました。 CERN 公式サイト [http://info.cern.ch/] では W3 の歴史を振り返ると共に、1993 年に公開された 最初の Web サイト [http://info.cern.ch/hypertext/WWW/TheProject.html] もオリジナルの URL に再公開されました。 構造化された情報は未来に繋げるためのディープインプレッションになると話した「スマートフォン戦略から始まる新たなコミュニケーションデザイン [http://www.slideshare.