スマホUI考（番外編） 顧客やユーザーの要望に全て対応すると、アプリは99%破綻する | fladdict
顧客や上司、ユーザーの場当たりな要望に対応しつづけると、どんなアプリもゴミアプリになる。たとえそれが理にかなった要望であっても。 なぜなら面積の限られたスマホでは「一画面の機能数とボタン数」が、使い易さと品質に深くリンクしているからです。 ということを、エラい人にプレゼンするのがお仕事の今日この頃。でも毎回毎回、同じことを説明するのがシンドイので資料をブログにまとめたいなぁと思うなど。 思考実験として、ここでは架空事例としてTwitterアプリを例に考えてみる。 何かの間違いで、日本の大手メーカーがTwitterを買収すると・・・UIデザイナーが体を張らないと99%ぐらいの確率でこうなるのです。 ここがオリジナル Request1: ダイレクトメッセージをトップ階層に ユーザーからの真っ当な要望。実際にはサービスの本質ではないのですが、要望はかなり多いはず。 ただTwitter社的にはme
8割以上の人、スマートフォン専用サイトの必要性を感じていないことが判明
有限会社いろはの代表取締役兼経営コンサルタント・竹内謙礼が、「ネットで売れるもの売れないもの 増補改訂版」（日本経済新聞出版社）を8月2日に発売するにあたり、楽天リサーチを活用して、スマートフォンユーザー100名に対して、アンケート調査を行った。 同調査では、スマートフォンで一般的に表示される「PCサイト」と、スマートフォンの画面の大きさに合わせて表示される「スマートフォン専用サイト」と、どちらが活用されているのかを中心に尋ねた。 まず、「スマートフォン専用サイト」と「PCサイト」、どちらが使いやすいか質問したところ、「スマートフォン専用サイト」と回答した人が39％だったのに対して、「PCサイト」と回答した人が45％と、6ポイント上回る結果となった。「特に意識はしていない」と回答した“どっちでもいい派”の人が16％いることから、6割以上の人がスマートフォン専用サイトに対して利便性を感じてい
TechCrunch | Startup and Technology News
The 2024 election is likely to be the first in which faked audio and video of candidates is a serious factor. As campaigns warm up, voters should be aware: voice…
海外「この技術は世界を変える」 富士通の最新技術が未来的過ぎる
今回は富士通研究所が開発に成功した、 次世代ユーザーインターフェースから。 書類などをタッチパネルに変えてしまう技術なのですが、 個人的には開発品にこれほど感動を覚えたのは久しぶりです。 詳細は動画内にて説明されていますので、さっそくごらんください。 実世界の物に対してタッチ操作可能な次世代UI #DigInfo ■ これは、未来、君なのか？ ロシア ■ スマートフォンにこの機能が付いてたら最高だよな。 セルビア ■ 未来はまさにここから始まる。 +79 マレーシア ■ 未来が始まるのはいつだって日本からさ。 +4 アメリカ ■ もっと言うと、日本からすべてが始まった。 マレーシア ■ 未来の俺のデスクにはこの技術が搭載されてるはず。 国籍不明 ■ 未来がもうすぐそこまで来てるって感じがする！ 国籍不明 ■ プロジェクターはちょっと不便だなって思ってたトコなんだよ。 これに加えてグーグルグ
ノンデザイナーズデザインブックを読み解く // Speaker Deck
MIND HACKSとインタフェースデザインの心理学を引用しながら、デザインの基本4原則を解説していきます。 ==================== あわせて読みたい ==================== 少ない手間と知識で”それなり”に見せる、ズルいデザインテクニック https://speakerdeck.com/ken_c_lo/zurui-design ノンデザイナーのための配色理論 http://www.slideshare.net/saucerjp/ss-14902681 初めての欧文書体 http://www.slideshare.net/shoheiitoh/ss-17245066 0.1ランク上のアイコンの作り方講座 https://speakerdeck.com/is8r/0-dot-1rankushang-falseaikonfalsezuo-rifang-ji
Flat UI Free - Framework and Bootstrap Theme Design
Flat UI Free – Framework and Bootstrap Theme Design FreebiesAndrian Valeanu • March 08, 2013 • 2 minutes READ Flat UI Free is made on the basis of Twitter Bootstrap 3 in a stunning flat-style. Flat UI Free contains many basic and complex components which are great for designers to have at hand: buttons, inputs, button groups, selects, checkboxes and radio-buttons, tags, menus, progress bars, slide
なぜAmazonのメガドロップダウンメニューはスムーズに操作できるのかという秘密
日本のAmazonでも採用されているメガドロップダウンメニューについて、なぜAmazonのメニューはユーザーが使いやすくできているのかという秘密が明らかになりました。ユーザビリティを改善することが至上命題のネットショッピング系サイトにとっては非常に有益な知識となっています。 Breaking down Amazon’s mega dropdown - Ben Kamens http://bjk5.com/post/44698559168/breaking-down-amazons-mega-dropdown まずこれがAmazonの左上にあるカテゴリーを一覧化したメガドロップダウンメニュー。日本のAmazonにも同様のメニューが採用されており、マウスカーソルを上に持っていくと実にスムーズに動きます。 通常のメニューの場合、以下のようにして少し遅れてサブメニューが開くようになっています。 な
ユーザー登録の面倒くさいフォーム入力の苦痛を激減させる画期的アイデア「ダイアログフォーム」
登録フォームと言えば通常は必要事項を一方的に入力していくものですが、キャラクターとの会話形式にして、まるでチャットを行っているように情報を入力できるのが「ダイアログフォーム」です。人とチャットしているときはタイピングが苦じゃない、というアイデアを元に作られた登録フォームで、コードのダウンロードも無料で行えます。 ダイアログフォーム - jsdo.it - Share JavaScript, HTML5 and CSS http://jsdo.it/watilde/form 実際にどんな感じでフォームが表示されるのか試してみます。まずはページ右側にある再生ボタンをクリック。 すると、「会員登録ふぉーむ」という文字の下で自動的にWindows Azure 公認キャラクタークラウディア・窓辺が会話を始めます。 「ユーザーIDを入力してください」とクラウディアに言われるので、フォームに自分のIDを
Androidの画面サイズを攻略して機種依存を吸収する(ナビゲーションバーとステータスバーのサイズを取得する) | TechBooster
※上記の名前付けは一般的なものではなく、今回の解説用に定義した名前です。（Displayクラスのサイズといえばどれもディスプレイサイズということになるため、わかりやすさを優先して図示しました) 特にステータスバーとナビゲーションバーは端末ごとカスタマイズされている可能性もあるため、動的に取得するのが望ましい項目と言えるでしょう。しかしながら、直接この2つの高さ情報を取得するAPIは存在していません。踏み込んで解説するならば、これらはアプリケーションの領域外でありアプリが気にする必要はなく、気にしないでいられるデザインやレイアウトを検討すべきである、という設計思想がうかがえます。設計思想を尊重するならば、このあと解説するAPIをなるべく使わないでいいように工夫できると機種依存の苦悩から解放されるでしょう。 取得する方法は続きから ナビゲーションバーを除いたディスプレイサイズを取得する ディス
iida UI Virtual Touch
本コンテンツを体験するためには、最新のFlashPlayer をインストールし、 JavaScriptをONにする必要があります。
アクセシビリティは〈裏技〉として普及する - Zerobase Journal
不自由(disability)は利用状況(context of use)によります。この視座で「障がい者」と「健常者」の二分法を超えてアクセシビリティを当事者的に語る道筋が見えてきます。その鍵は〈裏技〉です。 【注】「不自由」という言葉を、英語の "disability/disabled" の訳語として用います。「状況」は "context" に対応し、「利用状況」は "context of use" に対応します。なお、英語の "disability" には「障がい（者）」という意味もありますが、この文章ではもっぱら「不自由」や「...する能力の欠如」という意味で用いています。 第4回アクセシビリティキャンプ東京に参加しました。 どうすればウェブ全体のアクセシビリティ水準を向上させられるのだろうか、という問題意識で、グループに分かれて議論しました。テーマは「アクセシビリティのリブランディ
Windows 8 — 初心者にもパワーユーザーにも期待はずれのユーザビリティ
見えない機能、低下した発見しやすさ、二重の環境による認知的な負荷、シングルウィンドウのUIからくる能力の低下、低い情報密度。ひどいものだ。 Windows 8 — Disappointing Usability for Both Novice and Power Users by Jakob Nielsen on November 19, 2012 日本語版2012年12月6日公開 先日発売されたWindows 8とSurfaceタブレットでMicrosoftはユーザーインタフェース戦略を転換した。フィーチャークリープ訳注と言えるくらい、強力なコマンドを重視するGatesが主導した伝統的GUIスタイルからMicrosoftは軟化したが、今度は必要な機能を隠しながら、大きな色とりどりのタイルで画面を覆いつくし、ユーザビリティを妨げている（訳注： フィーチャークリープとは、電子機器やソフトウェ
アイトラッキングなら一目瞭然！新「はてなブックマーク」が何となく見づらい理由 | マミオン有限会社-パソコン・数学研修、法人研修
先日リニューアルされた「はてなブックマーク」。 大幅なデザイン変更に対し、ネット上では賛否が分かれているようです。 【参考記事】 ・はてなブックマークのリニューアルがいけてない5つの理由 - enator's blog ・はてブリニューアル賛成論 個人的には「あぁ、見づらくなっちゃったな…」と感じましたが、何となく不満を訴えても仕方がないので、今回はその原因をマミオン得意の「アイトラッキング分析」を用いて考えてみることにしました。 綺麗な「F字型」を見せる旧デザインまずはリニューアル前のデザインについて分析ができればよかったのですが、時すでに遅し。代理として、以前のデザインに近い以下のサイトで分析を行ってみました。 Hatebu::Classic - 見慣れたデザインのはてなブックマーク 被験者は、30代男性である筆者1名です。いつものように、ホットエントリーをチェックする行動を行った結果
「使ってもらえるアプリの考え方」スマホデザイン会議 2012 忘年会スライド
日経電子版のリニューアルで、コンセプトモデル設計とプロダクト監修をさせていただいた。 超大型アプリを完全リニューアルするとき、KPIを落とす事なく、どのように整合性やユーザー利便性を担保していくか。 「日経電子版×Sansanアプリ開発プロジェクト成功への道〜アプリ開発者勉強会Vol.2」より http://connpass.com/event/16187/
Windows 8の新しいUI用語の注意点 - ハニーポッターの部屋
Windows 8 の新しいインターフェースの用語について、Microsoftさんから情報をいただきましたので共有させていただきます。 ハッカージャパンでWindows 8のセキュリティ記事を書いていて、その時にネットで調べて、その時は、Windows Store アプリにWindows Store UIと表記しました。 そこで、この前、技術評論社さんのModen UIという名称を使われいたWeb記事をみて、改めんてネットで調べてみたら、下記の記事を見つけました。 「今まで色々な呼び方があったが、特に決まった名称は付けていない。 “Windows 8のUI”とか“Windows 8の新しいUI”と呼ぶことが多い」（マイクロソフト） http://www.itmedia.co.jp/pcuser/articles/1210/26/news133.html こりゃ、さらによくわからないなぁと思
“QWERTYキーボード×フリック操作”で入力、タブレット向け新入力インタフェース「Blossom」がスゴい
QWERTYキーボードとフリック入力を組み合わせた入力インタフェース「Blossom」。写真は「f」を押し、文字の選択肢を出したところだ。ここからフリック操作を行えば、文字が入力される。桜の花びらをモチーフにしたデザインを採用し、Blossomという名前をつけたのは、開発者である桜井さんの名前からだ 「タブレットにはタブレットに適する入力UIを」――QWERTYキーボードとフリック操作を組み合わせ、タブレットでの文字入力に最適化したという入力インタフェース「Blossom」が「SFC Open Research Forum 2012」（11月22～23日、東京ミッドタウン）で展示されていた。 Blossomは、日本語ローマ字入力用のインタフェースだ。スマートフォンなどでよく見られる、フリック動作を使う日本語入力は「か」のボタンを押してフリックし、か行のかなを入力するのが一般的なスタイルだが
「Windows 8のUI、ユーザビリティを抑圧」：UI専門家が批判
ユーザーインターフェース（UI）デザインの専門家であるJakob Nielsen氏は、「Windows 8」で目にしたものに全く満足していない。Nielsen氏は同OSを「見当違い」の製品と呼んでいる。 あらゆる種類のUIの分析にキャリアの大半を捧げてきたNielsen氏（最も著名なものにはウェブアニメーションを実現する「Flash」ソフトウェアが含まれる）は、新しいWindows 8のUIは「必要な機能を隠して、巨大でカラフルなタイルを表示することによって、ユーザビリティを抑圧する」と述べる。 Nielsen氏は、12人の「経験豊富なPCユーザー」を招いてPCと「Surface RT」タブレットの両方を試してもらうことで、そうした結論に達した。その調査の中で、タブレット向けの「Start」画面と従来のものに近い「PC向けのデスクトップ画面」を含む同OSのいわゆる「二重性」に対し、ユーザー
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Engadget | Technology News & Reviews
触れる空中ディスプレイ「DisplAir」、量産へ
タッチの「種類」を検出して新しい可能性を切り拓く技術『Qeexo』 | 100SHIKI
