CSS Nite Shift7（Webデザイン行く年来る年）

bg @bitgleams

今回の話のきっかけはセブンイレブンのコーヒーメーカーのデザイン。佐藤可士和さんが携わってますね。 #cssnite_shift7

佐藤 洋介 / sugar@CyberAgent @sugaar

「CSS nite」 CSS niteきたよ。 http://t.co/IjQD32dnMc

CSS Nite @cssnite

長谷川「今回の話をしようと思ったきっかけは、コンビニエンスストアに設置されているセルフコーヒースタンドについて「UI が悪い！」という議論が行われていたから。」 #cssnite_shift7

CSS Nite @cssnite

長谷川「コンビニのセルフコーヒースタンドは、今までの購買フローにはない、自分で「カップを購入」し、「自分でドリンクを作る」というフローがある。そのため、「使いづらい」と感じている。」 #cssnite_shift7

すどうまさゆき @mikubell

コーヒーの買い方が今までと違う購買方法だったから、セブンイレブンのコーヒー販売が一時期盛り上がった。インターフェースだけの問題ではない #cssnite_shift7

田中友尋 | Tomohiko Tanaka @tomotana

#cssnite_shift7 「スクリーン(画面)上の解決は人の解決ではない」デバイスを知り人を知る

bg @bitgleams

今後より私達とデバイスの関係は密接になる。使っている人はどんな人なのかを知らなければならない。 #cssnite_shift7

CSS Nite @cssnite

長谷川「今後、スマートフォンよりも身近なデバイスが出てくる可能性もある。すると私たちはデバイスの事をより知る必要がある。どのような人たちが、どのような場面で、どのように使うかを知る必要がある。」 #cssnite_shift7

CSS Nite @cssnite

長谷川「ユーザーエクスペリエンス、ユーザーの事を知るために「インタビュー」や「ユーザー調査」などがあるが、もっと簡単な方法がある。それは「外に出る」こと。」 #cssnite_shift7

田中友尋 | Tomohiko Tanaka @tomotana

人を知るには人を見る うむ〜ウェブデザインもアクセス解析もリスティングも同じですね。 #cssnite_shift7

bg @bitgleams

観察する。 - 人々の「リアル」が見える - 様々な気付きを与えてくれる - （そして無料） #cssnite_shift7

CSS Nite @cssnite

長谷川「外に出たら人々の「リアル」がみえる。様々な気づきを与えてくれる。しかも無料でできる。しかし、こういう事を言っても、実際には気づきにくいので、実例を紹介する。」 #cssnite_shift7

bg @bitgleams

街中にはくどいくらい案内掲示板とかマナー啓発ポスターとか、何度も何度も訴えかけるような表示がいっぱいある。 #cssnite_shift7

Mari Takahashi @M_Rdesign

自分はサインデザイナー出身なんで、街にあふれる誘導看板の中には、わかりづらいものが多い。 そういう時は、制作者がその場所がどういう場所なのか把握してないことが多い。 #cssnite_shift7

カネダヨシアキ / 流しのWebディレクター・Progettista @k_yoshiaki324

毎年、ヤスヒサさんのお話を聞くとD.Aノーマンの『誰のためのデザイン?』を読み返したくなる。#cssnite_shift7

CSS Nite @cssnite

長谷川「駅の中を歩いてみるだけで、「左側通行」を促すもの、「上り・下り」を伝えるもの、「マナー」を伝えるもの、様々な注意書きが何度も何度も書かれている。そうしないと、伝わらない。それでも伝わっていない。」 #cssnite_shift7

山本一道@アップルップル @kazumich

昨年の反省から #cssnite_shift7 には @moruzo55 @KasumiMorita を連れて来た。

CSS Nite @cssnite

長谷川「Yahoo!のスマートフォンサイト。アメリカ版はファーストビューからコンテンツが始まるが、日本版は広告と検索窓。ユーザーに対する操作の案内を行っている。」 #cssnite_shift7

Mari Takahashi @M_Rdesign

最初に「ああしましょう」「こうしましょう」とメニューを出して、行き先を指示するコンテンツが多いのは、日本人特有の「親切心」ゆえ。 #cssnite_shift7

林田謙吾 @fsharpMusic

街中に溢れるサインやラベリング注意深く見てみよう。おもしろそう。 #cssnite_shift7

bg @bitgleams

スマホの使い方。みんな個性的な使い方をしている。片手持ち。右、左。片手で支えて片手で操作。両手の指を使う……いろいろ。 #cssnite_shift7

CSS Nite @cssnite

長谷川「スマートフォンの操作。左手で使う人、右手で使う人。両手で持って使う人。縦に使う人と、横に使う人。座っている時に使っている、立って使っている、またよろしくはないが、歩きながら使っている人もいる。」 #cssnite_shift7

CSS Nite @cssnite

長谷川「ユーザーの利用状況を記録するアプリを作って調査を行った。1708人分。調査結果によると左手で使っていた人は425人、右手は659人。両手持ちは615人。」 #cssnite_shift7

酒井優 @glatyou

やすひささんがスマートフォンを使っている人の使い方を調査する「Stalkr」というアプリを作った。名前を考えるのに3ヶ月、作るのに5日とのことw #cssnite_shift7

bg @bitgleams

長谷川さん、人々の観察のために自分で独自のアプリを作って（！）人々がどんなスマホの持ち方をしているかをチェックしていった……まじかー！ #cssnite_shift7