fladdict » スマホのUI考 〜 ボタンについて
SuperPopCamとか作ったときに、体系的な資料欲しいなぁーとか思ってたことのまとめ。 色々と自分の中の考えをまとめるためのメモ。世の中のアプリは機能を半分にして、減った予算分をUIの練り込みにつぎ込んだ方が絶対よいアプリになると思う。 書いてる作業が一番考えまとまるので、ちょぼちょぼあげていこうかと、まずはボタンから。 指の大きさの制約を受ける ・Webとスマホを比較した場合、最大の違い。 ・ピクセル単位でクリック位置を制御できるマウスポインタと違い、指は大雑把にしかタップ位置を指定できない。 ・このためAppleはボタンの最小サイズとして44pxというガイドラインを作っている。 ・視覚的に44px以下のボタンも実際のヒットエリアは大きめにする。 ・またこれに留まらず、ボタンとボタンの間のマージンは空けられるだけ空けた方が安全。 ・つまるところ「カッチリ」つめたボタンレイアウトのグラ
nanapiの初期バージョンに検索窓がなかった理由 : けんすう日記
はじめに 【仕事における８０：２０の法則】個人・企業のパフォーマンスを最大限に高める方法 | [b] bizMode｜世界のデジタルトレンドを読む というブログの中で nanapiというレシピサイトがありますが、c/o時は全然機能がなく、レシピを探せませんでした。果たして、カットオーバー時点において、レシピ検索機能は備え付けておく必要があったのでしょうか？また、個人ページにも全く機能性はありませんでしたが、今はどうでしょう？十分パワーアップしています。 そこに、多くの問題が発生したでしょうか？していません。 少しの問題は発生していましたが、プロダクト価値を脅かすものではありません。 徹底的に８０％にこだわり、重要なポイントは、十分に抑えられていたと思います。 こんな記事で紹介してもらったので、ちょっと書いてみます。記事内では、最初は検索結果に対しての工数をさかずにあとで回した、というニュア
資料請求を増やす、当たり前（でもとっておき）の秘策（前編） | 実践編
訪問者の半数、5,000人が見込み客と考えてみよう。つまり、資料請求を増やすための大きな戦術としては、 直帰している訪問者のうち、見込み客になる人を帰らせないようにするサイトを何ページも見ている人が資料請求に進むようにするということになるだろう。 資料請求する人の気持ちのなかにある“警戒感”資料請求をする、というのを訪問者側の立場で考えると、どんなものになるだろう。一般的に資料請求はフォームを使って行われる。つまり、会社名、部署名、氏名、所番地、電話番号、メールアドレスなどを書き込まなければならないのだ。 物理的には資料を宅配してもらうために、所番地や電話番号も必要なのだが、もしかすると、ここで所番地を書いたがために、ダイレクトメールががんがん届くようになるかもしれない。電話での営業攻勢が始まるかもしれないのだ。個人情報の扱いが粗くて、どこかに漏れ出す危険もあるだろう。そう思うと、入力する
ワイドディスプレイの普及でWebの文字が大きくなる？ | 初代編集長ブログ―安田英久
今日は、ワイドディスプレイの普及とディスプレイの高精細化が進んでいることを考慮して、改めてWebサイトに適切な文字サイズを考えてみましょう。 あなたのサイトでは、本文の基本文字サイズを何ピクセルにしていますか？ その文字サイズは、訪問者にとって見やすいサイズですか？ 二昔前は、小さな文字のオシャレなページが流行っていましたが、ここ数年は「見やすい文字サイズ」を選ぶようになっていますね。ヤフーやアサヒコムなどの代表的なサイトでは、本文16ピクセルを基本としているようです。 実はこの「ピクセル」というサイズ指定は、絶対サイズではありません。というのも、どんなディスプレイでどう表示されるかによって、実際の表示サイズが変わるからです。 ちなみに、16ピクセルの文字は、XGA（1024×768ピクセル）の15インチ液晶では4.8mmの大きさになります。手元にあった新聞の本文文字サイズを測ってみると1
色だけで情報を伝えず、形や文字で「冗長性」を加えたプレゼンテーションのデザイン - 色盲の人にもわかるバリアフリープレゼンテーション法
–1– –2– –3– A B –4– 20 40 60 80 100 その他 オーストラリア 韓国 EU(EC)諸国 ASEAN諸国 西アジア諸国 中国 アメリカ合衆国 1998年 1975年 日本の貿易相手国の変化 20 40 60 80 100 1998年 1975年 アメリカ合衆国 その他 西アジア諸国 オーストラリア EU(EC)諸国 ASEAN諸国 中国 韓国 日本の貿易相手国の変化 ○ × × × ○ ○ -3 -2 -1 0 1 2 3 4 5 6 7 8 94 年 93 年 92 年 91 年 90 年 89 年 88 年 87 年 86 年 85 年 日本 イギリス アメリカ ドイツ（旧西ドイツ） 国内総生産の成長率（93・94年は見込み） -3 -2 -1 0 1 2 3 4 5 6 7 8 ドイツ（旧西ドイツ） アメリカ イギリス 日本 94 年 93 年 92 年
【海外事例に学ぶ】「会員登録はこちら」を用いない会員化シナリオ (ユーザビリティ実践メモ)
今回は、A List Apart.掲載のLuke Wroblewski氏による記事、"Sign Up Forms Must Die"をご紹介します。 ユーザにウェブサービスを提供する上で、まずは「会員登録」を求めることはよくあることだと思いますが、今回は、「まずは会員登録」から始めずユーザの会員化を実現する方法についての記事です。 旧来の「まずは会員登録」の事例： 動画共有サイトの一つ、 Google Video( http://video.google.com/)を例にとります。ユーザはGoogle Videoに訪問し、色々な動画を見ていく中で、自分もウェブ上に動画を公開してみたいと思います。そこで、「ビデオをアップロードする(Upload Video)」を押すと、その機能を利用するためのアカウント作成を初めに求められ、以下の会員登録ページにたどり着いてフォームへの情報入力を求められます
会員登録の敷居を下げる入力フォームの作り方(PC編) - キャズムを超えろ！
本エントリは、20〜40代のPCをある程度使いこなしているユーザー向けの会員登録フォームの設計について述べたものである。ケータイサイトは含まないし、シニアも対象としていない。シニア向けUIについては(古いエントリだが)こちら "ユーザーID"と"メールアドレス" 減ってはきたものの、ユーザーIDとメールアドレスの両方を取るWebサービスがいまだに結構ある(ex. Remember the milk)。はてなやYahooAuctionのように「ユーザーIDがニックネームに相当するコミュニティサイト」は除くとして、ユーザーIDを一般客に公開しないにも関わらずIDとメルアドの両方を取る意図がわからない。 ユーザーIDとしてメールアドレスを使うメリットは 会員登録フォームの入力必須箇所が1個減る 好みのIDが取れない事件が防げる "ID忘れ"による機会損失/幽霊会員が減る 流石に自分のメアドは忘れ
The Web KANZAKI -- Japan, music and computer
こんにちは。音楽に関するいくつかのメモや、ウェブ上での情報の共有や活用に関する参考情報があります。 The English only TOC page also available. 音楽の話 ロジャー・ノリントンの話 交響曲に関するいくつかの情報 歌詞／テキストと音楽（レクイエム、ミサ曲、第九、大地の歌、ツァラトゥストラなど） NMLで聴いてメモした曲リスト 古いもの ... show 音楽雑記帖 コントラバスの話 インターネットやコンピュータの話 セマンティック・ウェブ (ジャパンサーチ非公式サポート、グラフ視覚化、画像注釈とIIIF、LD Browser) いくつかの講演スライドそして専門誌/論文誌記事など アクセシビリティおよびごく簡単なHTMLの説明 OWL語彙の実験・提案、その他いろんな試みの記録 古いもの ... show ちょっとしたメモ（主に2003～2008） ハイパー
認知的ウォークスルー: DESIGN IT! w/LOVE
不確実な時代をクネクネ蛇行しながら道を切りひらく非線形型ブログ。人間の思考の形の変遷を探求することをライフワークに。 認知的ウォークスルーは、ユーザビリティ・インスペクション（ユーザビリティ評価）の手法の１つで、テストルームで行うユーザビリティテストなどとは異なり、実際のユーザーを使わずに専門家による分析的評価を行う方法です。 認知的ウォークスルーとはウォークスルーとは、芝居の立ち稽古のことで、衣装や舞台装置を使わなず普段着で台本を片手に行う稽古を指します。 認知的ウォークスルーも同じように、事前にマニュアルを読んだりトレーニングを受けたりすることなく、使いながら操作を理解していく際の認知モデルである探査学習理論に基づき、ユーザーが実行するタスクの各プロセスごとに、以下の4つの探査学習ステップをそれぞれ評価していきます。 目標設定：ユーザーはいま何をするかを設定する探査：ユーザーは目の前の
色覚異常 - Wikipedia
赤と緑のリンゴの見え方の違いのイメージ 色覚異常（しきかくいじょう）とは、ヒトの色覚が正常色覚ではない事を示す診断名である。別の呼び方として小数色覚（しょうすうしきかく）や、1990年代に眼科医の高柳泰世らが提唱した色覚特性（しきかくとくせい）、またはカラーユニバーサルデザイン機構が提唱する色弱者（しきじゃくしゃ）などがある。なお、日本では2004年以前は眼科の診断名として「色盲」「色弱」という呼称が使われていたが、2005年に日本眼科学会によって正式に廃止され、これらの用語は現在では基本的に歴史的な文脈でのみ使われる用語となっている[1]。 概要[編集] 2017年には日本遺伝学会が、ヒトが持つ多様な色覚に着目した「色覚多様性」という概念を提唱し、色の見え方はヒトによって多様であり、色覚異常は「異常」ではなく、ヒトにおける色覚の「多様性」の1つであるとした[2][3]。 一方で、正常色覚
ウノウラボ Unoh Labs: ECサイトのユーザビリティ・ガイドライン
こんばんわ、Sashaです。 最近、ECサイトのリニューアルを計画するお手伝いをする、という仕事がありました。特にユーザビリティ的な観点から、どんなことを網羅したらこのリニューアルを成功させることができるだろうか、ということを考えながら、様々なブログを参考にしたり実際のECサイトを検証したりしていたら、以前私が紹介したユーザビリティ・ガイドラインのようなチェックリスト的なものが出来上がったので、もしかしてどこかのだれかのお役に立つこともあるかもしれない、と思い、ここに紹介させていただきます。 まず、ECサイトで実現したい基本的な目標をあげ、その目標に沿って細かく、網羅していきたい事を列挙していきました。 基本的な目標とは、次の5項目です。 見つけたい商品・情報を見つけやすくする ユーザーの労力を極力削減する 買いたい気にさせる 購入までのプロセスを簡単にする オンラインショッピング
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
モバイルサイト構築のユーザビリティいろは コーナーの記事一覧 | Web担当者Forum
ユニバーサルデザイン - FUJITSU Japan
ユーザビリティコラム：Jakob Nielsen博士のAlertbox