アプリには便利なものや面白いものがいくつかありますが、UIのデザイン面で面白いものを3つ紹介します。
手書きのUIがかわいい、ラップができるiPhoneアプリです。このアプリはシリーズで出ているので、他のアプリもダウンロードしてはいかがでしょうか。
位置情報から近い場所にいる誰かと写真を共有するアプリです。すっきりとしたデザインで、解説などはほとんどないですが、機能自体もとてもシンプルで限定的なので理解しやすく、使われるシーンも想像しやすいです。
写真とメモで、旅行を記録するアプリです。ディテールにこだわったアナログ風デザインで、世界観のあるアプリになっています。アイコン付きのボタンなどでユーザビリティと操作性も考慮されています。
参考になるUIをまとめているサイトがあるので、4つ紹介します。
スマートフォンのUIパターンがまとめられています。
優れたiPhoneサイトデザイン集です。
AndroidマーケットはWebブラウザで見られるので、人気のアプリのスクリーンショットなど参考にしてはいかがでしょうか。
スマートフォンデザイン時に役に立つ、デザインテンプレート集も紹介します。これらをうまく使い、デザインしてみるのもいいかと思います。
画面のビジュアルを作り込む前のプロトタイプ作りで役立つのがPDFを使ったモックです。PDFは、AndroidでもiPhoneでも見ることができるので、画面遷移や、ボタンの大きさ、文字サイズなど実機で確認しながら制作できます。
まずは、PowerPointやKeynoteを使って、リンク付きのPDFを制作してみましょう。以下は、PDFで作ったプロトタイプです。簡単なボタン配置をして、リンクを付けています。
モックの作り方については、記事「誰でもできるiPhoneアプリのプロトタイプのつくりかた【サンプルつき!】 | KAYAC DESIGNER'S BLOG - カヤックの意匠部によるデザインやマークアップの話」をご覧ください。
2012年には、PCの出荷台数をスマートフォンが超える?! なんて記事も出て、ますます盛り上がるスマートフォン市場。ユニークなアプリを作って、一時代築いてはいかがでしょうか?
@IT関連記事
はじめまして。Androidアプリ開発&デザイン
@ITスマソ開設記念! 女子部部長に聞くAndroid 年末も大注目のAndroidのアプリについて。制作のコツ、注意点、アイデア、ソーシャルサービスの生かし方などを探った
「Smart & Social」フォーラム 2010/12/7
iPhone向けWebアプリを作ろう
Safari Web Content Guide for iPhoneを読み解く iPhone/iPod touch上のWebブラウザのSafariで動くWebアプリを作成し、UIを最適化するコツを紹介します
「Smart & Social」フォーラム 2008/5/29
Androidはオタクとオシャレのハイブリッドで流行る!
日本Androidの会 女子部に聞く 「女子部」の成り立ちや活動内容を中心に、Androidマーケットの問題点、UIデザインの重要性、ライバルであるiPhoneについて、など
「Smart & Social」フォーラム 2010/1/21
今日から始める! Androidケータイアプリ作成の基礎
いまこそ知っておきたい「Androidアプリ」とは 日に日に国内でのニュースが増えているAndroidケータイ。その特徴を押さえてアプリ作成を始めるための基礎を紹介します
「Smart & Social」フォーラム 2009/11/19
開発者は覚えておきたいアプリストア/マーケット大全
安藤幸央のランダウン(55) iPhoneの大ヒットにより一般的になった、アプリの新しい流通形態の現状をお伝えする。今の“アプリ”には多種多様なサービスが必要だ
「Java Solution」フォーラム 2011/2/7
あなたのサイトはiPhoneで見られますか?
安藤幸央のランダウン(36) 携帯電話と違い、PC用のサイトも見られる小さな画面の端末が普及してきている。そんな時代のWebページはどうあるべきかを解説しよう
「Java Solution」フォーラム 2007/9/14
林 真由美(はやし まゆみ)
面白法人カヤック アートディレクター
TIAA、グッドデザイン賞、文化庁メディア芸術祭、Webdesign International Festivalなどまじめな賞を受賞しつつも、おばかアプリ選手権で2度受賞する。Webデザインだけではなく、社員の漫画名刺作りや貧乏揺すりガジェットも担当し、マジメから、おばかまで何でも幅広く活動するアートディレクター
田島絹絵(たじま きぬえ)
面白法人カヤック デザイナー
2度目の挑戦で4月よりカヤックにジョイン! 丁寧さとその落ち着きには定評あり!サイトデザイン、コーディングから、歌詞づくりなど幅広くしっかり担当しています
Copyright © ITmedia, Inc. All Rights Reserved.