【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日現在の情報になります。

【イベント開催レポート】長崎アップルユーザグループ定例会（Jan, 2013）テーマは「新春プレゼント！＆ショートムービーお披露目会」でした。

長崎アップルユーザグループの定例会レポートです。

2013年1月の定例会は、1月19日（土）18時～JR長崎駅前の「えきまえ」いきいきひろばにて開催しました。

今月のテーマは「新春プレゼント！＆ショートムービーお披露目会」という事で、Adobeさんから頂いた2013年のカレンダーをはじめ、前田さんや私が全国のAUGMでゲットしてきた商品の数々を、参加者の皆さんにプレゼント！さらに2月のAUGM大分に出展するユーザグループのショートムービーのお披露目会も行いました。

今月の定例会内容をレポートします。

ショートムービーお披露目

とは言っても、内容を話してしまうと完全にネタバレになってしまうので、今回は定例会の様子だけ。

ユーザグループで作成したショートムービーをお披露目。
AUGM大分に集まる皆さんや、後日YouTubeでご覧になる方々に楽しんで頂けると良いですね(^^)

新春プレゼントの豪華賞品の数々！

また、新春プレゼントということで、私と前田さんがAUGM等で頂いたものを持ち寄ってメンバーの皆さんに進呈しました。

今回はジャンケンよりも希望賞品から順に第一希望・第二希望という形で、挙手方式で進めていったのですが、ほとんどジャンケンがなくスムーズに皆さんご希望の賞品をゲットできたのではないでしょうか。

賞品をご提供頂きましたベンダーの皆様には、ここで改めてお礼を申し上げます。
それと、メンバーの皆さんはぜひSNSでレビューをお願いしますね！

---

以上、1月の定例会レポートでした。

2月の定例会は、通常の第3土曜日ではなく第2土曜日の2/9（土）に開催しますので、ご注意ください。
※会場は6号室になります。

内容は「佐賀Appleユーザーの会の代表 千々岩氏によるiPhoto講座！」ということで、お隣佐賀県のApple User Group仲間である、佐賀Appleユーザーの会の代表 千々岩さんにお越し頂き、iPhotoやPhotoBookなどについてお話頂きます。

Macを購入するとプリインストールされているiPhoto、皆さん使いこなしていますか？
GPS情報を利用した撮影地のピン留め等の便利機能や、オンラインサービスと連携したPhotoBookなど、色々とご紹介頂けると思います！

詳細は後日メーリングリストにて告知しますが、皆さんどうぞよろしくお願いします！

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

【イベント情報】長崎アップルユーザグループの定例会（Jan, 2013）を開催します。1月のテーマは「新春プレゼント！＆ショートムービーお披露目会」

長崎アップルユーザグループの定例会のご案内です。

メンバーにはメーリングリストにて告知していますが、2013年1月の定例会は1月19日（土）の18時〜JR長崎駅前に「えきまえ」いきいきひろばにて開催します。
※6号室での開催になります。

「えきまえ」いきいきひろば

18〜19時　座談会（「えきまえ」いきいきひろば）
19〜20時　懇親会（別会場）

1月の座談会の主な内容は、「新春プレゼント！＆ショートムービーお披露目会」ということで、Adobeさんから頂いた2013年のカレンダーをはじめ、前田さんや私が全国のAUGMでゲットしてきた商品の数々を、参加者の皆さんにプレゼント！さらに2月のAUGM大分に出展するユーザグループのショートムービーのお披露目会も行う予定です。

今回も懇親会の会場は、参加人数によって決定します（会費は3,500円程を予定）

この定例会は、長崎アップルユーザグループのメンバー限定ですが、長崎アップルユーザグループはどなたでもお気軽にご参加頂けますので、ご興味がおありの方はお気軽に私までお問い合わせください(^^)

【イベント情報】2013年1月のApple BUテーマは「iOS Appがなぜ人に優しいUIなのか」平田 桂一 氏（イラスティックコンサルタンツ株式会社）

第42回となる2013年1月のApple BUは、通常の第3水曜である、1月16日（水）19:00～20:00に、Apple Store 福岡天神にて開催します。

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

第42回のApple BUは、2012年1月にもご登壇頂いたイラスティックコンサルタンツ株式会社のiOS App Developerの平田 桂一 氏に再び講演頂きます。

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

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

なお、Apple BUはこれまでマンスリーイベントとして開催してきましたが、諸般の事情により2013年2月以降一旦マンスリー枠を解除し、通常イベントとして第三水曜日の固定ではなく、数ヶ月に一度ほどのペースでスポットで開催するイベントとなります。

今後ますます進化するAppleプロダクトのビジネス活用について、これまで以上に濃い内容でイベントを開催していければと思っておりますので、今後ともどうぞよろしくお願い致します。

---

【講師プロフィール】

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

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

【Apple BUレポート】第41回「iPhone/iPadでデジタル・パーソナルヘルスケア」講師：川原 健司・片田 良一（Apple BUスタッフ）

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

第41回Apple BUは「iPhone/iPadでデジタル・パーソナルヘルスケア」というタイトルで、Apple BUスタッフの川原と片田が、iPhoneやiPadを使った健康管理についての内容をお届けしました。

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

---

まず今回取り挙げるものとして4つに分類。

・快適な睡眠
・運動の記録
・体重管理/体脂肪率/BMI/血圧
・カロリー管理

もちろんこれらの分野の全てのアプリを試している訳ではないのですが、私達がインストールして使ってみた感想をもとに、オススメアプリの紹介を行いました。

まず「快適な睡眠」について。
この分野では、「身体に機器を装着して測定するもの」と、「アプリ単独で機能するもの」に大きく分けられますが、今回はアプリ単独で機能するものを紹介しました。

ちなみに「身体に機器を装着して測定するもの」にはLARKなどが挙げられます。


今回取り上げたアプリは「Sleep Cycle alarm clock」。

就寝時にSleep Cycleを起動した状態で（もちろん充電しながら）iPhoneを枕元に置いておけば、寝返りなど身体の動きを検知して、レム睡眠・ノンレム睡眠の状態を判断し、セットした起床時間から30分前くらいの目安の時間で、一番起きるのに適したと思われる時間にアラームが鳴ってくれる。というものです。

Sleep Cycle alarm clock
カテゴリ: ヘルスケア／フィットネス
価格: ￥85


睡眠メモの一例が以下の画像の通りです。
グラフを見ると「覚醒〜深い睡眠」を行ったり来たりしているのが分かると思います。この往復がレム睡眠とノンレム睡眠の状態を示しており、浅い睡眠=覚醒の方がレム睡眠、深い睡眠の方がノンレム睡眠となります。

深い睡眠の時よりも、覚醒に近い状態で起床する方が、快適な目覚めになるはずです。が、この日は睡眠時間が足りなかったので寝起きの気分はあまり良くありませんでした。

こういった履歴を簡単に（ほぼ自動で）とることができるのが、このアプリの良いところで、長く記録を付けていると以下のような履歴を一覧でみることができるので、とても面白いです。

さて、次に「運動の記録」について。
こちらも先程と同様「身体に機器を装着して測定するもの」がありますが、今回はアプリ単独で機能するものを紹介しました。

ちなみに「身体に機器を装着して測定するもの」にはNike +などが挙げられます。

今回取り挙げたアプリは「RunKeeper」と「腹筋アプリ SitApp」と「腕立てアプリPushApp」と「ロングブレス太郎」。
私がRunKeeperで、片田さんがあとの3つだったのですが、私のRunKeeperは後にご紹介するWithingsアプリとの連携に便利というだけで英語版のアプリなので、ここでは割愛します。

RunKeeper - GPS Track Running Walking Cycling
カテゴリ: ヘルスケア／フィットネス
価格: 無料


365日 腹筋アプリ SitApp
カテゴリ: ヘルスケア／フィットネス
価格: 無料


365日 腕立てアプリ PushApp
カテゴリ: ヘルスケア／フィットネス
価格: 無料


ロングブレス太郎
カテゴリ: ヘルスケア／フィットネス
価格: 無料


腹筋アプリと腕立てアプリは同じ作者さんのアプリで、ただ腹筋や腕立ての回数を記録していくだけのアプリではなく、iPhoneでアプリを起動した状態で腹筋や腕立てを行います。

ジャイロセンサーや近接センサーを利用して、腹筋する身体の角度や腕立ての際に顎がiPhoneにどれだけ近づいたかで、回数判定をするというものです。
ちょっとしたアイディアですが、単純に回数記録するだけでないというのが面白いですね。

ロングブレス太郎は、私が恥ずかしながら良く知らなかったのですがロングブレスダイエットというものがあるそうで、それに特化したアプリのようでした。アイコンがすごいですが(^^;

次に「体重・体脂肪率・BMI・血圧」について。
これは数年前に発売され、今なお人気のあるWi-Fi体重計をリリースされているWithings社の公式アプリです。

Withingsヘルスコンパニオン
カテゴリ: ヘルスケア／フィットネス
価格: 無料


私も2012年のApple Store Onlineの初売りで購入して以来、使い続けています。
乗るだけでWi-Fiを通じて自動的に体重データ等が記録されていくので、本当に便利でオススメです。

このWi-Fi体重計は発売からかなりの期間が経つものの、値下がりもほぼない大人気機器です。最近カラーバリエーションにホワイトが追加されたので、こちらもオススメですね。

アプリの基本画面はこのような感じです。
体重・活動・睡眠・心臓の4つのカテゴリに分類され、それぞれ最新の状態が表示されます。

特に先程紹介したRunKeeperなど外部アプリと連携することで、体重以外の情報も管理することができます。しかし現状は対応する外部アプリの種類が少ないので、このあたり今後に期待したいところです。

そして体重のみ表示した時のグラフがこのようなイメージです。
1年間を通して、途中二度ほどのリバウンドがありつつ（恥）4kgほど緩やかに減量しました。

最後に、「カロリー管理」について。
これは毎日の食べたものを記録して、一日の総カロリー数を管理するといったものですが、いくつかアプリがリリースされていますが、今回紹介した「カロリー管理（痩せるアプリ）」は、主要外食チェーン店のデータベースの豊富さと更新の速さで他の追随を許さない、非常に便利なアプリです。
カロリー管理（痩せるアプリ）
カテゴリ: ヘルスケア／フィットネス
価格: ￥450


私のように毎食ほぼ外食の場合、コンビニなどではほとんどの食品にカロリー表記があるので、ほぼ正確に摂取カロリーを記録できます。
それに加えてファミリーレストランやファストフードなど主要外食チェーン店が現在69店、特に全国チェーン展開しているお店のカロリーデータベースが常に更新されています。

また、自炊中心の方に向けても材料からカロリーを算出できる機能や、一般的なレシピでのカロリー表示、さらにワンタッチでカロリーをGoogle検索する機能もあり、とても工夫されていることが分かります。さすがに有料アプリですね。

アプリのメイン画面はこのような感じで、一日の目安となるカロリーを設定しておくことで、現在の総摂取カロリーと残りの摂取可能カロリーが分かりやすく表示されます。

また、さらに残りの摂取可能カロリーは、アプリのバッチに表示されるので、アプリを起動することもなく確認でき、ホーム画面1ページ目に置くことによって、常に心がけることができます。

そして履歴を表示したところが上のようにイメージで、毎日どのくらいカロリー摂取しているか、運動によってどのくらいカロリーを相殺できたか（棒グラフ中の赤い表記）などが一目で分かります。

このように、単に体重のみ記録していくだけでなく、摂取カロリーベースを記録していくことにより、日々の生活を見直すキッカケになったり、過剰摂取を抑えるなど様々な健康管理に役立つと思いますし、私も片田さんも今のところ減量には成功しているので、少なくとも私達二人には良い効果がでているようです。

何より、iPhoneやiPadを使うことにより、グラフ表記や自動記録などメリットがある上に、常に形態するデバイスで、日々の摂取カロリーなどを気がけることができるのは、健康管理に非常に有効ではないかと思います。

今回ご紹介したアプリは有料も無料もありますが、ぜひ皆さんも自分の健康管理について見直すキッカケとしてiPhoneやiPadを利用してみてはいかがでしょうか(^^)

---

以上、第41回Apple BUのレポートになります。
パーソナルヘルスケア分野は、今後ますます注目されていくと思いますので、さらに良いアプリがたくさんリリースされると良いですね。

またネタがたまってきたら最新情報で発表できればと思っています！

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