スマホUI考（番外編） なぜ機能追加をし続けるとアプリが破綻するのか？ | fladdict
この写真は、アーミーナイフの名門ウェンガー社のジャイアントナイフという最高級ナイフである。141の機能を持つ、ギネス認定もされた厚さ24cm、重量1.3kgの世界で最も高機能なナイフだ。トップメーカーが自社製品の全機能を１つに集約したこの製品こそが、機能拡張の行き着く先を指し示している。 なぜ適切な機能追加であっても、機能を追加しつづけることで破綻をするのか？本エントリは、「スマホUI考（番外編） 顧客やユーザーの要望に全て対応すると、アプリは99%破綻する」の続きになる。 本エントリでは以下の４つの側面から、機能を追加するリスクを考える。まず第一に「選択肢の数が必ずしも善ではないこと」。次に「人間の判断力は使うほど消耗すること」。そして「画面スペースが有限のリソースであること」。最後に「どんなに機能を増やしても、一画面で強調できるものは限られていること」。これらの４つは全て、機能追加が最
スマホUI考（番外編） 顧客やユーザーの要望に全て対応すると、アプリは99%破綻する | fladdict
顧客や上司、ユーザーの場当たりな要望に対応しつづけると、どんなアプリもゴミアプリになる。たとえそれが理にかなった要望であっても。 なぜなら面積の限られたスマホでは「一画面の機能数とボタン数」が、使い易さと品質に深くリンクしているからです。 ということを、エラい人にプレゼンするのがお仕事の今日この頃。でも毎回毎回、同じことを説明するのがシンドイので資料をブログにまとめたいなぁと思うなど。 思考実験として、ここでは架空事例としてTwitterアプリを例に考えてみる。 何かの間違いで、日本の大手メーカーがTwitterを買収すると・・・UIデザイナーが体を張らないと99%ぐらいの確率でこうなるのです。 ここがオリジナル Request1: ダイレクトメッセージをトップ階層に ユーザーからの真っ当な要望。実際にはサービスの本質ではないのですが、要望はかなり多いはず。 ただTwitter社的にはme
海外「この技術は世界を変える」 富士通の最新技術が未来的過ぎる
今回は富士通研究所が開発に成功した、 次世代ユーザーインターフェースから。 書類などをタッチパネルに変えてしまう技術なのですが、 個人的には開発品にこれほど感動を覚えたのは久しぶりです。 詳細は動画内にて説明されていますので、さっそくごらんください。 実世界の物に対してタッチ操作可能な次世代UI #DigInfo ■ これは、未来、君なのか？ ロシア ■ スマートフォンにこの機能が付いてたら最高だよな。 セルビア ■ 未来はまさにここから始まる。 +79 マレーシア ■ 未来が始まるのはいつだって日本からさ。 +4 アメリカ ■ もっと言うと、日本からすべてが始まった。 マレーシア ■ 未来の俺のデスクにはこの技術が搭載されてるはず。 国籍不明 ■ 未来がもうすぐそこまで来てるって感じがする！ 国籍不明 ■ プロジェクターはちょっと不便だなって思ってたトコなんだよ。 これに加えてグーグルグ
Turn.js: The page flip effect in HTML5
Turn.js is a JavaScript library that will make your content look like a real book or magazine using all the advantages of HTML5. The web is getting beautiful with new user interfaces based in HTML5; turn.js is the best fit for a magazine, book or catalog based in HTML5. <div id="flipbook"> <div class="hard"> Turn.js </div> <div class="hard"></div> <div> Page 1 </div> <div> Page 2 </div> <div> Page
fladdict » スマホのUI考 〜 ボタンについて
SuperPopCamとか作ったときに、体系的な資料欲しいなぁーとか思ってたことのまとめ。 色々と自分の中の考えをまとめるためのメモ。世の中のアプリは機能を半分にして、減った予算分をUIの練り込みにつぎ込んだ方が絶対よいアプリになると思う。 書いてる作業が一番考えまとまるので、ちょぼちょぼあげていこうかと、まずはボタンから。 指の大きさの制約を受ける ・Webとスマホを比較した場合、最大の違い。 ・ピクセル単位でクリック位置を制御できるマウスポインタと違い、指は大雑把にしかタップ位置を指定できない。 ・このためAppleはボタンの最小サイズとして44pxというガイドラインを作っている。 ・視覚的に44px以下のボタンも実際のヒットエリアは大きめにする。 ・またこれに留まらず、ボタンとボタンの間のマージンは空けられるだけ空けた方が安全。 ・つまるところ「カッチリ」つめたボタンレイアウトのグラ
タッチUIの限界に挑戦した、浮川夫妻の会社MetaMoJiのiPadアプリ「7notes」にPC黎明期と同じ興奮を見る
2月3日、MetaMoJiの「7notes」発表会に参加した。この新製品についてはすでにメディアに記事が多数出ているが、筆者の感想を含めてここに記録しておきたい。 （本記事は、ゲストブロガーのITジャーナリスト 星暁雄氏による投稿です） 7notesは、短く言うと「iPad上で手書き文字でノートを取れるアプリ」だ（説明ページ）。指で手書きした文字を、そのままの形で記録し、1文字削除、ブロックごとの入れ替え、文字拡大や太字や色付け──といった操作ができる。 さらに、手書き文字認識機能と組み合わせて、認識してコード化された文字と手書き文字を混ぜた文章を入力、編集できる。キーボードから入力することも可能だ。 タッチUIの限界に挑戦している 筆者の視点で興味深いと感じたのは、次の3点である。 (1) ジャストシステムの創業者が情熱を傾けていること。 MetaMoJiは、元ジャストシステムの浮川和宣
第3回 予測インターフェース | gihyo.jp
はじめに 「よろしく」と入力すると「お願い」が候補に出るような「予測入力方式」が、携帯電話などで最近広く使われています。ユーザの次の行動を予測するようなシステムは「予測インタフェース」と呼ばれており、昔からさまざまなシステムが研究されてきています。 ユーザの行動を予測する方法はいろいろなものが考えられます。上の例の場合は「よろしくお願い申しあげます」という表現が世の中でよく利用されているという統計情報を利用して予測を行ったものですが、ユーザの行動履歴や現在のコンテキストなどの情報を利用することもできます。筆者の場合は「増井」という名前を入力する機会が多いため「ま」と入力すると「増井」が予測されます。時刻や位置情報のようなコンテキストを利用できる場合、渋谷で駅名検索するときは「し」から「渋谷」を予測し、新宿で検索するときは「し」から「新宿」を予測するといったこともできるでしょう。「123」
Twitter、JavaScriptを同社のコアテクノロジに採用。UIとともにアーキテクチャにも変化が
Twitter、JavaScriptを同社のコアテクノロジに採用。UIとともにアーキテクチャにも変化が 新しいユーザーインターフェイスが徐々に浸透しているTwitter。変わっているのはユーザーインターフェイスだけではなく、内部のアーキテクチャにも変更が加わったそうです。 JavaScriptが同社のコアテクノロジとして正式に採用され、リッチクライアント化に向けたアーキテクチャへとシフトしたことが、同社のTwitter Engineeringブログにポストされたエントリ「The Tech Behind the New Twitter.com」で説明されています。 新ユーザーインターフェイスはクライアントAPI経由に アーキテクチャの最大の変化の1つは、新しいTwitter.comのユーザーインターフェイスがTwitter自身のAPIを用いて構築されたこと。 One of the most
インターン講義5日目「ユーザインターフェース,HTML5」 - Hatena Developer Blog
インターン生は、連日の講義と課題で大変そうですが、今日も講義が続きます。 本日は、id:nanto_viによる「ユーザインターフェース,HTML5」です。仕様書を隅々まで読んだ講師によるディープな講義内容となっています。今日も2時間の長丁場ですが、頑張って着いていきましょう! ユーザーインターフェース、HTML5 ユーザーインターフェースで大切なこと、HTML5 及び関連 API で何ができるか 自己紹介 nanto_vi (外山真, TOYAMA Nao) ブックマークチーム アプリケーションエンジニア はてなブックマーク Firefox 拡張 はてなツールバー for Firefox はてなブックマーク Twitter 投稿機能 はてなサマーインターン 2008 なんとなく Emacs 富山県南砺市とはあまり関係なし 概略 UI の評価・設計・実装の概略 HTML についての概略、HT
e2wm の設計と実装 - 技術日記＠kiwanami
はじめに e2wm.elのソース読んだり、自分流に拡張するための参考になるように、e2wmの設計と実装について簡単に説明します。 あらすじ 全体の構成の説明 各モジュールの説明 各イベント時の動きの説明 現在の実装と今後の予定 図の一覧@Cacoo 全体の構成 まず、全体構成の図を示します。 全体の構成図 全体的な流れとして、イベントや画面の変化などをパースペクティブ管理に集めてきて、そこでパースペクティブに応じた加工を行い、ウインドウレイアウト制御のライブラリで画面に描画するという形です。 モジュール間の依存関係は次の図のようです。矢印の先が依存先です。 モジュール間の大まかな依存関係 パースペクティブ管理や履歴の情報とウインドウ制御の機能を、各モジュールが参照して使っているというようなイメージになります。 e2wm.elのソースコードの命名も、大体このような分類で並んでいます。 各モジ
きまぐれ日記: sudo のGUIダイアログはセキュリティ的に大丈夫なのか?
UbuntuやMac OSXを使っていると、権限の高いオペレーションを実行しようとしたときに、ユーザのパスワードを要求するダイアログが起動します。毎回ハイハイと思いつつ入力しているのですが、ふと考えるとこのセキュリティモデルというかユーザビリティー的に大丈夫なのかどうかと思うようになりました。 例えば、インストーラーでダミーのパスワードダイアログを表示させればマルウェア作者はユーザのパスワードを取り放題だし、OSのファイル保存ダイアログをクラックして、適当なファイル保存のタイミングで同ダイアログを出せば、無知なユーザはホイホイパスワードを入力してしまうのではないでしょうか。Webサイトのフィッシングと全く同じ話です。 このダイアログはそもそも CUIプログラム sudo のラッパーにすぎません。しかし、話はそんなに単純ではありません。CUIの場合は、ほとんどの操作が「能動的」なために、su
Chromeはなぜ速いのか － ＠IT
Chromeの動作が圧倒的に速いように感じている。Chromeがリリースされた当初、それがなぜなのかよく分からなかった。グーグルだけにできて、ほかのWebブラウザ開発者にできないことなどあるように思えないが、それにしてはあまりに速いように感じたからだ。 その疑問のほとんどは、Chromeのオープンソースプロジェクト版「Chromium」の公式ブログの解説で氷解した。ブログを読んで分かったのはグーグルのエンジニアたちが信じられないほどのスピード狂であることと、そのスピードへのこだわりには2種類の“スピード”があることだ。 1つは処理速度、もう1つは応答速度だ。特に後者、ユーザーをできるだけ待たせない、イラつかせないということに対する徹底したこだわりは、すさまじい。その背後には「スピードとは、つまりお金だ」という洞察があるようだ。 0.5秒の遅延でユーザー離れ グーグル創業約1年後の1999年
blog.bulkneets.net : えいごばんにあたって、草稿、その1
bulkneets運営者のメモとか色々 blogって単語は好きぢゃ無いけどスクラッチ代わりに使います。 最速のインターフェースというやつがある。俺がいつもいってるやつだ。最速ってのはこれ以上はやくできないってことだ。あるいは速くしても意味がないってことだ。俺がコードを書くときはいつもその状態を目指す。例えばフィードリーダーにとっての最速というならば、それは人間が文字を読むスピードのことだ。LDRはそれを目指す。だから、人によって評価が異なるのは当たり前のことだ。 その人の文字を読むスピードは人それぞれだからだ。以前にもかいたように、10や20や、100や200読んでるぐらいなら、何を使おうとたいした違いはない。そういった比較に意味はない。1000や2000読んでいるのであれば、確実に違いが分かるだろう。 それでは市場を狙えないよ、などと言う人がいるのはわかるし、それはもっともなことだ。10
「空中で操作できる」ジェスチャー制御インターフェース：動画 | WIRED VISION
「空中で操作できる」ジェスチャー制御インターフェース：動画 2008年11月10日 IT コメント： トラックバック (0) Brian X. Chen 俳優のトム・クルーズ氏は、米国の新興宗教団体『サイエントロジー教会』(Church of Scientology)にのめりこむ前、映画『マイノリティ・レポート』でとても格好いいコンピューターを使っていた。マウスもタッチスクリーンもなく、空中で手を振り動かすだけで操作できるマシンだ。 Mgestyk Technologies社は、そのアイデアを現実のものにして、ジェスチャーで制御できるインターフェースを作り上げようとしている。このインターフェースは、3Dカメラと、手の動きを解釈してコマンドに変換しアプリケーションを操作するソフトウェアから成り立っている。 上の動画では、実験協力者が、自分の手以外の道具は一切使わずに、ゲームをしたり、ウェブサ
新iGoogleのインターフェースがスゴイ！Web OSの時代が来るかも！ | Google Mania - グーグルの便利な使い方
新iGoogleのインターフェースがスゴイ！Web OSの時代が来るかも！ 管理人 @ 10月 23日 10:42pm iGoogle まだテスト中のiGoogleサービスがスゴイんです！ ちょっとアドレスバーにおまじないをするだけで、それを利用することができます！ ↓ サイドメニューで、コンテンツをサクサク切り替えたりできます。 ↓ 購読しているフィードは、Googleリーダー形式で読むこともできます。 ↓ カレンダーもiGoogle内で十分に使えます！ ↓ Googleノートブックもいい感じです。 ↓ YouTubeも再生可能 ↓ タブの位置を変えたり、コンテンツの追加・削除が簡単に設定できます。 ↓ モバイル版iGoogleの並び替えも簡単。プレビュー表示までできます。 私の方では確認できませんが、Gmailを大きく開いたり、サイドメニューにGoogleTalkを表示したりもできるよ
キャズム会議での増井俊之語録 - FutureInsight.info
本日、キャズム会議こと「第4回 ネットと家電のキャズムを超えろ！会議 〜ヤフー×AQUOS 大手Webサービスと家電の連携が生むもの、めざすもの〜」に参加してきました。 第4回 ネットと家電のキャズムを超えろ！会議 〜ヤフー×AQUOS 大手Webサービスと家電の連携が生むもの、めざすもの〜 - キャズムを超えろ！ いつも通り、おもしろい内容だったのですが、会議のかなり後半にPoBoxやiPhoneの文字入力システムを作った増井俊之さんが特別ゲストとして登場したのにはびっくりしました。 増井俊之 増井俊之 - Wikipedia しかも僕の隣の席に座っていました (笑) ちらっと隣を見ると、増井さんはEeePCとE-mobileを利用しており、あれ、Macじゃないのかと思った次第です。 キャズム会議の議事録自体は多くのblogで取り上げられると思うので、ここではキャズム会議での増井さんの発
ユーザーにとってはUIがすべて：UIデザイン原則をソシオメディアが語る - builder by ZDNet Japan
シーネットネットワークスジャパンは9月29日、builderとしては2回目のイベントとなる「builder tech day」を開催した。今回は「User Interface & beyond」をテーマに、ソシオメディア、マイクロソフト、アドビシステムズ、カールのスピーカーが登壇し、ユーザーインタフェースの現在と未来について講演した。 本稿では、ソシオメディア取締役である上野学氏の基調講演「ユーザーにとってはUIがすべて」を紹介しよう。 トイレにひそむUIのヒント 講演の冒頭、上野氏は米国の著名なデザイン・コンサルティング・ファーム、Adaptive Pathに2008年まで在籍していたDan Saffer氏と対話した際のエピソードを披露。 Saffer氏が「トイレにはユーザー・インタフェース・デザインの様々なヒントがある」と話していたことを紹介し、下の画像を示した。 上野氏は赤色の注意書
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
himag_T
IDEA * IDEA
最速インターフェースの研究と実践