mippe | Shared With: Everyone - Jun 11 2008 | Information Architecture, Interface, iPhone, apple
iPhone の特質を最大限に引き出すデザイン
iPhone は、これまでのPCや携帯電話とは違う全く新しいユーザーエクスペリエンスをユーザーに与えます。この新しいプラットフォームに最適化されたユーザーインターフェースを構築するには、機能要件の大胆な再定義や、画面構成要素の慎重な取捨選択が必要です。ソシオメディアは、タッチパネル向けアプリケーション、モバイル向けアプリケーション、RIA(Flex, Curl…)など様々なプラットフォーム向けに画面仕様策定やユーザーインターフェース設計を行ってきました。そこで蓄積されたノウハウをもとに、iPhone の使いやすさと斬新さを最大限に活かしたデザインを提案します。
「デザイン原則」を適用しハイクオリティなユーザーインターフェースをデザイン
ソシオメディアでは、2001年の創業以来260を超えるインターネットサービス、業務アプリケーション、企業ウェブサイト、その他各種インタラクティブメディアのユーザビリティ評価改善コンサルティングおよびユーザーインターフェース設計を行ってきました。その実績から、ユーザーインターフェースの基礎的な設計指針である「デザイン原則」を独自に策定しています。このデザイン原則を適用することで、論理的で利便性の高いハイクオリティなユーザーインターフェースを実現できます。
「デザインパターン」を適用し効率的にデザイン
ソシオメディアでは、ユーザーインターフェース設計の様々なベストプラクティスを「デザインパターン」として集約しています。例えば iPhone 向けには、「小さなスクリーンに最適なレイアウト」「モバイル利用に最適な機能制限」「タッチ操作に最適なボタンデザイン」といったパターンを研究しています(未公開)。これらのデザインパターンを適用することにより、設計効率と利用効率の両者を最大化することが可能です。
対象システム
Apple iPhone/ iPod Touch 向け各種アプリケーションサービスご利用例
新規に iPhone 向けウェブアプリケーションを開発する際のUI設計
既存PC向けウェブアプリケーションを iPhone に対応させる際のUI設計
iPhone ネイティブアプリケーションのUI設計
既存ウェブサイトの iPhone 対応
上記すべてにおけるデザインコンサルティングおよびUI要件策定参考資料
@IT 記事「iPhone向けWebアプリを作ろう」(執筆:ソシオメディア 上野)
アップル - iPhone
mippe | Shared With: Everyone - Jun 09 2008 | apple, iPod, iPhone, Information Architecture, Interface
mippe | Shared With: Everyone - May 15 2008 | Information Architecture, Interface, web design
mippe | Shared With: Everyone - Apr 21 2008 | TENORI-ON, Interface, Information Architecture, Design
mippe | Shared With: Everyone - Apr 13 2008 | software, Interface, Information Architecture
mippe | Shared With: Everyone - Apr 12 2008 | Information Architecture, Interface, MacintoshApple's design process by Business Week
完璧なモックアップを作る(Pixel Perfect Mockups)
手間と時間はかかるが、早い段階で、「完璧なモックアップ」を作ることで、すべての曖昧さがなくなり、結果あとで修正が必要なくなる。10から3へ 3から1へ(10 to 3 to 1)
アップルのデザイナーは、新しい機能についての10のまったく違うモックアップを作る。制限を設けずに10をデザインし、仔細に検討した後、それを3の候補に絞り込む。さらに数か月検討した後に、強固な最終案に行き着く。2つの正反対のミーティング(Paired Design Meetings)
毎週、チームは2つのミーティングがあり、1つはブレイ ンストーミングで、制約などを無視して自由に考える。Lopp氏の表現によると、「クレージーになる」場。一方で、もうひとつの会議は、プロダクション会議で、さきほどの会議の正反対なもの。
ここでは、デザイナーとエンジニアはすべての事柄の具現化について見極めることが要求される。クレージーなアイディアをどう実際に動くものにするのかが問われる。このやり方は、どんなアプリであっても、開発の期間を通して繰り返し行われる、という。「子馬がほしい!」を避けるために(Pony Meeting)
シニアマネジメント層が加わる会議では、さまざまな要 求がされ、WYSIWYGじゃなきゃイヤだとか、メジャーな ブラウザには対応してほしいとか、会社の精神を反映してほしいなどいろいろいわれる。
Lopp氏は、これは、会議で「オレは子馬がほしいな! だろ? 子馬、サイコー」といわれようなものだ、という。問題は彼らがほしいものを単に挙げているだけで、間違っていたとしても、彼らが給与を支払っていることから、あまり無碍にできない点だ。
これを解決するために、Lopp氏は、前述の現場による2つの正反対の会議で出たアイディアを、シニアマネジメントにあらかじめ見せることだ、という。というのは、そのアイディアの中の1つは、彼らの夢にまで見た「子馬」かもしれないのだ。
2つの正反対の会議で出た「子馬」(アイディア)は、デザイナーとエンジニアが実現化について考えを巡らせているものであるため、後々に大きな問題に発展することは少ないという。こう見てみると、Appleじゃないとできないことはないように思える。
しかし、実は「クレージーな会議」と「実現化の会議」を開発期間中、繰り返すというのは、並大抵のことでない。
開発プロセスが終盤に向かうにつれ、さまざまな力が「収斂」する方向に向かい、「拡散」することはないのは、多くの人が知っていることだ。この「収斂」モードでも「拡散」を求めるのが、Apple流のクリエイティブということか。
Lopp氏が実際に語った様子は、いまの時点ではネットにはアップされていないようだ。
SXSW2008のそのほかのカンファレンス動画はこちら、podcastはこちらで、ゲットできる。
また、Lopp氏のブログ"Rands In Repose"では、プレゼンの準備についての心がけなど面白いエントリーが読める。
mippe | Shared With: Everyone - Apr 12 2008 | Information Architecture, Interface, Macintosh
mippe | Shared With: Everyone - Apr 12 2008 | Information Architecture, Interface
用語集もついに今回で最終回です。最後は車のハンドルについてのお話です。
車を運転するとき、手に持ったハンドルはどう扱いますか?
用語集を見る--------------------------------------------------------------------------------
ユーザーインターフェースに関するクイズです。普段お使いの複写機を思い出してください。
クイズに答える
--------------------------------------------------------------------------------
ユーザーインターフェースを考える時に必ず出てくる「用語」を三話構成のアニメーションで紹介します。最初のお話しは、複写機について「ユーザビリティ」という言葉を考えます。
用語集を見る「ユーザビリティ」の第二話は、ケーキの箱の作りについてのお話しです。
用語集を見る大きなお金を使う時の知恵もまた「ユーザビリティ」の発想です。
用語集を見る
--------------------------------------------------------------------------------
「メタファー」という言葉について考えてみましょう。パソコンの中で使われているたくさんのアイコンの表現は何かの「メタファー」なのです。
用語集を見る四角い形に何かを加えると(変形させると)、あるものの形のように見えてきます。
何に見えるかな?
用語集を見る
--------------------------------------------------------------------------------
次は「アフォーダンス」という言葉についてです。いつも何気なく使っている“やかん”を、もう少し注意深く見てみましょう。
用語集を見るハサミの使い方もわかりますよね?
mippe | Shared With: Everyone - Apr 12 2008 | Information Architecture, Interface
表紙 2005年4月15日更新
改定記録 2005年4月15日更新
目次 2005年4月15日更新
使いやすさの基本原則 2005年4月15日更新
A. デザインエレメントA1. 用語 2005年4月15日更新
A2. 図記号 2005年4月15日更新
A3. 機能色 2005年4月15日更新
A4. ステータス&フィードバック 2005年4月15日更新
B. アプリケーションデザイン
B1. 操作パネルのレイアウト 2005年4月15日更新
B2. エネルギースター対応
2005年4月15日更新
B3. ユニバーサルデザイン・表示文字の視認性 2005年4月15日更新
B4. ユニバーサルデザイン・触覚サイン 2005年4月15日更新
B5. ユニバーサルデザイン・ホチキス 2005年4月15日更新
B6. 使用済み消耗品回収の記載 2005年4月15日更新
B7. 電子マニュアルマークの標準化 2005年4月15日更新
B8. 紙マニュアルと電子マニュアルを構成するコンテンツの切り分け 2005年4月15日更新
B9. CDレーベル上の表記に関する仕様 2005年4月15日更新
参考資料 2005年4月15日更新
発行連絡先
mippe | Shared With: Everyone - Apr 12 2008 | Information Architecture, InterfaceTR-13 オフィスプリンタにおける業界標準色再現モードの検討 制定 2008 yes
TR-12 図記号デザイン解説書 制定 2007 yes
TR-11 ソフトキーボード配列における設計指針 制定 2007 yes
TR-10 高齢者にも見やすい文字デザインに関するガイドラインー液晶画面上の文字サイズとコントラストの設計指針 制定 2007 yes
TR-09 操作箇所示唆シンボルの調査を通した標準化テーマ検索 制定 2004 yes
TR-08 事務機器における車いす操作範囲 – 算出方法 制定 2004 yes
TR-07 事務機器における車いす操作範囲-推奨値 制定 2004 yes
TR-05 UI用語作成ガイドライン 改正 2007 yes
TR-03 複写機の機能色ガイドライン 制定 2001 yes
TR-02 UI用語ガイドライン 改正 2006 yes
TR-01 JBMS簡易作成マニュアル
Related Content from Around Faves
interface
-
Some very cool things here
1 FaverViewed: 2 TimesQuoted: This overview on tangible musical interfaces is focussing on table-top controllers, such as music tables and audio building blocks, mostly chosen for their relation to the reacTable* project. It also includes a few additional projects, which we think are somewhat closer to the concept of tangible interfaces rather than simple musical controllers. This page is maintained by Martin Kaltenbrunner. Please report any suggestions, updates or changes to mkalten_at_iua_dot_upf_dot_edu. If you are looking for more non-musical table interfaces, you could have a look at this collection at pasta & vinegar.
- branchiopoda - Feb 08 20064 FaversViewed: 39 Times
- mippe - Jun 11 20081 FaverViewed: 3 Times
macintosh
-
14 FaversViewed: 200 TimesQuoted: Free Icons Web,Free Icons,Free Icon,Free Icons Download,Free xp icons,Free window icons,free desktop icons,free computer desktop icon,free xp desktop icon,free msn icon,free animated icon,free xp icon,free window desktop icon,free window xp icon,free icon download xp,free computer icon,free web icon,free mac icon,free icon creator
- pontikitiki - 11 days ago1 FaverViewed: 3 Times
- Sigalon - Apr 10 20081 FaverViewed: 23 Times




