#hcdvalue ワークショップ「UXのためのUIデザイン」

ちゃちゃき @chachaki

http://t.co/s9Wmc3nW 【UXのためのUIデザイン】というワークショップを明日 #hcdvalue でやるのですが、講師役の青木さんがスライドを公開してるし、終了後にちゃんとまとめる予定なんで今から楽しみです。

ちゃちゃき @chachaki

はじまた #hcdvalue http://t.co/cc6TTue6

拡大

ちゃちゃき @chachaki

#hcdvalue ここで言う「ユースケース」はタスクとインタラクションの間ぐらいの要件の話。

ちゃちゃき @chachaki

#hcdvalue UXを考えたものをすぐにUIを描くのはよくない。不自然だったりもっとよくなるのによくないUIになってしまう。

versionfive @versionfive

#hcdvalue のワークショップで「UXのためのUIデザイン」が始まっています。 @aokaoq さんからの説明中

ちゃちゃき @chachaki

#hcdvalue ユースケースを挙げる。例えばtwitterアプリの画面を見て…「投稿する」「ツイートをみる」「メンションを確認する」などなど。

ちゃちゃき @chachaki

#hcdvalue 不要なユースケース。今ここでは不要なもの。ファーストリリース以降で再整理したら、検討されるかもしれない。

ちゃちゃき @chachaki

#hcdvalue 優先順位をつける。ユーザーが期待するユースケース。ユーザーがよく行うユースケース。

ちゃちゃき @chachaki

#hcdvalue Q.優先順位をつけるのは難しいよね？ A. 難しい。UXの観点から整理する。色々入れ替えながら。UIに理由づけをしてく。

ちゃちゃき @chachaki

#hcdvalue C.不要なユースケースが粒度が異なるものな気がした。

ちゃちゃき @chachaki

#hcdvalue C.求めるUXによって、優先順位が変わる。

ちゃちゃき @chachaki

#hcdvalue 写真を撮るユースケースやわ挙げる写真を撮った http://t.co/YBq1diog

拡大

ちゃちゃき @chachaki

#hcdvalue 写真を撮るカメラアプリのプライマリとセカンダリのユースケースを分ける写真を撮る http://t.co/fHhGDcRW

拡大

ちゃちゃき @chachaki

#hcdvalue 優先順位をつける http://t.co/gzQjsjk8

拡大

ちゃちゃき @chachaki

#hcdvalue サンフランシスコ仕込みの付箋の粘着力が強いと話題に

フジタ＠アキレス腱を断裂した女 @junko_fujita

色もかわいい！ RT @chachaki: #hcdvalue サンフランシスコ仕込みの付箋の粘着力が強いと話題に

ちゃちゃき @chachaki

#hcdvalue 青木さんがちょいちょいコンセプトデザインだけの人をdisってるなうw

ちゃちゃき @chachaki

#hcdvalue つなげる。優先順位をつけたユースケースをつなげる。ポイントは、プライマリユースケースの間にセカンダリユースケースが入らないこと。(ログインなどは仕方ないが)

ちゃちゃき @chachaki

#hcdvalue 思考フロー図との関連。ユーザーの思考とユースケース的な操作、システムの機能の3軸をタイムラインで書いたもの。あるユーザーの思考と操作が並行に書いてある。

ちゃちゃき @chachaki

#hcdvalue UIを描く。ユースケースをつなげた図から、画面を描く。実際にはUIガイドラインに沿わないといけない箇所もある。

イトゥ/Hideaki Itoh @itow_ponde

青木さんが「UIデザイン」っていう度にちょっとムズムズするw #hcdvalue

ちゃちゃき @chachaki

#hcdvalue 「アプリの前に解決することが…」

Hiro Aok @akhrnb

@chachaki えー、disってないよ。UIデザインとはアプローチが違うってことよw #hcdvalue

ちゃちゃき @chachaki

す、すみません！w RT @aokaoq: @chachaki えー、disってないよ。UIデザインとはアプローチが違うってことよw #hcdvalue

ちゃちゃき @chachaki

#hcdvalue ケース2どこいってしもうたんや…