タグ

web designとIAに関するIndigo_blueのブックマーク (7)

  • シングルカラムから始める情報設計

    横並びは複雑化の第一歩 Webサイトの設計をする際、必ずといっていいほど縦にコンテンツを並べて構成を考えるようにしています。どのような人が、何を求めて Web サイトに訪れているのかというシナリオを基に構成を考えていくわけです。詳細なレイアウトを考えるのではなく、情報の流れが適切であるかどうかを判断するための工程にしています。 パソコン向けの Web サイトデザインの悪い癖のひとつに、「同じくらい重要だったら、横に並べる」というのがあります。広いスペースがあったパソコンが主流の時代ならではのアプローチですが、今は状況が大きく異なります。配信者側にとっての『重要』を出すことは間違っていません。しかし、あれこれ重要だからという理由で隣り合わせにしてしまうと、様々なデメリットが生まれます。 訪問者に迷いが生じる 直接関係のないコンテンツが横に並ぶことで視点の動きが多くなる可能性があります。また、

    シングルカラムから始める情報設計
  • elements_jp.pdf

    Jesse James Garrett jjg@jjg.net 30 March 2000 © 2000 Jesse James Garrett http://www.jjg.net/ia/ Translated by Noriyo Asano

  • Information Architecture 101: Techniques and Best Practices

    What is information architecture?IA is the process of organizing and presenting parts of your business, whether physical or digital, to users in the simplest way possible. IA can apply to anything from blog posts and your website architecture to in-store organization and mobile apps. IA considers three factors — the user, the context, and the content. User: Who is reading or interacting with the i

    Information Architecture 101: Techniques and Best Practices
  • Website Information Architecture: How to Optimize for UX

    By: Peep Laja Published: Apr 24, 2021 | Last updated: Dec 23, 2022 What kind of content should you have on your site? How should you structure the menu? What should be the first-level menu items? One or two menus? What should the menu links be called? This post gives you answers. Website information architecture is no joke, yet the overwhelming majority of businesses structure their site using the

    Website Information Architecture: How to Optimize for UX
  • 様々なサイトナビゲーションとそれらの役割 |https://wp.yat-net.com/name

    Webサイトの中身は情報量が多く広大になりがちです。その為「ユーザーが目的の情報へいかに迷うこと無くたどり着けるか」を考えることが非常に重要なことになってきます。それを解決するのがナビゲーションであり、 我々はWebサイトを構築する段階で様々なナビゲーションパターンから、場面場面に応じて必要な物を選定して配置する必要があります。 今回の記事ではその様々なナビゲーションにはどういうものがあり、それぞれどういう役割を担っているかを解説したいと思います。 1.ナビゲーションパターンについて 2.様々なナビゲーションタイプ 3.まとめ ナビゲーションパターンについて まず初めに、長谷川敦士氏がパターン分類した「7つの主に企業サイトで使われるナビゲーション」を見て行きましょう。 階層型ナビゲーション 機能ナビゲーション 関連ナビゲーション ダイレクトナビゲーション パンくずナビゲーション ステップナ

    様々なサイトナビゲーションとそれらの役割 |https://wp.yat-net.com/name
  • http://webdesignfromscratch.com/website-architecture/ia-models/

  • IAシンキングとは -information architecture- |https://wp.yat-net.com/name

    2013年 04月 19日 IAシンキングとは -information architecture- カテゴリ: IAシンキング タグ:IAサイト構築サイト設計 サイトの設計、情報の整理、SEOUI。Webサイトの構築時に考えるべきことはたくさんありますね。世のWebデザイナーの方やディレクターの方、インハウスの方など、色々な 役割の人がそれぞれの観点から情報を整理したり、競合サイトを調査したりと様々な事をしています。 しかしそれらを行うにあたって明確なフローが決まっているか?と言う割りとそうではなく、多くの人が意識的レベルでそのフローを行なっているのではないでしょうか? それらのフローを意識レベルで行えるということは非常に素晴らしく、欠かすことが出来ないスキルであることは間違いありません。 ですが、プロジェクトに参加するメンバーのスキルやレベルは必ずしも一致しているとは限らない為、ひと

    IAシンキングとは -information architecture- |https://wp.yat-net.com/name
  • 1