Doorkeeper

[5月オンライン講座]4回コースフルパック|他では絶対教えてくれないUIデザイン講座

2022-05-28(土)09:30 - 12:00 JST
オンライン リンクは参加者だけに表示されます。
申し込む

申し込み受付は終了しました

今後イベント情報を受け取る

31,500円 前払い
※この講座は4回分の講座を含んでいます。日程にご注意ください。

詳細

オンライン受講日程:5月28日(土) - 5月29日(日)

第1回 5月28日(土) 09:30 - 12:00
第2回 5月28日(土) 14:00 - 17:30
第3回 5月29日(日) 09:00 - 13:00
第4回 5月29日(日) 14:30 - 18:30

01:UIデザインを高める必須テクニック「ユーザー視点」

作る立場になると考えが及ばなくなる「使う立場のユーザー視点」を、具体的な事例を用いて課題を指摘しながら、わかりやすく実感できる2時間です。

▼講座の内容

◎マスメディアとWEBデザインの違い
◎東京スカイツリーから「わかりにくい」を体感しよう
◎動線と導線の違い
◎カッコいいだけではデザインとして認められない
◎わかりやすいWEBデザインとは?
◎知りたくなる度合いが大切

▼サンプル動画

デザインの本当の意味
ユーザーの知りたい度
導線と動線の違い

▼詳細は下記講座を参照ください。

https://continue.doorkeeper.jp/events/132080

02東京:UIデザインの常識を改める「認知学から学ぶUIの基本」

認知心理学や行動心理学などの客観的なデータを知ることで、説得力があって結果につながるUIデザインの本質的な知識を蓄えられる3時間です。

▼講座の内容

【認知学データから学ぶユーザー視点】
◎人間はそもそも見える範囲に限界がある
◎ある一定量を超えた情報に対して読みたくなくなる心理
◎短期記憶がカギになるWEB閲覧
◎直感的なわかりやすさと使いやすさ

【わかりやすいサイトを作るUIデザインのツボ】
◎ユーザーの潜在的で本質的なニーズをあぶり出す
◎分かりやすいナビゲーションの仕掛け
◎クリック数よりクリックの質
◎男女では情報の捉え方に異なる傾向がある

【ブランド価値とUI性能を高める色彩計画】(この章のみデジタル画像配布)
◎制作側の常識が利用者の常識にはならないカラーユニバーサル
◎色彩による情報認知とイメージカラー
◎論理的な色彩計画によるブランディング

▼サンプル動画

ハンバーガーメニューの普及率
ユーザー視点に立ったドロップメニューの利用法

▼詳細は下記講座を参照ください。

https://continue.doorkeeper.jp/events/132081

03:知りたいことが基準になるユーザー視点で作るUIデザイン

表面的なデザインだけでは解決できないユーザーに評価されるUIデザインに必要な、「ユーザーのニーズやユーザーのリテラシー」応えるコンテンツの企画力・設計力を学ぶ4時間です。

▼講座の内容

【ユーザーの興味に寄り添う真のユーザビリティ性能】
◎UIとは?
◎UXとUIの違い。一般の人が見えていない世界を見据えることの重要性
◎使う側のリテラシーに寄り添う
◎知りたくなる度合いが大切

【ユーザーにちゃんと伝わる情報デザイン】
◎検索窓を使わなくても、だれにでも使える検索機能
◎よくある質問は、よくない質問
◎タイトルとリードで伝わる情報デザイン

【ユーザーの利用目的にヒットするニーズとウォンツ】
◎人は間違えるということを前提にするのが、UIデザイン
◎UIデザインはWEBサイトのおもてなし
◎ユーザーのニーズを捉えるサイト設計の考え方
◎ユーザーニーズを読み解くWEB戦略に基づく3W1H
◎ユーザー視点から実現したターゲットシフトによる成功例

▼サンプル動画

ユーザーの知りたい度を考える
使う側のリテラシーに寄り添う

▼詳細は下記講座を参照ください。

https://continue.doorkeeper.jp/events/132082

04東京:直感的で快適なWEB環境を作る「スマホ用UIデザイン」

便利に使えるレスポンシブデザインやハンバーガーメニューが持つ落とし穴に一石を投じる、快適なスマホ環境にとって必要な使いやすさとわかりやすさを追求するスマホのUIを学ぶ4時間です。

▼講座の内容

【認知学データから学ぶユーザー視点】
【「ハンバーガーメニュー」はユーザーにとって直感的か?】
◎ハンバーガーメニューは直感的操作性を下げている
◎ハンバーガーメニューの普及率
◎ハンバーガーメニューの種類
◎ハンバーガーメニューに存在する理想と現実
◎スマートフォンでは階層構造を理解・把握しにくい
◎直感性を損なわずに使えるスマホ用ナビゲーションメニュー

【レスポンシブデザインでは実現しないスマートフォンへの最適化】
◎レスポンシブデザインの普及率
◎レスポンシブデザインがもたらすメリット
◎レスポンシブデザインに存在する理想と現実
◎レスポンシブデザインは、適合化であって最適化ではない
◎スマートフォンサイトの未来を作るモバイルファースト

【スマートフォン環境における、Googleが描く快適な検索性の世界】
◎ グーグルモバイルファーストについて
◎レスポンシブデザインとSEO効果の関係

【スマホサイトがサクサク使えるナビゲーション性能】
◎入力操作を快適にする入力フォームの良し悪し
◎ドロップダウンメニューの落とし穴
◎操作を分断しないモーダル表示、アコーディオン表示
◎スマートフォン版では崩壊する直感的でスピーディな検索性
◎快適を維持するためのスマートフォン向けUI

▼サンプル動画

ハンバーガーメニューの普及率
ユーザー視点に立ったドロップメニューの利用法

▼詳細は下記講座を参照ください。

https://continue.doorkeeper.jp/events/132083

※この講座は、受講内容の理解をより深める目的で、
 講師が受講生と一部会話しながら進めて行く部分があります。
 話しかけられることが苦手な方は事前にお申し出ください。

▼こんな方におすすめ

Web制作初心者だけでなく、本当にユーザーの役に立つWEBデザインを修得したい実務経験者にも最適です。
* UIデザインに関わっている人(ディレクター、デザイナー、広報担当など)
* もっと効率的で評価されるUIデザインを勉強したい方
* WEBサイトやUIデザインについて役立つ情報がほしい方
など、今までのWEBに対する知識や技量をもっと高めたいという方々にお奨めです。

▼参加方法

オンライン配信する講座の参加申し込みになります。
「zoom」というオンライン会議用アプリを利用します。
お持ちのインターネットに接続できるパソコンやスマホ・タブレットでご参加ください。
「zoom」がはじめてという方は、「zoomって何?参加するには、どうすればいいの?」というページが参考になりますのでご覧下さい。

▼事前準備・ご注意

◎後日、講師よりグループメッセージ(メッセージ)にて講座の参加用URLが送られる
◎zoomがはじめての方は、お送りしたオンライン接続URLをクリックし、画面の手順に沿ってzoomアプリをインストールしておいてください。ログイン認証があります。
◎オンライン開催時のみ、ドキュメントのPDF(4面付け)の配布を行います。

◎音声等が途切れたりする場合があります。
◎受講の際は、映像をONにして受講者本人の映像を講師が確認できる環境で受講をお願いします。
◎この講座は、受講内容の理解をより深める目的で、
 講師が受講生と一部会話しながら進めて行く部分があります。
 話しかけられることが苦手な方は事前にお申し出ください。
◎ご質問は随時受け付けますが、ご自身の業務に関わる質問の場合、他の受講者に配慮してお応えできない場合があります。

▼その他の講座も、多数受講することができます。

UIデザイン各講座の詳細は下記をご覧ください。
https://continue.doorkeeper.jp/events/upcoming

コミュニティについて

【オンライン・東京開催】初心者でも楽しくUIデザインがすぐわかる!香西睦のUIデザインセミナー

【オンライン・東京開催】初心者でも楽しくUIデザインがすぐわかる!香西睦のUIデザインセミナー

知ってると知らないでは、実力に大きな差がつくUIデザインの基礎をとことん学べる、他に類を見ないUIデザインセミナーです! <まったく新しい視点で、初心者にもわかりやすく、UIデザインを楽しく理解できるようになります!> このUIデザイン講座は、どんなことに気をつけて制作をすべきか?どんなことを想定してサイトを設計・構築して行くと、わかりやすく使いやすいWEBサイトを作れるのか?といった、...

メンバーになる