Yasuhisa Hasegawa - Yasuhisa Hasegawa (Page 21)

パフォーマンスは技術課題ではなくデザインの課題

人気デザインギャラリーサイトから幾つかモバイル向け Web サイトのパフォーマンスを検証してみました。以下が各サイトのリクエスト数とファイルサイズになります。 * FELISSIMO 500色の色えんぴつ [http://www.felissimo.co.jp/500/]: 81リクエスト / 1.94MB * 旅館大村屋 [http://www.oomuraya.co.jp/] 55リクエスト / 1.52MB * UR オンラインストア [http://www.urban-research.jp/sp/] 90リクエスト / 705kb * JiNS PC [http://www.jins-jp.com/jins-pc/sp/] 78リクエスト / 1.39MB * らでぃっしゅレシピ [http://recipe.radishbo-ya.co.

教育

情報だけでは価値がない時代の学びの姿

「時代の流れが速すぎて学ぶのが辛い」「いろいろありすぎて覚えるのが大変」このような言葉を聞いたことがあります。確かに学ぶことが多いですが、知識との向き合い方で学習の仕方が大きく変わります。学習への向き合い方の変化が、気持ちを和らげてくれることもあります。昔は情報をもっていることが知識であり、情報を得る方法が学習と捉えられていた時期もありました。故にセミナーに参加したり、書籍を買っても自分が知らない情報があるかどうか、たくさんの情報が書かれているかどうかが評価の基準になり、情報を得たから「学べた」という満足に繋がったのかもしれません。昔の学校の授業は情報が中心なっていたのも、何か関係しているかもしれません。終着点があった従来の学習従来の情報の取得方法。わずかなソースから情報を受け取ることが知識になった。知識を得る方法が書籍、新聞などといった媒体の場合、そこに書かれている情報が知識であり、学びの『終着点』でした。その理由は媒体の制約が関係しています。新聞や書籍の情報は紙面という制約があることから、「もっと知りたい」「この言葉がわからない」「関連した動向は何」といった

コンテンツ

キーワード 2013: Transparency（透明性）

ビジネスは信頼を失いつつある Web コンテンツは透明であるべきと 2005 年から書いている [http://www.yasuhisa.com/could/article/rethinking-web-content/] ので、透明性をわざわざ今年のキーワードにすることはないかもしれません。しかし、今の社会背景を考えると、今また注目しておきたいと思い、キーワードに選びました。 * マルチデバイス化による情報アクセスの多様化 * いつでも情報がアクセスできることにより、能動的な情報収集を助長 * ネットワークで繋がっていることで共有が加速 * 様々な情報が行き交うことで賢い消費者が増加（逆もしかりですが）情報に敏感な消費者は Web 以前からいましたが、Web がマルチデバイスでアクセスできるようになったことで、その数は爆発的に増えてきています。こうした背景を考慮すると、従来のようなイメージ戦略だけでは、「怪しい、信頼できない」と疑う人もでてくる可能性があります。実際、それを裏付けるデータもあります。 Edelman によるビジネスの信頼度に関する調査結果 [ht

プロセス

コラボといっても平等ではない

2人以上が共通のゴールに向かって協力して進めるコラボーレション。クリエイティブな環境ではコラボレーションが発生しやすいわけですが、複数人がプロセスに参加するだけという形だけのコラボレーションだと、良いアウトプットが生まれません。ただ集まるだけではなく、参加者それぞれの意見やアウトプットがしやすくなる環境をつくるには、以下の条件があると考えられます。 * 信頼関係が築かれているか * プロセスが透明かどうか * オープンな対話が可能か * リスクをとることができるか * 間違いを許すことができるか多くの人がプロセスに参加しやすい環境をつくることがコラボレーションの第一歩ですが、ゴールに向かうためのディレクションや最終的な決断を下す人がいなければ、らくだになる [http://www.yasuhisa.com/could/article/we-just-made-a-camel/] 可能性があります。皆が平等な立場でプロセスに参加できるコラボレーションですが、ひとりひとりのアウトプットまでが平等というわけではありません。また、時には独裁者のような存在によってゴールに向かう

サービス

キーワード 2013: Stimul-experience（同時体験）

昨年、 Everyscreen [http://www.yasuhisa.com/could/article/2012-everyscreen/] というキーワードを提唱しました。スマートフォン、タブレットという特定のデバイスだけでなく、生活の様々なシーンに登場する「スクリーン」に対してどうデザインすれば良いのかを解説しました。今年はこの傾向がさらに強くなると考えられます。昨年は O2O [http://www.sophia-it.com/content/O2O] のようなオフライン、オンラインの連携が注目されましたが、導線をつくることに重きを置くところがありました。しかし、人々の生活はオフライン、オンラインと明確に分離できる状態ではなくなったことで、単なる導線では十分ではないと考えられます。同時に存在し体験する [http://www.slideshare.net/yhassy/webweb-6266527]2年前に講演した「多次元化するWebと今後のWebデザイン [http://www.slideshare.net/yhassy/webweb-6266527] 」。

デザイン

Year in Review 2012

#a01レスポンシブにデザインするために克服すること [http://www.yasuhisa.com/could/article/responsive-design/] 今年 Webサイト制作者の間で話題になった『バズワード』ですが、今年の最初に書いたこの記事はひとつの到達点だと思います。作り方・考え方変えないと作れない。記事を読む [http://www.yasuhisa.com/could/article/responsive-design/]#a02 楽天から学べる日本的なWebアプローチ [http://www.yasuhisa.com/could/article/rakuten-and-webdesign/] 好き・嫌いではなく、なぜそうなったのかを考えるためのヒントになる記事。日本の社会背景まで踏み込むと納得のところが多々あります。記事を読む [http://www.yasuhisa.com/could/article/rakuten-and-webdesign/]#a03 スタートアップとデザインについて [http://www.yasuhisa.com/

デザイン

機械化によってはじまる未来のデザインプロセス

毎年恒例の年末イベントは、東京は CSS Nite Shift [http://www.yasuhisa.com/could/article/prototype-the-future/] ですが、名古屋の WCAN [http://wcan.jp/2012winter/] も毎冬講演しています。今年は「モダン・タイムス　〜コンテンツと作り手を自由にする Web デザイン」と題して今後の Web デザインワークフローのヒント紹介しました。チャーリー・チャップリンの名作「モダン・タイムス [https://www.amazon.co.jp/dp/B004IPQE6W/ref=as_li_ss_til?tag=could-22&camp=1027&

プロセス

未来をプロトタイプしよう

12月15日に年末恒例のイベント CSS Nite Shift [http://lp25.cssnite.jp/] が開催されました。今年はカバーする分野もグッと広がり、合計 9 セッションという大イベントになりました。また、参加者のおよそ半数が都外からの方で、 Web サイト制作に関わる専門家たちが全国から集まった日になりました。今年の基調講演は未来をプロトタイプしようというタイトルで話をしました。今年は何度かプロトタイプをテーマにした話 [http://www.yasuhisa.com/could/article/webdesign-and-prototyping/] をさせてもらいましたが、昨年から感じていた課題へのひとつの回答だと思っています。繋げるためのプロトタイプ昨年の CSS Nite Shift [http://www.yasuhisa.com/could/article/shift5-the-end-of-websites/] で、従来の Web サイト制作のあり方は終わり始めているという話をしました。当時は、Web サイトを制作することだけを

コンテンツ

小さくなる配信パッケージと思考・設計の変化

先週、iPad 専用の雑誌として注目を浴びていた The Daily [http://learn.thedaily.com/] が、12月15日で廃刊 [http://www.theverge.com/2012/12/3/3721544/the-daily-ipad-news-mag-shutdown-december-15th] になりました。創刊後、Web にプレビュー記事を公開したり、多デバイス化を進めていましたが、うまくいかなかったようです。 2 年前に iPad が登場して以来、紙の雑誌と同じような見た目にインタラクティブ性を加えた「タブレット雑誌」は幾つかでてきました。しかし、多くのタブレット雑誌の売れ行きは印刷版の10%も満たない [http://www.themediabriefing.com/article/2012-05-31/Data-shows-magazine-publishers-are-failing-to-join-tablet-revolution] と言われており、複数バージョン作らなければならないコストに合うかどうか難しいところ。まだ伸び

ユーザビリティ

模索が加速するユーザーテストのコツと今後の可能性

テストするとは模索することユーザーテストをすることのメリットは、Web やアプリの開発に携わる方であれば周知のことだと思います。例えば、スポーツ系 SNS Sidelines [http://sidelinesapp.com/] は、6 つの異なる A/B テストを実施 [http://quicksprints.com/post/32792397474/how-we-increased-landing-page-conversion-from-5-to-55] したことで、コンバージョンを 5% から 55% まで上げることに成功しました。最近見つけたユーザーテストの面白い例といえば、先月の大統領選挙でのオバマ大統領のメール戦略 [http://www.businessweek.com/articles/2012-11-29/the-science-behind-those-obama-campaign-e-mails] 。キャンペーンEメールの件名を「有権者の皆様にお会いしたいです」のようなよくある件名から、「支出が多過ぎるかも」みたいなちょっと変わったものまで様々なパターンを

プロセス

ツールなんてどれでも良いですよ

以前からピクセルパーフェクトなカンプを作ることに意味はない [http://www.yasuhisa.com/could/article/cssnite-takamatsu/]と話してきました。Photoshop や Fireworks のような絵描きツールは、様々は誤解を引き起します [http://www.yasuhisa.com/could/article/visual-tools-and-webdesign/] し、ピクセルパーフェクトな世界を作り上げることは、可変で自由自在に変化する [http://www.yasuhisa.com/could/article/wd101-no-edge/] Web の世界では不可能に近いです。開発の初期段階でカンプと呼ばれる架空の完成図を作り込むことのリスクは実は大きかったりします。しかし、それが「Photoshop / Fireworksを使うな」という意味ではありません。絵描きツールは、ビジュアル面での試行錯誤するときに [http://www.yasuhisa.com/could/article/creative-lag

コンテンツ

コンテンツから始める人間中心設計

11月23日、岡山市で amplifizr, Vol. 3 [http://amplifizr.jp/seminar-event/vol3-basis-of-content-design-on-the-multi-device.html] が開催されました。ポッドキャスト [https://itunes.apple.com/jp/podcast/automagic-podcast/id74183614]の第 51 回、54 回に出演された大月さん [http://twitter.com/ohtsuki2843]が主催するこのイベント。 1 時間弱のセミナーが多い中、amplifizr は数時間つかってじっくり学べる場になっています。今回は、「マルチデバイス化を見据えたコンテンツ設計基礎講座」と名付けて、スマートフォンやタブレットという今流行のデバイスをはじめ、今後登場するであろう未知のデバイスを利用する人々に対して、どのようにコンテンツを配信したら良いのかという話をワーク（練習問題）も交えて行いました。今までも何度かコンテンツを話題にした講座を行っていますが、今回は長時

ソフトウェア

Byword

最近新たに私のワークフローに加わったアプリといえば、Byword [http://bywordapp.com] です。 Byword のような、UI を極力省いたシンプルなテキストエディタは珍しくありませんが、マルチデバイス対応で Markdown [http://daringfireball.net/projects/markdown/] が利用できるエディタはそう多くはありません。テキストのように書きながらも、HTML に書き出すことができる Markdown。ショートカットひとつで HTML のプレビューを表示してくれるだけでなく、マークアップを生成・コピーもできます。ブログの下書きは Markdown で書いて、あとでシステムにコピペするといった流れにしています。Byword で作ったファイルは、iCloud [http://www.apple.com/jp/icloud/] に置いてあるので、そのとき使えるデバイスをつかって文章を書いています。元々メモは Evernote [http://evernote.com/intl/jp/] を利用していましたが、

デザイン

メタデザイナーを育成するデザイン教育

今月末からデジタルハリウッド大学院 [http://gs.dhw.ac.jp/curriculum/subject/list-all/index.html#future_interface] でプロトタイピングをテーマにしたコースを受け持つことになりました。１時間くらいの短い講義で話をしたり、ワークショップの経験はありますが、数週間にわたって生徒と交流しながら進めていく授業をするのは始めてになります。少々不安ではありますが、今までの経験を活かして教育の分野に貢献できればと思います。今、デザインの教育に関わることは非常に意味のあることだと考えています。先月開催された UX Kanazawa [http://www.yasuhisa.com/could/article/uxkanazawa-prototyping/] で、成安造形大学でデザインを教えていらっしゃる大草真弓 [http://grasslands.biz/] さんが参加されていました。大草さんとの懇親会での会話やメール交換は、私の中で大変刺激になりました。デザインといっても製造・制作の要素が強かった従来の捉え方から

アクセシビリティ

コンテンツのアクセシビリティが未来を保証する

「その情報にアクセスできるかどうか」これが私にとっての Web アクセシビリティです。一般的に Webアクセシビリティ [http://ja.wikipedia.org/wiki/アクセシビリティ] といえば、主に高齢者や障がい者への配慮という見方が強いですが、数年前からは私は上記のように捉えて仕事をするようにしています。少し極端な考え方かもしれませんが、「その情報にアクセスできるかどうか」ということを意識して設計するときに、高齢者や障がい者といったごく一部のグループを考えることはありません。全ユーザーが特殊な存在近年の Web 利用者の動向をみると、高齢者や障がい者を意識しなかったとしても、情報にアクセスできるかどうかを真剣に考えなければ、見られない・読まれないコンテンツになることが分かります。 * デスクトップだけでなく、タブレット、スマートフォンなど様々なスクリーンサイズをもったデバイスで Web にアクセスしている。また、デバイスにより初期設定やカスタマイズ方法も様々である。 * インプットする方法も多様化しはじめている。マウスやキーボードといった従来

UX

ポジティブ心理学から学べるデザイン思考

[https://www.amazon.co.jp/dp/4757210442/ref=as_li_ss_til?tag=could-22&camp=1027&creative=7407&linkCode=as4&creativeASIN=4757210442&adid=0JVXP9BVDZTF9TJHAGNN&] デザインはよく「問題を解決するための設計」と解釈されることがあります。HCD の観点からみると、その意味合いは強いでしょうし、人が扱うアプリケーションに携わる仕事をしている方であれば、常に問題解決のためのデザインを意識されていると思います。タスクを完了するためにはどうすればシンプルで効率が良いのか、ゴールに辿り着きやすくするための使いやすさを設計するのがデザインですが、それだけではありません。目の前にある問題を解決するだけではなく、いかにポジティブな感情を引き出すのかもデザインの大きな課題です。ポジティブな感情を引き出すためのデザインをするという意味合いから UX という言葉が使われることがあります。「気持ちのよい」「爽快な」といったポジティブな言葉をつかってデザ

ソーシャルメディア

私的ソーシャルを活用した電子書籍の作り方

先日、日本の Kindle ストア [http://www.amazon.co.jp/Experience-Points-ebook/dp/B0096PTV7I/]でも発売が開始された電子書籍「エクスペリエンスポイント [http://www.yasuhisa.com/book/exp/]」。発売当初に制作の意図と大まかな過程 [http://www.yasuhisa.com/could/announcement/experience-points/] について解説しましまたが、今回はソーシャルメディアをいかに活用して電子書籍を作ったのかを体系化してみようと思います。今回の電子書籍は具体的に作り出す前から、長い下準備をしていました。電子書籍の制作自体はひとりで行いましたが、多くの方に関わっていただくことで、またひと味違う電子書籍のあり方をつくれるのではと思いました。以前 LEAF という対話のサイクル [http://www.yasuhisa.com/could/article/socialmedia-leaf/] について解説したことがありますが、それを基に以下のプロセス

プロセス

皆の「良い」を作り、話し合うプロセス

2012年10月20日、金沢歌劇座で UX Kanazawa [http://uxkanazawa.15vision.jp/ux-kanazawa-vol-4-20121020/] が開催されました。先月、basecamp NAGOYA でおこなったプロトタイピングのセミナー [http://www.yasuhisa.com/could/article/paper-prototyping-seminar/]の金沢版になります。主催者の @ichigami [https://twitter.com/ichigami] さんのご好意で急遽金沢で開催することができました。かなりギリギリの告知だったのにも関わらず定員オーバーでキャンセルなしという高出席率の会になりました。基本的に名古屋で行った内容を継承していますが、3時間半という長い時間を活用して名古屋ではカバーできなかったことを金沢で行うことができました。ワークではチーム別で作ったプロトタイプの意図を発表する時間を設けることができましたし、批評の場をもつことが出来たのが長時間イベントの魅力。私の心配とは裏腹に懇親会に持ち越して話

仕事

箱と自分と飛躍する距離について

英語には Out of the Box という表現があります。独創的、枠を超える、常識に捕われないという意味が込められています。箱の中に閉じこもらないで、自由に発想したいときに、こうした表現が使われることがあります。 ※ ちなみにソフトウェア分野で「out of the box」といえば、設定不要ですぐ使えるという意味で使われることがあります。クリエイティブな仕事をしている人であれば、独創的でいたいと考えるでしょう。また、イノベーションは時には常識外れなアイデアが必要だと思う方もいるでしょう。私もそのひとりだったりするわけですが、いつも上手くいくわけではありません。枠を超えることは良いことだと思います。しかし、箱から飛び出して、どれくらいジャンプするのかが難しいところです。「クリエイティブの翼を広げて、大きく羽ばたこう」「自分のやりたいと思うことを形にできる」と意気揚々とするわけですが、勢い余って結局うまくいかないことがあります。誰でも面白いアイデアはあります。私にもあるわけですが、そのアイデアがあまりにも飛躍し過ぎたことで、プロジェクトが思うような方向に進まなかった

デザイン

2012年デザインの4つの課題

ここ 1, 2 年でアプリが爆発的に増えただけでなく、スマートフォンの普及により Web がさらに身近になりました。便利な世の中になったかのように見えますが、今見るトレンドから新たな課題が浮き彫りになりました。今年末から来年にかけて、デザインの観点から解決していきたい課題が 4 つあります。こうした課題を Web やイベント、会合を通して議論できたらなと考えています。一貫性のないジェスチャーインタラクションマルチタッチスクリーンは、インタラクションデザイナーに新たな可能性を提示たのと同時に、大きな課題を残しています。ジェスチャーUIの課題と対策 [http://www.yasuhisa.com/could/article/gesture-ui/] でも指摘しましたが、現状ジェスチャーにはスタンダードと呼べる操作がなく、アプリごとに異なる解釈をしています。 iPhone のメールアプリで左から右へスワイプをすると「削除」のボタンが右側に表示されますが、同じジェスチャーを Twitter 公式アプリですると、スワイプした項目は消えて新たにメニューが表示されます。これが Facebo

Webデザイン

体験のレイヤーをつくるWebデザイン

2012年10日6日は、神戸ITフェスティバル [http://kobe-it-fes.org/]の講演 [http://www.yasuhisa.com/could/article/web-is-message/]に続いて CSS Nite in KOBE [http://cssnite-kobe.jp] でも登壇しました。神戸での記念すべき第一回目ということで、技術話がほとんどない働き方をテーマにした話題が中心でした。私のセッションは、終わりなき Web の旅と題して、予測不能でトレンドも目まぐるしく変わる Web の世界で変わらないもの、目標にできるものを紹介しました。再考 Progressive Enhancement 今頃「Progressive Enhancement」なんて言葉を使うなんて古いと考える方もいるかもしれません。不幸にも日本語で最適な表現がなく、カタカナ表記でプログレッシブエンハンスメントとしてもピンと来ないのが、言葉のもつ意味が浸透しないひとつの要因ではないかと考えています。例えば、昨年からよく耳にするようになったレスポンシブ Web デザイン [

インターネット

Webページからメッセージへ

2012年10日6日は、Web / IT に関わる様々なイベントが日本各地で開催されました。IT勉強会カレンダー [https://www.google.com/calendar/embed?src=fvijvohm91uifvd9hratehf65k%40group.calendar.google.com] を見ただけでも、この日は全国で 35 以上のイベントがありました。その中でも、神戸ITフェスティバル [http://kobe-it-fes.org/] はビックイベントでした。「IT」をキーワードに、社会・政治・文化・技術・芸術など様々な角度から今の世界・今の日本・今の神戸をみることができました。いつもは制作側の視点の話を聞いたり、情報交換をすることが多く、IT フェスティバルは制作以外からの Web の関わりを知ることができる貴重な場でした。今回は脱紙！Webならではのコミュニケーション思考術という題名で講演。神戸 IT フェスティバルの雰囲気に合わせるように、Web という媒体に再注目した内容にしました。以前から

デザイン

紙プロトタイピングから始まる問題解決への議論

先週オープンしたばかりの名古屋のコワーキングスペース basecamp NAGOYA [http://basecamp-nagoya.jp/] で、「プロトタイピングからはじめよう [http://basecamp-nagoya.jp/event/20120921.html] 」という題名でセミナー＋ミニワークショップを行いました。今年の春に開催した青森のセミナー [http://www.yasuhisa.com/could/article/webdesign-and-prototyping/] 以来、2度目のプロトタイピングセミナーになります。前回は、セミナーだけだったのに対し、今回は短めのワークショップ付き。また、プロトタイピング全般の話ではなく、ペーパープロトタイピングにフォーカスした内容にしました。ペーパーが最強ではないプロトタイピングだけではありませんが、何かを作る話題になると、どうしても「どのツールがベスト？」みたいな話になりがちです。すぐに作れるだけでなく、手を動かすというアナログな感覚が心地良いことから、ペーパープロトタイピングは人気の手法です。しかし、他の

デザイン

変化する媒体、進化するクリエイティブ

クリエイティブは、媒体の特性と配信方法に影響されることがあります。音楽の世界を見てみましょう。アルバムの起源ともいえるレコード（LP）が生まれたのは 1948 年（音楽を録音・再生できるレコード自体は 19世紀からあります）。LPは、両面におよそ 20 数分の音楽を保管することができました。ミュージシャンは 20 x 2 分の範囲に入るように音楽を構成しました。ラベルのデザインも LP ならではのものが生まれましたし、ジャケットにしても同様のことがいえます。その後、さらに小さく、さらに多くの曲を保管できる CD が普及しはじめます。曲の長さも大幅に増え、トラック数も自在に増やせることから、その特徴を活かした曲が作られるようになりました。裏返して再生する必要がなくなった CD のラベルは、LP に比べて大胆になり、ジャケットも印刷技術の発展の恩恵を受け、デザインも多彩になりました。ボブ・ディランのアルバム「Freewheelin’ [https://www.amazon.co.jp/dp/B0000024RQ/ref=

本

電子書籍「エクスペリエンスポイント」発売

[http://www.yasuhisa.com/book/exp/] 先週告知しました [http://www.yasuhisa.com/could/announcement/09-10-experience-points/] が、電子書籍「エクスペリエンスポイント [http://www.yasuhisa.com/book/exp/] 」が本日発売になりました。以下のストアで購入することができます（ストアの製品ページへの直リンクです）。 * パブー [http://p.booklog.jp/book/55931] * kobo [http://www.kobobooks.com/ebook/Experience-Points/book-V7C2LGECuEyDx7pHS3soVg/page1.html] * Amazon Kindle [http://www.amazon.com/