タグ

ブックマーク / u-site.jp (5)

  • モバイルファーストのウェブデザインがデスクトップに及ぼす悪影響

    モバイルファーストのウェブデザインは、デスクトップで閲覧する際に重大なユーザビリティ上の問題を引き起こす。長いスクロールページにコンテンツが過度に分散され、余白が広がり、画像やフォントが拡大されるため、ユーザーが情報を把握し、理解することが難しくなるのである。 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日公開 最近のウェブサイトの多くは、モバイルファーストなアプローチでデザインされている。こうしたページをデスクトップデバイスで表示すると、コンテンツが過度に大きく引き伸ばされて見えることがある。画面を覆い尽くすような画像、肥大化したテキスト、過剰な余白のせいで、

    モバイルファーストのウェブデザインがデスクトップに及ぼす悪影響
  • ダークモード:ユーザーの考え方と避けるべき課題

    ダークモードは人気があるが、必須ではない。ユーザーはダークモードを好むが、ダークモードなしでも行動は変わらない。ダークモードをアプリケーションレベルではなくシステムレベルで考えているからだ。ダークモードをサポートする場合は、ダークモードでよくある問題を避けるために、そのデザインをテストしよう。 Dark Mode: How Users Think About It and Issues to Avoid by Tanner Kohler and Amy Zhang on August 27, 2023語版2024年1月15日公開 ダークモードがかつてないほど流行している。少なくともこのトピックに関する多くのウェブデザインの記事を読む限りでは、ダークモードは必要不可欠とさえ思うかもしれない。しかし、ダークモードを完全にサポートし、「うまく活用する」ためには貴重な時間とリソースを必要とす

    ダークモード:ユーザーの考え方と避けるべき課題
  • 優れたデザインの構造分析:4つのサイトの分析

    視覚的に魅力的なデザインは、一貫した文字のスタイルや間隔を用い、視覚的な階層を作り、基礎となるグリッド構造を利用している。 The Anatomy of a Good Design: An Analysis of 4 Sites by Sarah Gibbons and Kelley Gordon on March 5, 2023語版2023年7月12日公開 前回の記事では、その3つのデザインがなぜ優れているのかについて説明した。今回は、さらに4つのユーザーインタフェースデザインを分析し、それらのデザインを魅力的にしているビジュアルデザインの原則について説明する。結局のところ、ものの見た目は、それがどの程度うまく機能するかという知覚に影響するものだからだ。 例その1:快適な編集体験 最初の例は、データ分析プラットフォームのDovetailのものだ。このデザインでは、グリッド、タイポグ

    優れたデザインの構造分析:4つのサイトの分析
  • アクセシビリティを向上させる5つの視覚処理

    アクセシブルなビジュアルをデザインするためには、色のコントラストを考慮すること、色だけに頼らないこと、インタラクティブな要素を識別しやすくすること、画像に対して役立つ代替テキストを提供すること、実際のユーザーでビジュアルをテストすること、が挙げられる。 5 Visual Treatments that Improve Accessibility by Kelley Gordon on October 30, 2022語版2023年5月10日公開 CDC(アメリカ疾病予防管理センター)によると、米国では6100万人の成人が障害を抱えて生活している。障害を持つ人々の数と、アメリカ障害者法(ADA)のWebサイト関連の訴訟の近年の増加を見る限り、これらの人々のためにデザインをすることは不可欠である。また、アクセシブルなデザインは、結果的にユーザビリティを向上させる。Web Content

    アクセシビリティを向上させる5つの視覚処理
  • モバイルプッシュ通知のデザインにおける5つの間違い

    アプリの通知を受け取るようにユーザーに求める前に、その価値を彼らに提示しよう。さらに、何についての通知であるかをユーザーに伝えるとよい。通知は一気に送信してはならない。また、通知は容易にオフにできるようにしておこう。 Five Mistakes in Designing Mobile Push Notifications by Alita Joyce on November 18, 2018 日語版2019年7月11日公開 モバイルプッシュ通知は、適切におこなわれれば、ユーザーに関連のある情報を提供して彼らにアプリの利用を促すことができる。しかし、実装が不十分だと、通知のせいでユーザーがアプリとのインタラクションをやめてしまうこともあるし、さらにひどくなると、アプリ自体を削除してしまうこともある。 スペインのTelefonica Research (Pielot 2018)の調査によると

    モバイルプッシュ通知のデザインにおける5つの間違い
  • 1