おためし受講中

Webアクセシビリティ入門 -ナビゲーション設計-

誰でも、どんな環境でもアクセスできるということは、Webのもっとも重要な特長のひとつです。

この授業では、Webサイトを誰でも、どんな環境でもアクセスできるようにする「アクセシビリティ」の考え方について学びます。アクセシビリティに取り組んで行きたい方や、これからWeb制作について学びたいという方のために、Webアクセシビリティの基礎からはじめ、Web制作の各制作プロセスで実践していく方法についてお話ししていきます。

この授業は書籍「デザイニングWebアクセシビリティ」の内容に沿って進めていきます。書籍をお持ちでない方にも分かるように進めていきますが、書籍をお手元に置いていただくと、予習・復習の役にも立ち、理解しやすくなります。

第3回のテーマは「ナビゲーション設計」です。さまざまな状況でもユーザーが迷わず、きちんとコンテンツにたどり着けるようなナビゲーション設計の基礎を学びます。

学生代表

  • 新井 利佳

    新井 利佳

    スクー放送部

【ノート機能】
授業内容や覚えておきたいポイントなど、ノートに自由に残せます

再生位置挿入 資料挿入
筆記アシスト
ONOFF
    【チャプター機能】
    授業内容をピンポイントでおさえながら
    ご自身のペースで進めることができます
    【前半】授業
    自己紹介&アジェンダ
    03:17  (00:13 ~ )
    ナビゲーションに対するイメージ
    02:09  (03:30 ~ )
    ナビゲーションとは
    02:44  (05:39 ~ )
    ナビゲーションとアクセシビリティ
    05:07  (08:23 ~ )
    ナビゲーション設計の6つのポイント
    00:43  (13:30 ~ )
    ①複数の分類軸をもうける
    02:12  (14:13 ~ )
    ②慣例にしたがう
    03:25  (16:25 ~ )
    ③一貫させる
    05:15  (19:50 ~ )
    ④現在地を示す
    04:30  (25:05 ~ )
    ⑤やり直せるようにする
    06:51  (29:35 ~ )
    ⑥ほかの経路を用意する
    04:41  (36:26 ~ )
    ナビゲーション設計の6つのポイント覚えていますか?
    02:44  (41:07 ~ )
    One More Thing
    04:37  (43:51 ~ )
    設計は「ユーザー中心」が前提
    03:37  (48:28 ~ )
    【後半】質疑応答
    Q:ユーザー側が利用するデバイスを考えた時、コンテンツによっては、ナビゲーション設計の仕方を変えることも必要かと存じますが、設計上のアドバイスはありますか?
    01:45  (52:28 ~ )
    Q:ファセット分類ってなんですか?
    00:55  (54:13 ~ )
    Q:外部リンクを別窓で開く場合に別窓アイコンを付与することの重要性はいかがでしょうか?
    00:37  (55:08 ~ )
    Q:個人的にナビゲーションがよく出来てるなと思うサイトを具体的に教えてください!
    02:13  (55:45 ~ )
    Q:仕様書の書き方やワイヤーフレームの書き方のオススメ授業ありますか?
    00:52  (57:58 ~ )
    お知らせ
      (58:50 ~ )