スマホUI考（番外編） 顧客やユーザーの要望に全て対応すると、アプリは99%破綻する | fladdict
顧客や上司、ユーザーの場当たりな要望に対応しつづけると、どんなアプリもゴミアプリになる。たとえそれが理にかなった要望であっても。 なぜなら面積の限られたスマホでは「一画面の機能数とボタン数」が、使い易さと品質に深くリンクしているからです。 ということを、エラい人にプレゼンするのがお仕事の今日この頃。でも毎回毎回、同じことを説明するのがシンドイので資料をブログにまとめたいなぁと思うなど。 思考実験として、ここでは架空事例としてTwitterアプリを例に考えてみる。 何かの間違いで、日本の大手メーカーがTwitterを買収すると・・・UIデザイナーが体を張らないと99%ぐらいの確率でこうなるのです。 ここがオリジナル Request1: ダイレクトメッセージをトップ階層に ユーザーからの真っ当な要望。実際にはサービスの本質ではないのですが、要望はかなり多いはず。 ただTwitter社的にはme
Android端末をPCのトラックパッドやジョイスティックにする「DroidPad」
PCの操作にマウスよりもトラックパッドを好む人も多いことでしょう。そのために、デスクトップPC用にトラックパッドを購入する方も増えているのではないでしょうか。 今回はトラックパッドやジョイスティックを買わなくても、Android端末から実現できてしまうアプリをご紹介します。このアプリはWindows、Android OS、Linuxで利用可能です。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! Android端末をトラックパッドやジョイスティックにできるアプリ 「DroidPad」は、Android端末をデスクトップPCのトラックパッドやジョイスティックとして利用できるようにするAndroidアプリ。 プレゼンテーション用のリモコン機能も備えていて、パソコンの操作をより快適なものにしてくれます。
アイトラッキングなら一目瞭然！新「はてなブックマーク」が何となく見づらい理由 | マミオン有限会社-パソコン・数学研修、法人研修
先日リニューアルされた「はてなブックマーク」。 大幅なデザイン変更に対し、ネット上では賛否が分かれているようです。 【参考記事】 ・はてなブックマークのリニューアルがいけてない5つの理由 - enator's blog ・はてブリニューアル賛成論 個人的には「あぁ、見づらくなっちゃったな…」と感じましたが、何となく不満を訴えても仕方がないので、今回はその原因をマミオン得意の「アイトラッキング分析」を用いて考えてみることにしました。 綺麗な「F字型」を見せる旧デザインまずはリニューアル前のデザインについて分析ができればよかったのですが、時すでに遅し。代理として、以前のデザインに近い以下のサイトで分析を行ってみました。 Hatebu::Classic - 見慣れたデザインのはてなブックマーク 被験者は、30代男性である筆者1名です。いつものように、ホットエントリーをチェックする行動を行った結果
タスク管理ツール “Toodledo” がかなり良い！！
今までの環境の問題点 今まで僕はメインのタスク管理ツールとしてNozbeを、そしてサブ・ツールとしてOmniFocusを使っていた。 どちらもそれぞれユニークで便利なツールなのだが、今までの環境にはいくつか問題があった。 僕が感じていた問題は以下のとおり。主にNozbeで感じていた問題点。 タスクリストの一行が高くて一覧性が低い カレンダー表示にした時順番が揃わない サブタスクが作れない 繰り返しタスクの取り扱いが苦手 作業時間設定の融通がきかない では、順番に見ていこう。 タスクリストの一行が高くて一覧性が低い Nozbeは一行ごとのタスクに妙に厚みがあるため、ずらっとタスクが並ぶとすごく見にくくなってしまう。 最初はこのUIが好きだったのだが、本格的に使い始めたらずらーっと縦に伸びてしまい管理がすごく難しい。 スクロールしないと全体像が見えないのは不便。またフィルター的機能がないのも痛
日本でFacebookの普及を妨げているのは、実名主義ではない、かもしれない - in between days
ちょっと前からFacebookについて感じていたことを脳科学者の茂木さんがいみじくも語ってくれていた。ブクマのコメントでもそれに賛同する意見が多数寄せられているので、合わせてリンクを貼っておく。 茂木健一郎 クオリア日記: Facebookの謎 そのブクマ おそらく話のポイントはココだとおもう。茂木さんのブログを引用する 日本でFacebookが伸びない理由を、日本のウェブの匿名文化と結びつけて論じる人もいる。しかし、私には、それが本質だとは思えない。 Facebookのインターフェイスが、まず私にはよくわからない。一時期のウィンドウズに対して抱いていた違和感と同じように、「ごみごみした」「整理されてない」印象を受ける。 前半はまさに同意見だ。匿名／実名は実はそれほど大した問題ではない。Facebookをしばらくやっていればわかるが、実名主義を徹底して主張しているのは、つまり際限のない匿名
TechCrunch | Startup and Technology News
Meta will soon officially permit users as young as 10 to use its Meta Quest 2 and 3 VR headsets — if their parents say it’s okay, anyway. In a blog post, the tech giant says that there’s Nikola Corp. is laying off 270 employees, or about 23% of its workforce, and restricting its electric truck efforts to North America as it seeks to preserve cash. The company said Friday it will lay o
美しいワープロ - Ommwriter - Radium Software
Ommwriter.com 昨今のテクノロジーは人から集中力を奪う傾向にある。 画面上に幾つも開かれたウィンドウは，複数の作業の同時進行を可能にするが，それらの作業を切り替える度に，人の思考の流れは中断されている。ウェブやメール，メッセンジャー等のテクノロジーは，コミュニケーションの形を様変わりさせたが，それが集中の妨げになっていることは，それを利用する誰もが自ずから認識しているはずだ。 今後もコンピューターの上で，インターネットの上で，様々なテクノロジーが生まれていくことだろう。果たしてそれらのテクノロジーも，人の集中力を奪い続けることになるのだろうか。 Ommwriter は，その反証となるべく製作されたワードプロセッサーだ。「人の集中力を高めるためにテクノロジーを使うことはできないだろうか？」という問いに対する答えが，このアプリには込められている。 Ommwriter はフルスクリー
アメリカのどこかの大学だったと思うのですが、キャンパスの設計についてです。…
アメリカのどこかの大学だったと思うのですが、キャンパスの設計についてです。 最初に建物だけを建てて、歩道は作らずにキャンパス全体を芝生にして 一定の期間がたったあと人が歩いて芝生が無くなった獣道を元にして歩道を設計した大学があったと思うのですが それは何大学なのでしょうか。
やってしまいがちなユーザビリティのミスとその解決方法
ユーザビリティでやってしまいがちなミスや見落とされがちな10の罪とその解決方法をLINE25から紹介します。 10 Usability Crimes You Really Shouldn't Commit 下記は、やってしまいがちなユーザビリティの10のミスとその解決方法を意訳したものです。 はじめに 1. ラベルがないフォーム 2. トップページにリンクしないロゴ 3. 訪問済みリンクの指定がない 4. アクティブなフィールドが明示されない 5. altの記述がない画像 6. 背景色がない背景画像 7. 長い長いテキスト 8. 下線付きだがリンクではない 9. ココをクリック 10. 均等割付「justified」の使用 はじめに ここで紹介している10のユーザビリティのポイントは、ありがちなミスだったり見落とされがちなものを集めました。 あなたのウェブサイトのユーザビリティを拡張する手
jQselectable : make selectbox so useful
jQselectable : make selectbox so useful > project home change skins：selectable | natural Default selectbox 1) 都道府県適用前 2) 都道府県 optgroupあり、selected属性なし、selectable 3) 都道府県 optgroupあり、selected属性あり、selectable 4) 都道府県 optgroupなし、改行指定、selectable 5) 日付、改行指定、selectable 年 月 日 Simplebox 6) 都道府県 optgroupなし、simpleBox 7) 日付、simpleBox 年 月 日 Using Callback 8) セレクタ、Callback
カードを使って簡単にユーザニーズを探る方法 (ユーザビリティ実践メモ)
「サイトの画面設計やデザイン性はそれなりに良いのだが、肝心の中身、コンテンツが足りていないので強化したい。けれどどんなコンテンツがユーザから求められているのか分からない…。」 今回はそんな時に役立つ調査手法の1つとして、「カードソーティング」をご紹介します。 メリット この手法の最大のメリットは、実際に物を作る前であっても、ユーザの行動観察ができることです。 カードという刺激物を与えて、それに対してユーザがどのように行動するかを見ることができるため、「どんなものが見たいですか？」、「○○というコンテンツがあったら見たいですか？」といったインタビューよりもはるかに意味のある検証が可能です。 また、ユーザと面しているため、仕分け結果の理由をすぐに尋ねることができるのもメリットです。具体的にどのようなものを期待したのか、なぜ見たくないのかなどを尋ねられるため、その場で疑問を解消し、さらに深掘りす
顧客を逃してしまう、Eコマースサイトの15のポイント
Eコマースサイトの設計・制作時の間違いで、顧客を逃してしまう15のポイントと解決方法をSmashing Magazineから紹介します。 15 Common Mistakes in E-Commerce Design 下記は、そのポイントと解決方法を簡潔にしたものです。 原文ではキャプチャ入りで詳細に解説されています。 商品の詳細な紹介ページが無い。 商品の外観・材質・重量・寸法など詳細な情報を提供します。 連絡する手段が分かりにくい（提供されていない）。 ウェブサイトの全ページの見つけやすい場所に連絡に関する情報を掲載します。 購入のフローが長すぎる（分かりにくい）。 シンプルなレイアウトにし、入力→確認→完了のようにフローを簡潔にします。 購入時にサイトへの登録を必須にしている。 登録無しでも購入できるようにします。登録を入れる際は最後にオプションでいれます。 サイトの検索機能が役に立
User Heat : どこが読まれているか見える！無料ヒートマップ・ツール
ヒートマップとは ヒートマップとは、温度を色で表すサーモグラフィーと同様に、ユーザーが注目している閲覧場所を赤緑青といった色で可視化する技術です。ユーザーのページ内行動を、マウスの動きから推定しています。 たとえば、 「ページをどこまで読み進めたのか(終了エリア)」「ページのどの位置を長く読んだのか(熟読エリア)」「ページのどの位置をクリックしたのか(クリックエリア)」を見える化します。これを利用すると、「読んでほしいのに読まれなかった箇所」、「意外とクリックされているリンクやボタン」「クリックしてほしいのにされていないリンクやボタン」などを発見でき、従来のページビュー(PV)やユニークユーザー数(UU数)などのアクセス解析だけではわからなかった改善点を、素早く浮き彫りにできます。 終了エリア 熟読エリア クリックエリア ヒートマップのメリットはどんなものですか？ ヒートマップツールを使う
ユーザーからのお問い合わせメールでハッとさせられたこと
運営しているサービスを利用してくださっている方から お問い合わせのメールをいただくと、 たまにハッとさせられることがある。 その中から衝撃的だったのをひとつ。 そのサービスはログイン時に メールアドレスとパスワードを入力してもらうやつなんだけど、 それについてこういうお問い合わせが。 メールアドレスを2つ登録したいのですが メールアドレスによってユーザーを識別しているので メールアドレスを2つ登録しちゃったら それぞれが別ユーザーになっちゃいます。 もちろん1ユーザーに2つのメールアドレスを割り当てるよう システムを修正することも可能ではありますが いったい何のために2つ登録したいのか聞いてみると 会社のアドレスで登録してるんですが、家でも使いたいので なるほど！ メールアドレスというのはもともと識別子の集合に過ぎないし ウェブサービスのログインに使う場合にはもう 単なるユニーク文字列でし
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
タブレット用の絵筆「Sensu」
Engadget | Technology News & Reviews
IDEA * IDEA
IDEA * IDEA
IDEA * IDEA
http://www.designwalker.com/2009/08/usability-test.html
