【Apple BUレポート】第42回「iOS Appがなぜ人に優しいUIなのか」講師：平田 桂一（イラスティックコンサルタンツ株式会社）

2013年1月16日（水）19:00～20:00に、Apple Store 福岡天神にて第42回となるApple BUを開催しました。

第42回Apple BUは「iOS Appがなぜ人に優しいUIなのか」というタイトルで、イラスティックコンサルタンツ社で第一線で活躍する iOS Developerである平田 桂一 氏が、開発者の視点から見たiOSのUIの魅力やその秘密、アプリ開発とデザインなどについてご紹介頂きました。

今回の講演内容をレポートします。

---

まずは、Appleが現在開発者向けに提供しているガイドラインの紹介。
iOSアプリを開発するにあたって、Appleから様々なガイドラインが提供されている。

・アップルヒューマンインターフェイスガイドライン
　Mac OSのアプリ制作の際のガイドライン

・iOSヒューマンインターフェイスガイドライン
　iOSのアプリ制作の際のガイドライン

・iPadヒューマンインターフェイスガイドライン

一方、Androidを提供しているGoogleも以下のガイドラインを提供しているが、UIではなく使い方を主としたガイドラインであるため、Androidアプリ全般にUIの統一性はない。

・アイコンデザインガイドライン
・ウィジェットデザインガイドライン
・アクティビティとタスクデザインガイドライン
・メニューデザインガイドライン

2012年に「Android Design」というAndroid用のUIガイドラインが発表され、これで開発者がアプリのUIを一貫して制作できるようになった？
ガイドラインの主な項目は以下のとおり。
　Get Started
　Style
　Patterns
　Building Blocks
　Downloads

さらに、Windows Phoneを提供しているMicrosoftも以下のようなガイドラインを提供している。

・Windowsユーザーエクスペリエンスガイドライン
・Metroスタイルアプリのユーザーエクスペリエンス
・Windows Phoneのユーザーエクスペリエンス
・デザインガイドライン

その他、UI等に関連する代表的なガイドラインとしては、以下のようなものが挙げられる。

・UX白書
・Webユーザビリティガイドライン（ヤコブ・ニールセン）
・スマートフォン・タブレットUIガイドライン（マルチデバイスLab）


次に、Appleが提供する「iOSヒューマンインターフェイスガイドライン」について。
ガイドライン自体は、約300ページのドキュメントとなっており、主な内容は以下のとおり。

・プラットフォームの特徴
　　ディスプレイはサイズに関係なく最も重要
　　デバイスの向きを変えられる
　　　iPadを上下逆に持っていても違和感なく使えるアプリ
　　アプリケーションがクリックではなくジェスチャーに反応
　　　直感的な操作としてのジェスチャー
　　画面上のヘルプは最小限
・ヒューマンインターフェイスの原則
　　外観の整合性
　　一貫性
　　直接操作
　　フィードバック
　　　接続時にホイールが回るなど、ユーザに現在の動作を分かるように
　　メタファ
　　ユーザによる制御
・アプリケーション設計戦略
　　UX（ユーザエクスペリエンス）設計
　　　ユースケース抽出
　　　　UI（ユーザインタフェース）設計
　　デバイス向けアプリケーションの設計
　　　タスクに合わせたカスタマイズ
　　　　見た目は良いけど使いづらいUIは採用しない
・移植作業の実例
　　iOSデバイス間での移行
　　　iPhone5 でのUI設計
　　　　画面が広がった部分に対して広告を載せたりするのはNG
・ユーザー体験ガイドライン
　　簡単で分かりやすい使い方にする
　　　ユーザ中心の言葉使い
　　　　簡潔を心がける
　　　一貫性を保ってUI要素を使用する
　　質感とリアルさ魅力的なグラフィック
　　　ターゲットを指先サイズに
　　ジェスチャーを適切にサポートする
　　瞬時に起動しいつでも停止できる準備を
　　　起動後何秒もかかるようなアプリは好まれない
・ユーザ体験ガイドライン（iPad）
　　対話機能を強化する
　　情報階層を制限する
　　Popoverの使用を検討する
　　Toolbarコンテンツを最上部へ
・iOSテクノロジーの使用に関するガイドライン
　　Passbook
　　ソーシャルメディア
　　iCloud
　　など
・iOS UI要素 使用方法のガイドライン
　　UIKitフレームワークの部品ごとに、
　　使用用途・外観および動作の意味・
　　ガイドラインが定められている。
・カスタムアイコンおよびカスタム画像の作成ガイドライン
　　効果的なアイコンや画像を作成するためのヒント
　　各種アイコンに関するガイドライン


次に、優れたUIを持つアプリの紹介

Flipboard: あなたのソーシャルニュースマガジン
カテゴリ: ニュース
価格: 無料


　SNSやニュースサイトをまとめて見ることができるアプリ
　
tab お出かけ力向上アプリ-「行ってみたい」を集めよう
カテゴリ: ライフスタイル
価格: 無料


　色々な記事を表示できる。
　iPhone版だとMapから近くのアイテムが見れる
　
Reeder
カテゴリ: ニュース
価格: ￥250


　RSSリーダ。スワイプ操作でお気に入り登録やWebサイトに移動など
　
Evernote
カテゴリ: 仕事効率化
価格: 無料


　昔のUIから変更され、とても使いやすくなった
　
Pulse News for iPhone
カテゴリ: ニュース
価格: 無料


　RSSリーダ。縦にも横にもスクロールできるのが非常に見やすい

Pocket (Formerly Read It Later)
カテゴリ: ニュース
価格: 無料

　
　UIとして面白い

Google Maps
カテゴリ: ナビゲーション
価格: 無料

　
　ジェスチャーが非常に考えられている
　タップやダブルタップなど

文字の手帖01
カテゴリ: 辞書／辞典／その他
価格: 無料

　
　平田氏制作のモリサワさんのアプリ

最後に、まとめとして「ヒューマンインターフェイスガイドラインに則ったUI設計をされているから、iOS Appは人にやさしいUIを全般的に担保できている」と締めくくられました。

---

以上、第42回Apple BUのレポートになります。

今回をもって、Apple BUは一旦マンスリーイベントとしては終了し、以降は数ヶ月に一度開催する通常イベントとなります。

よって毎月第3水曜にApple Storeにお越しになってもApple BUは開催しておりませんので、どうぞご了承ください。

次回Apple BUは、内容や日程が決定次第にこちらのブログや公式サイトで告知していきますので、どうぞお楽しみに！
これからもApple BUをどうぞよろしくお願いします(^^)

※価格や機能等は変更になることがありますので、ご注意ください。
※記事内容は平成25年1月16日現在の情報になります。

【Apple BUレポート】第30回「iOS Developerから見たiPhone/iPad」講師：平田 桂一 氏（イラスティックコンサルタンツ株式会社）

2012年1月18日（水）19:00～20:00に、Apple Store 福岡天神にて第30回となるApple BUを開催しました。

第30回Apple BUは、開催当初から1月は毎年講演をお願いしているイラスティックコンサルタンツ株式会社のiOSデベロッパーである平田 桂一氏に「iOS Developerから見たiPhone/iPad」というタイトルで講演していただきました。

今回の講演内容をレポートします。

まず、iOS App Developer視点でのiPhone/iPadの魅力ということで、タッチデバイスに適した優れたUIで、どんな世代にも使いやすいのが魅力で、90歳の祖父もiPadでTwitterのTLを見ていたのには驚かれたそうです。

開発者はアプリの開発時に「iOSヒューマンインターフェイスガイドライン」を熟読して開発を行うそうで、アプリ開発時のUIの細かい指定にAppleのこだわりが感じられ、Appleの審査にも一定以上のクオリティが求められるようです。

iOSとAndroidの違いとして、デバイスの種類の多さや世代交代のサイクルが挙げられ、Android端末はデバイスの種類も多く、製品リリースのサイクルも早いので、全ての端末に対応するのは困難だが、iOSデバイスはiPhone(iPod touch)とiPadの2機種のみが対象になるので、開発効率が高いそうです。

また、iOSはAndroidに比べて拡張性は少ないが、逆にAndroidは端末によって構成がまちまちなので、例えば端末によってはオサイフケータイ機能を利用できる端末とできない端末が存在するので、アプリの機能によっては全ユーザが使えるアプリになるとは限らないそうです。

2011年末時点でのスマートフォンOSシェア
画像出典：Nielsen

次に、iOSとビジネスの融合ということで、スマートフォン市場では2011年12月時点でiOS/Android/RIM BlackBerryが主なOSで、iOSが44.5%、Androidが46.9%、RIM BlackBerryが4.5%のシェアとなっており、多くの端末があるAndroidに対してiOSはラインナップ自体少ないにも関わらず大きなシェアを得ています。
※Nielsen Mobile Insights調べ

日本でのビジネスシーンでは、iPhone/iPadの導入が圧倒的に多く、どのようなシーンで導入されているかの例を挙げられました。

営業が出先で資料を確認／GPSセンサーを利用したコンテンツ配信／シンクライアント端末として／店舗の在庫検索端末として／生産現場の品質と安全性向上／救急車にiPadを配備／損保査定ツール／飲食店の品質管理に監視カメラとiPad／問診票の記入をiPadに変更して問診時間短縮／医療情報を地域病院で共有してiPad参照／商品の動きを再現し魅力が伝わる営業ツールとしてなど。

さらに、最近アメリカでリリースされた「OnLive Desktop」を紹介され、シンクライアントとしてiPad内にWindows 7を動作させ、iPadでWord/Excel/PowerPointが利用できるところをデモされました。

平田氏は「iOSアプリ開発とは、UIの開発である」と語り、アプリ開発の全工程のうち8割はUIやデザインに力を入れているとのことでした。

また、アプリ開発の流れとして、以下のように行われているそうです。
1.おおまかなデザイン案を作成
2.プロジェクト作成
3.InterfaceBuilder、コードの両方でUI作成
4.ビジネスロジックの実装
5.コントローラの実装
6.ビルド＆シミュレータで動作確認
7.ビルド＆実機で動作確認

最後に、Xcodeを利用したライブコーディングとしてApple BUのアプリを作って頂きました。
アプリの仕様としては、Apple BUのWebサイトより情報を流用し、RSS配信サーバで開催日時・講師名・テーマなどの情報を通知するというものでした。

※当日の参加者の皆さんによる実況ツイートを片田さんに纏めて頂いてますので、こちらからどうぞ。

以上、第30回Apple BUのレポートになります。

イラスティックコンサルタンツ社には、Apple BUスタート当初より本当にお世話になっており、また来年1月のApple BUでも講演頂けると思いますので、ぜひお楽しみに(^^)

※価格や機能等は変更になることがありますので、ご注意ください。
※記事内容は平成24年1月18日現在の情報になります。

【イベント情報】2012年1月のApple BUテーマは「iOS Developerから見たiPhone/iPad」

第30回となる2012年1月のApple BUは、1月18日（水）19:00～20:00に、Apple Store 福岡天神にて開催します。

※Apple BUとは、毎月第3水曜の夕方から、Apple Store 福岡天神にて開催している、参加無料のセミナーイベントです。
ビジネスの現場でApple製品（Mac・iPhone・iPadなど）を利用しているユーザ向けに、毎回特定のテーマで「ビジネスに活かすApple」をキーワードに開催しています。

第30回のApple BUは、イラスティックコンサルタンツ株式会社でiOSデベロッパーとして活躍されている平田 桂一 氏に講演していただきます。

平田 桂一 氏（イラスティックコンサルタンツ社）

今回のタイトルは「iOS Developerから見たiPhone/iPad」。

第一線で活躍されるiOS Developerである平田氏が、開発者の視点から見たiPhone/iPadの魅力や、開発秘話などについてご紹介頂きます。

また、Apple BU終了後には懇親会を開催しますので、ご参加いただける方は当日スタッフまでお伝えください！

【講師プロフィール】

平田 桂一（ひらた けいいち）

1975年、福岡県出身。
福岡工業短期大学電子情報システム学科卒業後、数社のソフトハウスを経てイラスティックコンサルタンツ株式会社へ入社。
組込み系SEを10数年経験後2010年よりiOSアプリの開発に携わる。