モバイルファーストのウェブデザインがデスクトップに及ぼす悪影響
モバイルファーストのウェブデザインは、デスクトップで閲覧する際に重大なユーザビリティ上の問題を引き起こす。長いスクロールページにコンテンツが過度に分散され、余白が広がり、画像やフォントが拡大されるため、ユーザーが情報を把握し、理解することが難しくなるのである。 The Negative Impact of Mobile-First Web Design on Desktop by Kim Salazar, Tim Neusesser and Nishi Chitale on October 13, 2023 日本語版2024年2月6日公開 最近のウェブサイトの多くは、モバイルファーストなアプローチでデザインされている。こうしたページをデスクトップデバイスで表示すると、コンテンツが過度に大きく引き伸ばされて見えることがある。画面を覆い尽くすような画像、肥大化したテキスト、過剰な余白のせいで、
ユーザーインタフェースデザインのための10ユーザビリティヒューリスティックス
ヤコブ・ニールセンのインタラクションデザインのための一般的な原則。これらの原則は幅広い経験則であり、具体的なユーザビリティガイドラインではないため、「ヒューリスティックス」という。 10 Usability Heuristics for User Interface Design by Jakob Nielsen on November 15, 2020 日本語版2021年4月12日公開 この記事の最後で、ヤコブの10ユーザビリティヒューリスティックスの無料ポスター（英語）をダウンロードできる。 1. システム状態の視認性 デザインは、妥当な時間内に適切なフィードバックを通じて、今、何が起こっているのかを絶えずユーザーに知らせる必要がある。 ユーザーが現在のシステムの状態を把握できれば、彼らは自分がそれまでに行ったインタラクションの結果を知り、次のステップを決定することができる。予測可能
5人のユーザーでテストすれば十分な理由
手の込んだユーザビリティテストはリソースの無駄づかいだ。最高の結果を得るためには、5人以下のユーザーでテストし、小規模なテストを余裕のある限りたくさんやることだ。 Why You Only Need to Test with 5 Users by Jakob Nielsen on March 19, 2000 ユーザビリティはお金がかかって複雑だ、ユーザビリティテストなんて、よっぽど予算があって、しかも時間的にも余裕があるという、めったにないプロジェクトのために取っておけばいい、と考える人もいるようだ。だが、それは違う。手の込んだユーザビリティテストは確かにリソースの無駄づかいだ。最高の結果を得るためには、多くとも5人のユーザーでテストすれば十分。そのかわり、小規模なテストを余裕のある限りたくさんやることだ。 以前の調査で、Tom Landauerと私は、n人のユーザーでテストしてわかるユ
なぜお年寄りはスマホを使えないのか？ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに 正月に実家に帰ったとき母親にスマホの使い方を教えていて気づいたことのメモ。 お年寄りにスマホを教える立場になったときにこの記事の内容に目を通しておくとよいです。 お年寄り向けのスマホアプリ開発や、逆に未就学児向けにアプリを作るときなどに応用できるかもしれません。 タップできない まず、そもそもタップできない。何気に一番大きな問題。 タップしようとしたときに以下のような現象が起きる。 爪で押してる 強く押しすぎる、画面に触れている指の面積が大きすぎる 狙ったところを押せない 画面に触れた後に指がズレる 触れている時間が長く、長押
ユーザー中心の行政サービス改革--内閣官房が12カ条
印刷する メールで送る テキスト HTML 電子書籍 PDF ダウンロード テキスト 電子書籍 PDF クリップした記事をMyページから読むことができます アドビ システムズとWPPグループのThe Government and Public Sector Practiceは4月11日、電子政府サービスについて実施したユーザー調査の結果を発表した。結果から、ユーザー中心の電子政府が必要であることを説明した上で、内閣官房など国や大学関係者がそれを実現するための施策を紹介した。 アドビの政策渉外担当シニアマネージャーの西嶋美保子氏によると、オーストラリアでAdobeが調査したところ、1トランザクションにかかるコストは、「対面」での対応が16.9オーストラリアドルに対して、「オンライン」では0.4ドルであることが分かった。また、英国では電子政府にシステム移行したところ、2014年の1年間で17億
電車の混雑をデザインで解決したい！吊革・ドア・座席・床のデザイン変更案など
滝川クリティカル @TakigawaCritica オレンジの人は「中ほど」がどこなのか分かっていないし、そもそも「電車の中ほどへお進みください」という車内放送がなぜ流れているかも分かっていない。 例えばゲーマーだとこのトップビューのミニマップ的な認識できる人多いけど、全員が同じような能力を持っているわけではないし（続く 2017-07-09 21:40:10 滝川クリティカル @TakigawaCritica 続き）補足に書いたけどマナーで解決しようとするとコストが高すぎる。方向音痴を教育によって撲滅しようとするようなものだ。 「自然に中へ進みたくなる」ように設計するべきなんだと思うけど、意外に思いつかない 2017-07-09 21:41:42
ヤフーが「パスワード」と“決別”する本当の狙い
ヤフーは4月20日、Yahoo! JAPANが提供する各サービスでパスワードを使わないログイン方法の導入を開始した。この第1弾として、iOS版「Yahoo!パートナー」アプリにおいて、スマートフォンなどのSMS（ショートメッセージサービス）を使って本人確認する方法を採用した。今後は生体認証によるログインなども検討していくという。 国内最大のポータルサイトを運営するヤフーがしたこの決断は、少なからず他社の動きにも影響をおよぼすだろう。なぜ同社は、長年にわたり採用してきたパスワードでのログインと“決別”するのか。プロジェクト担当者であるヤフー IDサービス統括本部IDソリューション本部の森健氏、渡邉康平氏、酒井公希氏の3人にその真意を聞いた。 ヤフー IDサービス統括本部IDソリューション本部 本部長の森健氏（右）、同開発部開発3 リーダーの渡邉康平氏（中央）、同企画部企画2の酒井公希氏（左）
iPhoneの「3Dタッチ」に抱く懸念 ユーザーは機能に気づくことができるか
3D Touchで利用できるPeek（ピーク）。コンテキストメニューのように、よく行う操作を呼び出したりできます（撮影：松村太郎） Appleが発表した次期iPhone、「iPhone 6s」と「iPhone 6s Plus」に採用された新しいユーザーインタフェース「3D Touch」が話題です。新型のiPhoneにおける最大の見どころと評価する人も多いこの機能は、Appleいわく「次世代のマルチタッチ」。タッチパネルの操作では今や一般的になった、複数の指を使ったスワイプやピンチ操作に次ぐ、iPhoneならではの新しい操作です。 指でガラス面を強く押し込むと、押し込んだ強さに応じて「Taptic Engine」が振動を起こし、それと同時にPeek（ピーク／のぞく）やPop（ポップ／飛び出す）と呼ばれる動作を起こせるこの機能は、ソフトウェア（iOS）とハードウェア（iPhone）を一体で開発
守ってはいけない、iOSのデザインルール4つ
ページコントロール（ドット）、ページトップの「送信」、プラス（＋）アイコン、並べ替えアイコンの4つは、テストでユーザビリティ上の問題を引き起こすことの多いiOSデザインパターンである。 4 iOS Rules to Break by Aurora Bedford, Raluca Budiu, Kara Pernice, and Amy Schade on July 9, 2015 日本語版2015年8月31日公開 巨大ソフトウェア会社（たとえば、AppleやMicrosoft、Google）はユーザーとデザイナー双方のためにデザインガイドラインを作成している。 おかげで、デザイナーや開発者側は、恵まれた条件のもとで、きちんとしたものになることが期待できるインタフェースの作成を始められるようになり、まったく新しいUI要素を考案する（そしてテストする）必要がない。 一方、ユーザー側も、すべての
モバイルにおける入力フォームデザインのためのチェックリスト
モバイルデバイス用の入力欄をデザインするときには、14のユーザビリティ要件からなるこのリストを満たしているかどうかをチェックしよう。 A Checklist for Designing Mobile Input Fields by Raluca Budiu on June 14, 2015 日本語版2015年7月10日公開 デザイン対象がWebページであれ、Webベースのアプリケーション（たとえば、SaaS）やネイティブモバイルアプリであれ、基本の構成要素の1つになるのが、ユーザーがテキストを入力する地味なテキスト入力欄である。このウィジェットは大量に利用されているので、その利用自体について、この記事で話す気はない。アプリケーションデザインにおいて、ワークフロー等の全体像に関わる問題は良質なユーザーエクスペリエンスにとって重要であり、指摘する必要のある課題がたくさんあるからである（こうした
入力フォームの工夫 - ワザノバ | wazanova
http://googleresearch.blogspot.com/2014/07/simple-is-better-making-your-web-forms.html 1 comment | 0 points | by WazanovaNews ■ comment by Jshiike | 約2時間前 今回、Googleのチームが、アイトラッキングシステムの利用やユーザインタビューを通じて、入力フォームのユーザビリティについて実験しています。参照しているのは、2010年にスイスのUniversity of Baselのチームがまとめた "20 guidelines to optimize web forms" です。2000年代のアカデミックな研究成果をもとにまとめられたものですが、現在もまだ当てはまるものと、ここ5-10年で変わってきているものがあり、興味深いです。最近は、スマホ
小さい子どもにコンピュータを触らせるということ - ビスケットのあれこれ
ビスケットは，開発して新しい機能を追加したときなど，必ず子どもたちが使っている様子を自分目で見てどんな風に使っているかを見てきます（最近はその暇が無くて他人に任せていたりして，かなりまずいんですが）．3年前くらいの面白いエピソードをご紹介しましょう． ちょうど，Androidタブレットで動くビスケットを開発していて（これはまた一般には配布していません．実験環境だけです），それがどのように子どもたちに使われるか見に行きました．僕としても指で直接操作するタブレットのUIの開発は初めてで．実は，マウスとタッチペンの操作は結構似ています．どちらも，非常に小さいエリアを結構正確にポイントできて，ドラッグもできますから．どちらかというと，ペンの方がドラッグが得意でしたね．小さい子はマウスクリックが全然出来ないとか（ボタンを押すときに指先だけ押すということができないので，手を握ってしまって，その結果マウ
小銭の並び方 - 未解決の文字
前のお店から思ってて、新しいお店もおなじだったから、すっごいモヤモヤすること。 レジスターの中の小銭のポケットは、この絵みたいに並んでる。 左から「１円玉」「５円玉」「10円玉」「50円玉」「100円玉」。 500円玉入れはその上。 ただ順番どーりに並んでいれてるだけなんだけど。 でも、これでレジやってると、この並び方ってあんまりよくない気がしてくる。 急いでレジやってると、受け取った小銭をしまう時とか雑になるからね。 おなじ色のコインが間違っていれられてる、って結構ある。 ５円と10円とか。 50円と100円はしょっちゅう。 片方は穴があいてるけど、レジでバタバタ小銭扱ってると、ちゃんとそこまで見ないから。 だから、間違って入れて、そのまま間違ったお釣り渡して違算がでる、ってこともわりとありがち。 だから私は、小銭の金額順じゃなくて、銀色と銅色と交互に入れましょー、って提案してみるんだけ
スマホ時代の「気持ちのいい情報提供の仕方」はなんだろう？ : けんすう日記
スマホ時代の感覚の違い 最近、元livedoor社長の堀江貴文氏による「TERIYAKI」というアプリがリリースされました。 これは簡単に言うと「おいしいものを知っている人だけが投稿するグルメサービス」という感じで、食べログやRettyなどとはまた違ったアプローチで、お店を探せるようになっています。 月400円という値段ですが、これはかなりアリだなーと使ってみて思いました。 しかし一方で、アプリなら使うけど、PCだと使わなそうだなと思いました。食べログのほうが使いたいと思っちゃう。でもアプリだと、TERIYAKIのほうがいいなあ、と思ったのですよね。 これはなんでだろう？と考えてみたんですが、やはりPCとスマホでは、使う際の感じ方が全然違うからなのかもしれません。 スマホ時代の情報提供の仕方 この前、総アプリDL数が3000万とかいっている、超アプリ作りが得意なコミュニティファクトリーの松
タブレットユーザーが読みやすいと感じるフォントサイズは？【リサーチ】
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
「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ページを開く
待たないトイレのすごい工夫 ノーベル賞理論を応用｜MONO TRENDY｜NIKKEI STYLE
http://www.ogura.blog/entry/2016/06/21/123449
子の薬誤飲、包装で防げ 開封しにくく一工夫 事故原因、たばこ上回り最多：朝日新聞デジタル
大学翻訳倶楽部 on Twitter: "カードの挿入方向とデザインが不一致で最悪だと思う。 http://t.co/8Emb9hfNai"
