Mais conteúdo relacionado Semelhante a iOS 7 UI 勉強会 (16) iOS 7 UI 勉強会1. iOS 7 UI 勉強会
2013-10-17 (木) @アクトインディ株式会社
安宅 正之
2. iOS 7 の普及率
某アプリのデータ (10/7) によると...
● iOS 7: 60%
● iOS 6: 35%
● iOS 5: 5%
● iOS 4 以下: 2%
iOS 7 対応後、ダウンロード数は増えた。
一時的ではなく、現在も継続している!!
3. iOS7 デザイン原則
1. Deference. 控えめ
UI はユーザーによるコンテンツの理解やコンテンツとの対
話を助けるが、コンテンツと競合しない
2. Clarity. 明瞭
テキストはどのサイズでも読みやすく、アイコンは精密で明
快、装飾は目立たず適切、そして機能性を重視したデザイ
ン
3. Depth. 奥行き
ヴィジュアルレイヤー (層化 UI) と、そのリアルな動きが
ユーザーの学習に効果がある
6. 控えめ -- 半透明 UI
半透明な要素は
本来のコンテンツを阻害しない
半透明 UI が表すもの:
● 作業の流れ
● 詳細な内容
● 一時的な要素
12. UI 設計時のポイント
1. コンテンツ・ファースト
2. 透過 UI
3. 非スキューモーフィズ
a. メタファーの限界
i. 黒電話を誰も使わない時代に電話のメタファーに黒
電話を使う事は寧ろ混乱を招く
b. ミニマル・デザイン
i. 必要最小限なデザインで十分
4. アニメーション・エフェクト
a. 視覚効果によるユーザー学習
13. iOS の UI 設計
1. iOS 6 ありき
2. 使われない現実世界の道具は模さない
3. iOS に慣れない人たちには敷居が高い
4. 学習状況に合わせて移行
16. iOS 7 らしい UI -- フラットデザインの先
● 物理法則に基づいたリアルなアニメーション
→ UIKit Dynamics
● 視差を利用した奥行きの表現
→ Motion Effects
● 磨りガラスのような透過表現
→ UIKit 標準コントロールの利用
→ 自前実装はパフォーマンスに注意
17. iOS 7 らしい UX -- バックグラウンド処理
● Background Fetch
→ OS が適当なタイミングでコンテンツ更新をし
てくれる (行動パターン解析)
例) ニュースアプリ; 起動したら最新情報
● Silent Push Notification
→ アプリを起動してなくても通知受取
例) メッセージアプリ; 不定期に情報通知
● Background Transfer
→ バックグラウンド + Wi-Fi でファイルの
ダウンロード & アップロード
例) 巨大ファイル転送アプリ; 後でやる