シリーズ目次

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

UIパターン検証

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

2023

年

月

日

スキルを上げて、創造のための武器を手に入れよう

すべての動画閲覧には、メンバーシップ加入が必要です

メンバー登録について

今回はiOSの特徴的な「ハーフモーダル」を使って、画面遷移なしで選択できる詳細UIを作っています。

ハーフモーダルの動きについてはこちら

‍

今回はiOSの特徴的な「ハーフモーダル」を使って、画面遷移なしで選択できる詳細UIを作っています。

ハーフモーダルの動きについてはこちら

‍

UIアイデア入門

全

本

STEP-01

UIのイメージを出そう

STEP-01

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

11:03

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

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

2:58

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

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

2:39

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

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

10:32

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

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

9:09

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

STEP-02

UIのパターンを出そう

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

21:14

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

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

11:06

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

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

10:32

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

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

11:22

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

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

12:54

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

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

7:59

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

確定画面/注文タブ

8:09

確定画面/注文タブ

閉じる

0 Comments

Active Here: 0

My Profile Image

Logout Edit Profile

Be the first to leave a comment.

Load Previous

Someone is typing...

No Name

Set

4 years ago

Moderator

(Edited)

Delete Forever

This is the actual comment. It's can be long or short. And must contain only text information.

Your comment will appear once approved by a moderator.

2 Replies

Load Previous

No Name

Set

2 years ago

Moderator

(Edited)

Delete Forever

This is the actual comment. It's can be long or short. And must contain only text information.

Your reply will appear once approved by a moderator.

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.