mippe | Shared With: Everyone - May 15 2008 | Information Architecture, Interface, web design
式会社セカンドファクトリーのエクスペリエンス・デザイナー、井原亮二さん。明治大学理工学部電気工学科出身で「とにかく電化製品が好き」という彼は、派遣スタッフとして電機メーカーのデザイナーを5年間経験したのち、29歳のときにセカンドファクトリーに入社する。アプリケーション開発で注目を浴びる「エクスペリエンス・デザイナー」とは……？ 自分の目指す方向につねに前向きな井原さんに、今までの軌跡や現在の仕事についてお伺いしました。
- 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アプリを作ろう」（執筆：ソシオメディア 上野）
アップル - iPhoneShareViewed: 3 Times - mippe | Shared With: Everyone - Jun 09 2008 | apple, iPod, iPhone, Information Architecture, Interface
- mippe | Shared With: Everyone - Apr 21 2008 | TENORI-ON, Interface, Information Architecture, Design
クラフトワーク、ジム・オルーク、バトルズ、それにアトム・ハート。この豪華な面々が誇らしげに掲げるのが、ヤマハのTENORI-ON（テノリオン）。
LEDディスプレイで音を視覚化する、注目の最新音楽ガジェットだ。このサンプラー兼MIDIコントローラーは、メディア・アーティストの岩井俊雄氏とヤマハの開発者、西堀佑氏のコラボで生み出された努力の結晶。PingMagは、TENORI-ONの発売を前にファッションの殿堂とも言える原宿ラフォーレの裏手にあるヤマハの事務所に西堀さんを訪ねることに…！
今日はこの光と音が融合したインターフェースの洗練された使い方について、開発者の西堀さんにお話を伺った。
ShareViewed: 4 Times - mippe | Shared With: Everyone - Apr 13 2008 | software, Interface, Information Architecture
”IT系”ソフト組込みソフトハードウェア
技術者の
過不足度合い余剰不足不足
中国、インドへの
仕事の流れ具合大量に流出当面大丈夫大丈夫
仕事の単価下がっているやや上がり気味変わらず
必要な知識プログラミング
JAVAC/C++、アセンブリC/C++
データベースリアルタイムOSハードウェア
マイクロプロセッサ回路設計
ハードウェア基礎半導体ShareViewed: 4 Times 
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
ShareViewed: 1 Time - 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日更新
発行連絡先ShareViewed: 3 Times - mippe | Shared With: Everyone - Apr 12 2008 | Information Architecture, Interface
TR-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 ＪＢＭＳ簡易作成マニュアルShareViewed: 5 Times
Send mippe a friend request or a personal message instead.