Weitere ähnliche Inhalte
Mehr von Hideki Akiba (16)
HTML5時代のWebデザイナー これからの生きる道 - HTML5 Conference 2013 in Gifu
- 2. 秋葉 秀樹
株式会社 ツクロア 代表取締役 / デザイナー
html5j, HTML5 Experts.jp
Visual Design、 UX/UI Design、 HTML5、Flash、
CSS、JavaScript、3DCG、映像、音楽、銭湯
最近は特にAndroidやiPhoneアプリのUIデザイン
ユーザーエクスペリエンス設計
スマートフォンにプリインストールされたアプリのUI
テレビや映画関連のWebやアプリプロモーション
- 7. な な こ の無い
く る と
間違ったデザ ン決定プロセス
イ
- 9. 見た目で個性を出 て した…
し みま
ユーザーは個性など求めてない
起動画面アピールなどいらない
リハスタ予約アプリ
今週の一押しバンド
リハスタ予約アプリ
リハスタ予約アプリ
余計なコンテンツはいらない
炎のボタンはなくても困らない
予約状況
予約済み
予約する
予約
メンバー連絡
スタジオの空きを見る
毎回このアプリを使う人の立場を考えると…
誰も使ってくれなくなる
予約状況
予約
予約済み
メンバー連絡
- 17. ロー
ド時間には
「進捗が読める ド と
ロー 」「進捗が読めないロー 」 り 。
ド があ ます
今回の予約問い合わせは
「進捗が読めないロー 」
ド なので
ローデ ン
ィ グバーじゃな て
く
や
のほうがいいかも
しれません。
Chrome
Firefox
Progress View
デザイナー
エンジニア
Activity Indicator
INDETERMINATE
PROGRESS BAR &
SPINNER
PROGRESS BAR
ユーザーを待たせる
ロー
ド時間
了解っす
!
デザインに反映します
!
- 18. Interaction Specifications
〇〇スタジオ様 リハスタ予約アプリ 画面設計と動作に関する仕様書
tuqulore Co., Ltd.
CONFIDENTIAL
1.0
VER
2013.12.24
PAGE
○ 予約状況画面&日時指定
予約状況
リハスタ予約アプリ
リハスタ予約アプリ
先
月
は
Disable
画
像
は
別
フ
ァ
イ
ル
︵
デ
ザ
イ
ン
カ
ン
プ
︶
に
て
日時指定
(モーダル式)
予約状況
予約状況
予約
状
態
予約済み
月
火
水
木
金
土
29
30
31
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
日
1
リッ
横フ
日
タップした座標をもとに
スタジオの指定も
引き継ぎます、
ただし、ここをタップで
他のスタジオを
選び直すことが可能です
メンバー連絡
18
A
B
C
アニメーションはプロトタイプにて確認します。
Bスタジオ
月
火
水
木
金
土
29 30 31
1
2
3
4
予約したい日時を指定してください
5
6
7
13 14
2014
12
8
15
9
10
17
116 15
11
18
19
20
21
22
23
24
25
26
ます
とし
可能
クも
カ
レ
ン
ダ
ー
の
み
左
右
に
移
動
27
28
29
30
31
1
18
3
1月15日の部屋別スタジオ予約状況
1月15日の部屋別スタジオ予約状況
12
予約済み
2014年 1月
2014年 1月
10
予約
メンバー連絡
10
24
タップした座標をもとに近い空き時間を
日時指定画面に出してあげます
色が濃くなり、選択中を意味します
12
時から
A
B キャンセル
18
時間
問い合わせる
C
ボタンのタッチ時の背景色は
別ファイル(デザインカンプ)にて
デザイン仕様書の例
24
ウインドウの外側は
黒の透過 80% で
塗りつぶされます
1