シリーズ目次

セルフチェックのために遷移をつける

UIパターン検証

セルフチェックのために遷移をつける

2023

年

月

日

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

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

メンバー登録について

実機に近い形で自分の目で見て触るのが大事です。スマホで触れるように遷移をつけていきます。

UIデザインの基本-応用

全

本

STEP-01

アイデア出し

111

アイデア出し

お題：友人が聴いてる音楽がわかる機能の使い始めをデザインしよう

2:02

お題：友人が聴いてる音楽がわかる機能の使い始めをデザインしよう

目的の達成に必要な要素を洗い出そう

08:06

目的の達成に必要な要素を洗い出そう

既存フローを整理してアイデアを出そう

05:41

既存フローを整理してアイデアを出そう

起点になる画面からUIアイデアをデザインする

08:04

起点になる画面からUIアイデアをデザインする

STEP-02

まずはラフにUIをすべて作り切る

UIアイデアのリサーチ

3:30

UIアイデアのリサーチ

パターンを1度作り切る

7:58

パターンを1度作り切る

パターンを作り切るpart.2

10:35

パターンを作り切るpart.2

セルフチェックのために遷移をつける

6:40

セルフチェックのために遷移をつける

UIグラフィックのリサーチ

4:37

UIグラフィックのリサーチ

STEP-03

もう１度UIをカイゼン。完成へ。

紙ラフでUIパターンを出す

9:29

紙ラフでUIパターンを出す

新しいUIパターンを出すpart.1

13:01

新しいUIパターンを出すpart.1

新しいUIパターン出しpart.2

40:19

新しいUIパターン出しpart.2

作成したUIを実機で確認

4:30

作成したUIを実機で確認

条件を満たすUIにカイゼンする

25:36

条件を満たすUIにカイゼンする

まとめ

4:58

まとめ

閉じる

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.