Top Banner
Prott for iOS
27

Prott for iOS

Apr 16, 2017

Download

Software

Seiya Shimokawa
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Prott for iOS

Prott for iOS

Page 2: Prott for iOS

Seiya Shimokawa

メイン サブ

Satoshi Ohki

Page 3: Prott for iOS

振り返ってみて

Page 4: Prott for iOS

2014.01

iOS 版開発スタート

Page 5: Prott for iOS

web も完成していない段階でなぜ iOS 版のスタートか

Page 6: Prott for iOS

チームでプロトタイピングした時のスピードを考えると ネイティブアプリは必須

Page 7: Prott for iOS

web で作ったプロトタイプが実際のネイティブアプリ上で動作することの重要性

Page 8: Prott for iOS

2014.01

iOS 版開発スタート

Page 9: Prott for iOS

2014.04 モックアップ完成

Page 10: Prott for iOS

え?デザイン一新しますよ。

Page 11: Prott for iOS

2014.05

新デザインでスタート

Page 12: Prott for iOS

2014.10

web と同時リリース

Page 13: Prott for iOS

2014.10(1.0 ~ 1.2) 更に2回のアップデート iPhone 6/6 Plus サポートなど 2014.11(1.3) オーガナイゼーション閲覧機能など 2015.01(1.4) プレビュー時のランドスケープ対応など 2015.02(1.5) パフォーマンス改善、検索、グループ機能など 2015.03(1.6) マルチジェスチャー機能 …現在は 1.6.2

大規模パフォーマンス改善版 1.7.0 coming soon!!

Page 14: Prott for iOS

マルチジェスチャーって?

Page 15: Prott for iOS

以前の Prott

1つのリンク領域に1セット

アニメーションジェスチャー遷移先

Page 16: Prott for iOS

マルチジェスチャー

1つのリンク領域に4セット

アニメーションジェスチャー遷移先

Page 17: Prott for iOS

そんな複雑な機能を

Page 18: Prott for iOS

この小さい画面のなかストレスフリーで

(すでに画面いっぱい)

Page 19: Prott for iOS

マルチジェスチャー機能開発スタート

Page 20: Prott for iOS
Page 21: Prott for iOS

デザイナーに聞いたこと

それぞれの目的はなにか

Page 22: Prott for iOS

・既存の操作感を変えない・サクサク感をなくさない ・パッと見て気づく

重要視したポイント

Page 23: Prott for iOS
Page 24: Prott for iOS
Page 25: Prott for iOS

共通認識って大事( iOS でいうと)

・Human Interface Guideline ・オートレイアウトによる伸縮・多言語によるレイアウト

Page 26: Prott for iOS

まとめ

デザインの目的を聞き出して、なにを重要としているのかを確認しながらプロトタイピングをすることで精度を高めた

Page 27: Prott for iOS

ありがとうございました。