YouTube

Got a YouTube account?

New: enable viewer-created translations and captions on your YouTube channel!

Japanese subtitles

← Homepage Design UXUI Design Product Design Udacity

Get Embed Code
14 Languages

Showing Revision 3 created 09/29/2015 by Retired user.

  1. ウェブサイトのホーム画面や
    モバイルのアプリの起動画面が
  2. ユーザの第一印象になります
  3. だからこれを適したものにしたいです
  4. これは 2015 年4月の Udacity のホームページです
  5. 明確な目標をページの見出しとし
    その周囲に充分な空白があり
  6. キャッチフレーズ でユーザの目を引きます
  7. このようなホームページは
    次のような問いに答えるようにします
  8. これは何か?
  9. 何を提供しているか?
  10. ここで何ができるか?
  11. どう始めるか?
  12. Udacity の場合
    どのように始めるかは
  13. Nanodegree(ナノ学位) プログラムの
    説明の下にあります
  14. これらの情報を全部出したいでしょうが
  15. ユーザを分量で圧倒させないよう
    配慮も必要です
  16. 何を提供しているか
    ユーザにはっきり分かるように
  17. 他のページへのリンクを貼って
  18. 製品やサービスをもっと詳しく説明できます
  19. 多くの会社はこれらのリンクを
    フッターに置いています
  20. ホームページの上に戻ると
    ここで見ることができるように
  21. アカウントのサインアップ 又は
    既存のユーザの場合サインインができます
  22. ナノ学位のことを知りたければ
  23. これらの一つをクリックすればいい
  24. ホームページは情報を多く入れたいという点で
    難しいです
  25. どんどん入れすぎないように気をつけましょう
  26. これのように
    ランディングページを作ることもできます
  27. ランディングページで
    ユーザに見せたい特定の製品群を示し
  28. 一つの特定製品へ焦点を合わせられます
  29. ここを見てください
    相手に行動を促しています
  30. ページの宣伝文句や背景画像から
    この製品が何か分かります
  31. 下に行くとさらに詳細が得られます
  32. ホームページとランディングページの
    デザイン作成について詳しくは
  33. インストラクターのノーツにある
    リンクの記事を参照して下さい
  34. 少なくとも情報を提供するページにして下さい
  35. できる限り忘れがたいページにね
  36. ホームページは静的な必要はないと
    心がけるのは大事です
  37. 手を加えていくものです
  38. これはまた別の Udacityのホームページです
  39. 前と少し変わっていますね
  40. 宣伝文句が変わり
    これらの画像が縮小されています
  41. あなたのホームページも動的で
    ある機能のABテストを行ないー
  42. 何がユーザを行動させてるか見ているでしょう
  43. ユーザへの価値提案を
    調整している最中かも知れません
  44. そのホームページの更に前では
  45. これが昔の Udacity のホームページでした
  46. 見て分かるように
    情報が少なく
  47. これが何か 何ができるか等の
    問いの答えがはっきりしません
  48. 最終的には
    素晴らしい第一印象を与えることです
  49. ユーザを魅了するのはあなた次第です
  50. あなたが誰で何を提供しているかを
    知ってもらうのです
  51. では自分で調べる番です
  52. 3つの比較的新しい会社のホームページを見つけ
  53. それらを分析しなさい
  54. ホームページでどんな情報や要素が
    あるかつかみましょう
  55. それぞれのホームページで次のことを
    見てみましょう
  56. ホームページはどの要素で成り立っているか
    どのような操作を求めているか
  57. 会社 ユーザ 価値提案について
    どう書いてるか
  58. またそのページからサイトの他の場所への
    考えられるフローはどれか?
  59. つまりそのページから何処に行けるか?
  60. 最後に 見ているそれらのページ間の
    類似点と相違点は何か?
  61. これらの質問の答えを投稿して
  62. 皆さんと討論してください
  63. 終わったら
    このボックスをクリックして進みましょう