Apple信者だったボクは気づくとiPhone嫌いになっていたんだが〜iPhone 6 Plusへの苦悩の日々

1. Apple信者だったボクは気づくと iPhone嫌いになっていたんだが 2014.10.20 スマホUI勉強会 -iPhone6で変わるUI、変わらないUI-

2. 宇野雄 @saladdays Yahoo! JAPAN UIデザイナー ‣ 書籍フラットデザインから考えるUI デザインの本質（仮題） ‣ MacFan UI/UXのハニカム ‣ gihyo.jp ウェアラブル端末が与える新しいUX～UIデザイナーが Android Wearスマートウォッチを使ってみた ‣ gihyo.jp LESSで3倍ラクするスマートフォンコーディング他

3. おやくそく本スライドの内容は個人の考察に基づくものであり、Yahoo! JAPANとしての見解ではございません。ご了承ください。

4. 今日のお話

5. iPhone 6 Plus 買いました

6. ちょっと後悔してます

7. そこで

8. 僕がiPhoneを嫌いになった 5つの理由

9. その1. 曲がるその2. 刻印が傾いてるその3. デカいその4. アプリが対応できていないその５. 持ちにくい

10. 曲がります

12. 傾いてます http://www.gizmodo.jp/2014/10/iphone_6_46.html

14. デカいです

15. もちろん上のボタンは届かないホームボタンダブルタップ（Reachability）しても届かないボタンは届かない

16. 届くんじゃない？いや、届かない赤いエリアが届くと言われている範囲だけど、日本人の指ではムリっぽい。

17. 指が届かないということは • iOS 8で機能が増えた通知センターは Reachabilityでは降りてこないので使えない • Appleのサイトにのっている手の写真はほぼ iPhone 6でPlusの写真がない • 戻るボタンも押せない • ハンバーガーメニューとの愛称もとても悪い

18. 戻るボタン超欲しい

19. 戻れない • 枠外からスワイプして戻るジェスチャー（エッジスワイプ）があるから良いと思っていたけど、片手持ちだと逆側の端には指が届かない • 結果としてページを戻るためだけに両手持ちが求められる • SmartNewsのように画面全体どこでも左右のフリックで戻れるくらいじゃないとツライ • これに対して現状Appleの公式アプリは解決策を示してはいない

20. Androidから何を学ぶ？

21. Lolipop & Material Design • Googleが初めて本気出して作ったデザインガイド • 端末が無数にあるAndoridだからこそ様々な大きさの端末に対応するノウハウが確実にたまっている • ハードウェアの特性を活かした設計がうまい • 無理やり統一せずにハードウェアごとに差別化ができてる • 隙を無くしたルールを作ってきたAppleと隙を許容してきたGoogle、時代とともに拡張を続けて来た結果、少し Appleにとっては苦しい拡張が増えてきた？

22. 動作の起点を意識するアクションの始まりをメニューの中に隠してはいけない。必ず一番押しやすい箇所に設置する。 https://play.google.com/store/apps/details?id=com.evernote

23. 絶対に届かないボタンにメインアクションを割り当てない

25. iPhone 6/6 Plusに対応したアプリはまだまだ少ないです

26. なぜなら

27. iPhone 6/6 Plusはめんどくさい 1.iOS 8対応（ウィジェットなどの追加機能） 2.@3x対応（高解像度素材用意） 3.iPhone 6/6+対応（レイアウト）全て満たして初めて iPhone 6/6 Plus対応

28. それをしないと

29. 結果らくらくフォン状態

30. 大画面端末に求めるもの • らくらくフォンがダメなわけじゃないです • ただ、iPhone 6/6 Plusに求められてるものは老眼対応ではなく情報量の増大 • そのままスケーリングして大画面にされてもメリットが薄い • 解像度を活かした情報の整理とレイアウトが求められる • 特にキーボードがそのまま拡大されてしまうのはユーザビリティを大きく損なっているので注意 • WebサイトはAndroidと共有UIであることが多いので多解像度の対応済で意外と困らない

31. 高解像度対応

32. 高解像度対応 • アップスケーラー／ダウンスケーラーは非常に優秀 • @3xの画像でなくてもそこまでは気にならない • Retina Displayが初めて出てきた時ほどの「すごいキレイになった」感は薄い • ドットバイドット表示は不可能なので、逆に高解像度画像を作るときに1pxにこだわっても表示しきれないので注意 • 常に実機で確認をすることが求められる

33. 素材の制作がより複雑に • ベクターデータで保持しておくのは必須 • 将来的に@4xとか出ると思っていたほうがいい… • ツールバーを除いた画面比率も変更になってるので、どのみちレイアウトはしなおしになるパターンも多い • フラットデザインはベクターとの相性がいいのでデザイナーにとっては追い風 • Xcode6での素材のPDF対応やブラウザでのアイコンフォントなど、ベクターデータで管理できるものはベクターデータに寄せる

34. 注意銀の弾丸などありません • ベクターで作ったら全て万事解決！ではない • アイコンフォントやPDFは素材作成時に@1xサイズで作らないと綺麗に描画されない • ベクターは@1x、ラスターは@3xで作り、かつ過去のデータは @2xで持っているというカオスな状態がしばらく続く • 人の手で管理するのは限界があるので、様々なツールに頼って作っていきましょう

36. とっても持ちにくいです

37. 落としてほしいとしか思えない • サラサラな表面加工 • エッジのラウンド処理

38. そうなると

39. みんな色んな持ち方をし始める

40. 色んな持ち方を想定する必要が出てくる • ホームボタンに指がかかっていない場合も多くある • 必然的に操作する指の位置も大きくずれてくる • 「親指はここまで届く」などのデータも役に立たない場面もたくさん出てきます

41. 対象となるユーザーを知るのが大事 • 平均値はあくまで平均値 • 対象ユーザーが平均的なユーザーとは限らない（大概違います）

42. 時代や環境で使いかたは変わる • 自分たちが知ってる教科書通りに使う人ばかりじゃない • 手の小さな人はiPhone 5の時代から両手持ち • QWERTYキーボードをメインとしている海外ユーザーにとっては両手持ちが基本 • 手が小さい子供も当然のようにスマホを使う時代になっているのでその層が大人になっても両手持ち？ • どんなユーザーが使うサービスなのかを今一度よく考えて対応の仕方を決める

43. 利用シーンも変わっている • 今までスマホは1日150回見てるという話もあったけどそれがグッと減った実感がある • 代わりに一回あたりの利用時間は伸びた • スマートウォッチやTVなど、あらゆるものとの連携が更に強まってくるのは間違いない • 持ちにくい=使わないではなく、人間の側が慣れて新たな使いかたに変化していく

44. それじゃあ、これからどうしよう

45. まだ模範解答すらも出ていない

46. 既存の概念にしばられない発想をする必要がある ATOKは片手持ちを想定してキーボードを左右に寄せられるこういったブレイクスルーが必要 https://itunes.apple.com/jp/app/atok-for-ios/id893918621

47. 想定ユーザーを定める • 男性？女性？いつ使う？ • 電車の中、歩きながら、会社、持ち方も変わるのでは？

48. 結局iPhone 6/6 Plusってどうなの？ • デバイスとOS/アプリの親和性はまだ低い • 今日の話を聞いて「あー、そういう考え方があるんだ」と思った人は、ぜひiPhone 6 Plus買ってほしい • 正直日常の中で使わないとこの感覚はわからない • 慣れない内は多分みんなが思ってる想像の3倍使いづらい • 店頭で触ったり検証機で見るのはユーザー目線じゃない • 既にAndroidの新機種はファブレットサイズが基本 • それを知らずにUIデザインをするのはあまりに危険です

49. 本日のまとめ

50. まとめ • iPhone 6/6 Plusの大きさはスマホの使い方と利用シーンを大きく変えた • UIもそれに合わせて変わることが望まれるがまだ追いついていないのが現状今はまだ過渡期 • 高解像度であることよりも大きさによる問題が深刻 • サービスによってユーザー層は大きく異なるので、どんなユーザーがどれだけ使っているかを見極めて今後の対応を進めましょう

51. ユーザーファーストのサービスを作るためには、、、まず自分が最高のユーザーになりましょう

52. ご清聴ありがとうございました

SlideShare for iOS

Apple信者だったボクは気づくとiPhone嫌いになっていたんだが〜iPhone 6 Plusへの苦悩の日々

by Yu Uno , UIデザイナー at Yahoo! Japan

on Oct 21, 2014

Statistics

Views

Actions

3 Embeds 10

Accessibility

Categories

Upload Details

Usage Rights

Report content