ITmediaのセミナーでの成田空港さんの事例
ITmediaさんのセミナーで、企業でのモバイルアプリの取り組みの事例などをお話しさせてもらいました。
そちらの内容は、別途、公開しますが、今日は同じセミナーで成田空港さんが事例を紹介されていましたので、Twitterの内容からまとめます。
ITmediaのセミナーで成田空港さんの話し。iAirport戦略。
NariTra、NRT_AirportNavi、成田コンシェルNariCo。
— ryohei sogo (@rsogo) 2014, 6月 24
タブレット端末を活用した、旅客案内。
もともとはNotesで作ったナレッジDBの情報をもとに、対面ベースで案内していた。
— ryohei sogo (@rsogo) 2014, 6月 24
元々はカウンターではNotesを使ってご案内ができていたが、後述の巡回案内ではNotesにアクセスできないという情報の差が課題だったそうです。Notesをモバイルで持ち出すというのは面白いですね。需要ありそう。
Notesベースの場合は、インフォメーションセンターで情報提供。各カウンターで同レベルの情報を持つことができ、上手く行っていた。
一方、巡回案内は紙と携帯電話で調べて情報提供。こちらをタブレット化。
— ryohei sogo (@rsogo) 2014, 6月 24
タブレットに搭載している機能。
旅客案内、運行情報、各種マニュアル、ナビゲーションアプリ、筆談アプリ、音声翻訳アプリ、乗換案内アプリ。
筆談アプリは結構便利に使われている。
— ryohei sogo (@rsogo) 2014, 6月 24
@rsogo 巡回案内の方からのニーズは、カウンターとの情報格差を無くして欲しいというもの。Notesの情報を有効活用。使用頻度の髙いDBに絞って、スモールスタートした。
— ryohei sogo (@rsogo) 2014, 6月 24
あえてPCと同じような画面に合わせることで、教育が不要ですぐにユーザーが使い始められた。
— ryohei sogo (@rsogo) 2014, 6月 24
これは、いつもモバイルならではの使い易いUIにしましょうと、提案することが多いので、そうなんだ!と思いました。
@rsogo 3つの導入効果。
サービス品質の向上。
スムーズな利用開始。
スタッフの自発的な業務向上。委託先のスタッフの方であってもタブレットのカメラを使って、情報共有など進んだ使い方が行われている。
— ryohei sogo (@rsogo) 2014, 6月 24
これ、理想。
@rsogo モバイルか推進のポイント。
利用者の声を聞く。
機能を欲張らない。
既存のデータ・資産を有効活用。もともと活用していたシステムを活用。
— ryohei sogo (@rsogo) 2014, 6月 24
これは自分のセミナーでも同じメッセージです。 小さく、素早く始めて、利用状況を見ながら、改善していく。
@rsogo 今後のiAirport戦略。
NariCoのデジタルサイネージ化。
将来的には技術的な課題が解決すれば、音声対話型の総合情報窓口としたい。
— ryohei sogo (@rsogo) 2014, 6月 24
@rsogo 今後のiAirport戦略。
Fast Travel。
ビーコンとアプリを活用した下記を検討中。
・荷物のタグの電子化
・お客さんがどこにいるのか位置情報把握
— ryohei sogo (@rsogo) 2014, 6月 24
iBeacon面白そうですね!
@rsogo コペンハーゲン空港では、空港スタッフがGoogle Glassを使って、案内業務を行っている。
おもしろいなー。
— ryohei sogo (@rsogo) 2014, 6月 24
比較評価!モックアップ作成ツール「Justinmind」と「AppGyver」のPrototyperを使ってみた
モックアップ作成ツールとは
ここで言及しているモックアップとは、実際のアプリを作る前にUIだけを確認するために用意するものです。僕も実際のプロジェクトの中で、関係者に事前にモックアップで合意を取ってからアプリの開発に入ります。
同じジャンルのツールで一番有名なのはBalsamiqでしょうか
モックアップ作成ツールとして、同じPrototyperという名前のツールがJustinmind社とAppGyver社からでています。どちらも静止画だけでなく、動的なモックアップを簡単に作ってデザインや操作感の検証を行えるツールです。
どちらのツールも非常に今注目されているツールですが、コンセプトが結構違うので自分のやりたいことによって選択する必要があります。
Justinmind社のPrototyper
http://www.justinmind.com/prototyper/features-build
Freeプランで使っています。今までメインはこちらを使ってきました。
概要
iPhone/iPad、Android、Webのデザインテンプレートが予め用意されており、それを使ってGUIを組み立てていきます。
組み立てたUIにアクションを埋め込むことができて、ブラウザでアプリが動いているかのように操作することができます。ボタンの背景にイメージを設定することもできるので、作り込んだデザインも用意することができます。
自分の使い方
アプリの特徴的な画像(ロゴ、グラフのイメージ、写真など)以外はテンプレートのデフォルトの部品でざくざくモックを作っていきます。
この時点で、このUIで何かできるのか、どんな情報が見られるのか、とのような配置、構成なのか、といったビジュアル以外のデザインはできあがるので、関係者や、想定ユーザに動くイメージを見てもらって検証します。
ここまでできているとアプリの開発には入れるので、Illustrator、Photoshopを使ったビジュアルデザインと並行して開発に着手します。
このツールでビジュアルまで凝ったモックを作り込むのは手間がかかるので、逆にIllustrator等で作ったイメージでビジュアルは評価して、改善を繰り返しています。
このツールの良い点は、デザインして設定して公開する機能が一つになっているので、その場で、デザインを直して公開という作業がスピーディーに行けます。
AppGyver社のPrototyper
http://www.appgyver.com/
Freeプランでは3画面までしかサポートしてないので、Basicプランで使っています。
概要
デザインテンプレートとかないです。デザイン済みのイメージをアップロードするところからはじめます。
そして、アップロードされたイメージに領域を指定して、アクションを埋め込んで行きます。
例えばボタンの場所をマウスで囲って、別の画面へ遷移するアクションを設定します。
作ったモックはURLや、QRコードを使って他の人にシェアでき、このツール用のスマフォアプリが用意されているので、そのアプリ上でモックを動かして評価します。
このモック実行用のアプリが、iPhone/iPadだとさくさく動いて良いですが、Android(Galaxy S3とSony Tablet Sで評価)ではアプリが頻繁に落ちてしまいました。
自分の使い方
Illustratorで先にビジュアルデザインを作ります。この段階では、デザイナーさんではなく自分でやりますので、あまり凝ったことはやりません。Illustrator用のiPhone/iPad、Androidのデザインテンプレートを使ってさくさく作ります。テンプレートは例えばこんなの。
それをAppGyverのツールに取り込んで、アクションを設定した後、関係者にシェアします。
こちらツールの良い点は、Illustratorで画面を作るので、自由度が高くてどんどんUIを作り込んで行けること。Justinmindのやつでは、ここにこの部品入れたいんだけど、なんか入らない・・・、ということもたまにあります。AppGyver側の設定操作も画面上を枠で囲って、アクションを埋め込むという直感的なもので良いです。
ただ、デザインが別ツール故に、デザインを修正して公開までのステップがJustinmind社のと比べると多いです。がんがん修正が発生するフェーズでは面倒に感じます。
面白いのはモックの元になるのは画像だったら何でも良いので、手書きのイラストを写真で取って取り込んでも良いわけです。後はパワポで作ったイメージとかも。