YouTube

Got a YouTube account?

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

Russian subtitles

← Дизайн главной страницы

Get Embed Code
14 Languages

Showing Revision 20 created 10/12/2015 by Elena Govorkova.

  1. Домашний экран веб-сайта или
    экран загрузки
  2. вашего мобильного приложения будет
    первым впечатлением для пользователей.
  3. И вы хотите убедиться,
    что сделали всё правильно.
  4. Вот главная страница Udacity
    в апреле 2015 года.
  5. Ясная цель вынесена в заголовок страницы,
    и вокруг заголовков и слогана
  6. много свободного пространства для
    привлечения внимания пользователей.
  7. Такие главные страницы должны
    отвечать на следующие вопросы.
  8. Что это?
  9. Что предлагается?
  10. Что я могу здесь делать?
  11. И как мне начать?
  12. В случае Udacity, «Начало работы»
    появляется сразу после прокрутки
  13. с описанием программы Nanodegree
    [Мини-диплом].
  14. Вы хотите, чтобы вся эта информация
    присутствовала на странице,
  15. но будьте осторожны и не перегружайте
    ею ваших пользователей.
  16. Вы хотите, чтобы они имели чёткое
    понимание того, что вы предлагаете,
  17. а затем вы можете дать ссылку
    на другие страницы,
  18. чтобы пользователи узнали больше о
    вашем продукте или сервисах.
  19. Многие компании помещают эти
    ссылки в нижней части страницы.
  20. Возвращаясь к верхней части главной
    страницы, мы можем видеть, что отсюда
  21. я могу создать аккаунт или войти в свой
    аккаунт, если являюсь пользователем.
  22. Чтобы узнать больше о том, как работают
    Nanodegrees, в частности,
  23. я могу нажать на один из них.
  24. Главные страницы сложны тем,
    что они должны делать многое.
  25. Будьте внимательны, так как
    если добавлять на эту страницу
  26. всё больше и больше, иногда из этого
    может получиться целевая страница,
  27. как, например, эта.
  28. Целевые страницы предназначены для показа
    конкретных продуктов целевой аудитории.
  29. Они позволяют вам сосредоточиться на
    одном конкретном продукте.
  30. Обратите внимание, что здесь
    есть чёткий призыв к действию.
  31. Я могу понять, что это за продукт,
    по этому тексту,
  32. а также по картинке на заднем плане.
  33. Прокрутив вниз, я даже могу
    узнать о программе в деталях.
  34. Чтобы узнать больше о
    создании главных страниц
  35. и целевых страниц, прочитайте статьи
    по ссылкам в Заметках инструктора.
  36. По крайней мере, вы должны стремиться
    к информативной странице,
  37. и в лучшем случае ваша главная страница
    должна быть запоминающейся.
  38. Важно иметь в виду, что необязательно
    делать её статичной.
  39. Она должна быть в работе.
  40. Вот другая версия
    главной страницы Udacity.
  41. И заметьте, что она немного изменилась.
  42. Здесь у нас другой текст, и эти
    изображения скомбинированы.
  43. Ваша главная страница может быть
    динамичной в A/B тестах с определённым
  44. функционалом, чтобы увидеть, что именно
    побуждает пользователей к действиям.
  45. Возможно, вы просто пытаетесь предложить
    лучшее своим пользователям.
  46. И даже до этой главной страницы,
  47. вот как выглядела когда-то главная
    страница Udacity.
  48. Как вы видите,
    она не такая информативная,
  49. не может точно ответить на вопросы,
    «Что это?» и «Что я могу здесь делать?».
  50. В конце концов, вы хотите, чтобы
    первое впечатление от страницы
  51. было фантастическим.
  52. На самом деле вам решать,
    как радовать пользователей,
  53. так чтобы они узнали, кто вы и
    что вы предлагаете.
  54. Теперь ваша очередь сделать небольшое
    исследование самостоятельно.
  55. Я хочу, чтобы вы нашли три главные
    страницы относительно новых компаний
  56. и проанализировали их.
  57. Вам нужно понять,
    какой тип информации
  58. и какие элементы находятся
    на их главных страницах.
  59. Для каждой из этих страниц вы
    должны спросить себя:
  60. «Какие элементы в неё включены?
    Какой главный призыв к действию?
  61. Что рассказывает главная страница
    о компании, её пользователях,
  62. и что предлагает?
  63. И какие переходы наиболее вероятны
  64. с главной страницы на другие
    страницы сайта?
  65. Другими словами,
    что вы можете делать с главной страницы?
  66. Наконец, какие сходства и
  67. различия вы видите между просмотренными
    главными страницами?»
  68. Напишите комментарий
    с ответами на эти вопросы
  69. и поделитесь им в обсуждениях.
  70. Когда будете готовы, поставьте
    галочку для продолжения.