戻る
メンバーシップになる
トップ
/
UIアイデア入門
/
紙にUIアイデアのラフを出そう
コンテンツ一覧
コミュニティ
6

紙にUIアイデアのラフを出そう

October 12, 2021
保存
保存中
BONO
プロと学ぶUIとUXのコミュニティ
詳細

まずラフでフローを作りきります。そのためのUIのイメージを紙で出していきましょう。<br>お題で設定されている「ユーザーフロー」に沿って必要なアイデアを出します。<br>参考にするサービスのUIを頼りに作っていきます。

UIアイデア入門

12
STEP-01
UIのイメージを出そう
33
UIのイメージを出そう

UIのイメージを出そう

STEP-01
お題:モバイルオーダーアプリのUIプロトタイプをデザイン
11:03
お題:モバイルオーダーアプリのUIプロトタイプをデザイン

お題:モバイルオーダーアプリのUIプロトタイプをデザイン

自分で作り切る→動画をみよう
2:58
自分で作り切る→動画をみよう

自分で作り切る→動画をみよう

デザインの進め方のイメージ
2:39
デザインの進め方のイメージ

デザインの進め方のイメージ

フローから必要な情報をアイデア出し
10:32
フローから必要な情報をアイデア出し

フローから必要な情報をアイデア出し

参考になるアプリからヒントを得よう
9:09
参考になるアプリからヒントを得よう

参考になるアプリからヒントを得よう

STEP-02
UIのパターンを出そう
33
UIのパターンを出そう

UIのパターンを出そう

紙にUIアイデアのラフを出そう
21:14
紙にUIアイデアのラフを出そう

紙にUIアイデアのラフを出そう

ホーム画面をラフデザイン
11:06
ホーム画面をラフデザイン

ホーム画面をラフデザイン

店舗選択画面をラフデザイン
10:32
店舗選択画面をラフデザイン

店舗選択画面をラフデザイン

商品詳細選択画面ラフデザイン
11:22
商品詳細選択画面ラフデザイン

商品詳細選択画面ラフデザイン

カート&確定画面をラフデザイン
12:54
カート&確定画面をラフデザイン

カート&確定画面をラフデザイン

注文確定/注文状況確認のUIラフ
7:59
注文確定/注文状況確認のUIラフ

注文確定/注文状況確認のUIラフ

確定画面/注文タブ
8:09
確定画面/注文タブ

確定画面/注文タブ