実案件から学んだ、本当に役立つUIデザインの法則50 ユーザビリティチェックリスト総集編｜i3DESIGN Designers
「ユーザビリティチェックリスト」ということで、UIデザインの「あるある」を取り上げ、改善案とセットでまとめています。 今回は、10のヒューリスティクスをもとに分類してみました。10のヒューリスティクスについては、以前記事にまとめています。 具体的な事例を一緒に取り上げ、よりわかりやすく解説していますので、こちらもあわせてご覧ください。 また弊社ホームページにて、ユーザビリティチェックリストをダウンロードいただけます。こちらも合わせてご活用ください。 1. システムステータスの可視化（Visibility of system status）1-1. 入力項目が多いときはステップを分けるフォームの入力項目が多い場合は、項目をグルーピングして画面を分割しましょう。 フォームが長すぎると、ユーザーは入力を途中で辞めてページから離脱してしまうかもしれません。 その上で、ステッパーを設置して現在の進捗
ウェブユーザビリティ向上を支援するWebsite Usability Info
ウェブをはじめとするデジタルコンテンツの、ユーザビリティ、アクセシビリティ、情報設計 (IA) に関する話題をマイペースに発信。世の中のサイトやアプリがあまねく、インクルーシブで使いやすいものになることを願って。 Accessible & Usable では、ウェブサイトやアプリケーションのアクセシビリティ向上を支援させていただきたく、お仕事のご依頼、ご相談を承っております。詳しくは「お仕事のご依頼・ご相談」をご覧ください。 † 新着記事 † The WebAIM Million (100万のホームページに対するアクセシビリティ自動検証) : 2024年の調査 公開日 : 2024年4月11日 カテゴリー : アクセシビリティ 米国の非営利団体 WebAIM が実施した、「The WebAIM Million」という調査があります。メジャーどころの100万ウェブサイトを採り上げ、各サイトの
アクセシビリティに配慮したWebデザイン ギャラリー・サイト AAA11Y（Accessible Website Gallery）
A最低限の基準です。この基準を達成しないとWebサイトを閲覧できない人が存在しうるとされます。 AA望ましい基準です。この基準を達成すればWebサイトの閲覧が困難なケースは多くないとされています。 AAA発展的な基準です。この基準を満たすと最も閲覧しやすいWebサイトと言えます。
HARKEN
................................................................................................................................................................................................................................................................................................................................................................................................................
高齢者向けサービスにおけるUIデザイン｜『高齢者のためのユーザインタフェースデザイン』の書評
現在、本業・副業ともにWEBデザイナーとしてデザイン・コーディングをしているゆるけーです。 本業で携わっているWEBサービスが割と高齢者向けのサービスで、ITリテラシーやUIが今の自分と考え方が異なるよなーと思っているなか、『高齢者のためのユーザインタフェースデザイン』という書籍に出会いました。 高齢者関係なく普通にアクセシビリティの観点でも重要な視点がたくさんあり、とてもいい書籍だったので、ざっくり大事だと思った箇所を抜粋しつつ自分で探した事例等をざっと記事にまとめていきますー。 視覚 高齢者になると視力が低下する傾向があります。ただ、視力の低下＝フォントを大きくするだけではありません。 視力の低下は老眼や光覚の減少などより複雑です。 主な視力の低下の具体例は以下のような点。 老眼：近く・遠くのものの焦点が合わない 周辺視野のぼやけ：画面の端に気づきにくい 中心視野の損失：画面の中央が暗
スマホのタップ操作の成功率を算出するモデル ～ UIデザインにおけるユーザビリティの推定
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは。Yahoo! JAPAN研究所で快適に操作できるUIを作るといったインタラクション分野の研究をしている山中です。 この記事では、リンクやボタンの大きさに基づいてタップの成功率を推定するモデルについて解説します（国際会議ISS 2020で発表した研究成果です [1]）。 このモデルを活用すると、アプリやウェブページのデザインをするさいに、デザイナーが経験的にボタンやリンクの大きさを設定するのではなく、「リンクがこの大きさであれば95％の確率でタップできるから十分だ」などと操作性に基づいてユーザインタフェース（UI）を設計できるようになります。 タップの成功率を推定できると何が嬉しい？ スマートフォンやタブレットPC向けの
店頭デジタルスクラッチでLINE友だちを増やす！サマンサタバサのキャンペーン【FARO スクラッチ導入事例】
キャンペーンの企画では、魅力的なインセンティブとともにお客様が自ら参加したくなるような仕掛けが大切です。 ADDIXが提供する「FARO SCRATCH（ファーロスクラッチ）以下、FARO スクラッチ」は、スマホ画面を指でこすってスクラッチに挑戦できるキャンペーンツール。デジタルの手軽さと、指で削るというアナログな動作の楽しさが融合されており、多くの企業・ブランドで採用されています。 このFARO スクラッチが、2018年11月から実施された株式会社サマンサタバサジャパンリミテッド（以下、サマンサタバサ）の「25周年キックオフ・プレ発表会ご招待キャンペーン」にてキャンペーンツールとして採用。キャンペーン導線に「サマンサタバサ公式LINEアカウント」の友だち追加を組み込むことで、LINE友だち数の増加にも貢献しました（※）。FARO スクラッチを活用した、サマンサタバサのキャンペーン事例をご
近未来を感じる！インタラクションデザインとは
インタラクションデザインとは、論理的かつ考え抜かれた動作と振るまいを備えた、魅力的なWebインターフェースをデザイナーが作るプロセスのことです。実際のアプリを実例に紹介しながらインタラクションデザインの概念についても理解しましょう。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査 本稿は、Designmodeのブログ記事を、了解を得て日本語翻訳し掲載した記事になります。また本記事はCarrie Cousins氏によって投稿されました。 「イ
効果的なUXライティングのための16のルール | UX MILK
Nickはロシアのセントピーターズバーグ出身のソフトウェアデベロッパー/ブロガーです。彼による他の記事はこちらをご参照ください。 UXライティングとは、プロダクトとユーザー間のインタラクションを支援し、プロダクト内のユーザーを導くUIのコピーライティングのことを指します。UIのコピーには、ボタンやメニューラベル、エラーメッセージ、セキュリティの注意喚起、利用規約、その他のプロダクト使用に関する指示などが含まれます。 UXライティングの主な目的は、ユーザーとデジタルプロダクトのコミュニケーションを解決することです。この記事では、効果的なUXライティングに関する実践的なヒントを提供します。 ※編注：当記事はあくまで英語におけるUXライティングについての紹介になります。 なぜUIのテキストをいじることがデザインプロセスにおいて重要なのか 多くの場合、プロダクトの開発者は、UIのテキストをプロダク
優れたダッシュボードをデザインするための10のガイドライン | UX MILK
Neilは、イギリスのAstraZenecaで働くUXデザイナーです。現在さまざまなUXデザインのプロジェクトを率いています。 もしあなたがプロの自転車競技に詳しければ、「アシスト（Domestique）」という用語を聞いたことがあるでしょう。馴染みがない人に向けて説明すると、アシストとは自転車競技のチームにおける選手の役割を指します。「Domestique」はフランス語で「下僕」という意味です。 アシストの選手は、水のボトルをチームの車から集めてほかのチームメイトに渡すという役割を担っています。また、チームの車が近くにいないときに先頭選手の自転車が故障したら、自分の自転車や予備のタイヤを渡します。さらに、遅れているメンバーがいれば、先頭集団に追いつくまで彼らを牽引し、追いついたら自分はペースを落とします。このようにアシストの選手は無欲にひたすら奉仕し続けます。決してアシスト自身がレースに
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
スタートアップにおけるデザインの重要性 デザイン会社 ビートラックス: ブログ
多くのスタートアップが、サービスアイディアやテクノロジーを中心にビジネス展開するケースが多い。 他の企業が行っていないサービスを提供しようとするのはとても良いが、実は大きな成功と無惨な失敗とを分けるのは上記の2つの要素ではない。 実のところ、その決定的要素とはデザインである。 それはなぜか？ 単純に考えると、ユーザーにとってのサービスの価値は、その裏にあるテクノロジーやロジックではなく、使い易さや見た目の良さであるから。 テクノロジーよりもデザインで差別化を図る時代得に、昨今のオープンソースやクラウド環境、AIテクノロジー等の充実により、多くのスタートアップの勝敗を分けるのはコアテクノロジーではなく、見せ方や使わせ方になってきている。 言い換えると、サービスを通して得られる体験やフィーリングの質こそがその製品の価値を左右する。 そして、最終的にはデザインこそがビジネスの結果に影響を与えるの
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
