Ответы пользователя по тегу Usability & UX
  • Что добавить или убрать на продающем сайте, советы по сайту и какие основные ошибки?

    indrigor
    @indrigor
    web designer
    Первое впечатление - что в дизайне сайта задействованы методы из дизайна полиграфии (разнообразия шрифтов, цветов и прочее), что пагубно отражается на юзабилити, слишком сложный для восприятия. Дизайн сайта значительно отличается от дизайна полиграфии. Пользователь должен как можно больше находится на этом сайте, ничто не должно его отвлекать. Если все будет разного размера, в разных шрифтах, в разных цветах - пользователь просто уйдет из сайта, ему будет не интересно. Другими словами сайт не будет работать.

    По Главной:
    1. Шапка сайта: Социконки нужно переместить в другое место, не нужно лепить их к логотипу, логотип должен выделяться, а социконки над ним только отвлекают внимание от него (логотипа).
    - Телефон нужно выделить, он не заметен (или сделать крупнее или выделить к примеру белым цветом )
    - Меню. Эффекты при наведении немного непривычны :), но корзину нужно сделать крупнее и возможно как-то выделить, она теряется

    2. Слайдер: Не понятно что иконка со стрелкой это просмотр Видео. ВОзможно стоило выделить ему отдельное место на слайдере или сделать типо такого www.soft.se
    С типографикой на баннере слайдера нужно поработать. Здесь методы, которые применяются в дизайне печатных продукции работать не будут. Желательно для сайта использовать два (максимум три) шрифта.
    "Или" не нужно делать косым, выглядит чужеродно.
    Ссылка "заполнить форму" нужно показать, как она будет выглядеть при наведении, чтобы пользователь визуально понял, что он навел на эту ссылку.

    3. Три блока под слайдером. Нужно сделать эффекты при наведении (рамка появляется, картинка затемняется или наоборот - становится светлой, тут на свое усмотрение:)). Главное чтобы пользователь понял на что он наводит. Возможно типографику на этих блоках нужно сделать цельной, подписи под этим блоками стоит убрать, их все равно никто читать не будут и так понятно, о чем они (блоки).

    4. Заголовки. Первое впечатление, которое возникнет у пользователя - что это большие кнопки. Если выделять заголовки, то точно не так. Слишком много они отвлекают на себя внимания, а это плохо ).

    5. "Почему выбирают именно нас". Яркий желтый блок заголовка отвлекает внимание от описания этого блока.
    Заголовки "Мы любим...", "Обработка..." и "Материалы..." лучше не центрировать, теряется целостность.

    6. "Узнать о нас". Не понятно, что это ссылка.
    Блоки "Доступные цены" и "Премиум качество" нужно выравнить, такое ощущение, что слетела верстка )).
    Описание этих блоков не делать заглавными буквами, плохо читается и теряются на фоне Заголовков и кнопок, где шрифт сделан заглавными.

    7. Примеры работ. Нужны эффекты при наведении на работы. Поискать эффекты можно здесь tympanus.net/codrops/category/playground или просто хоть как-то дать понять пользователю, на что он наводит )

    8. Как заказать печать. Сделать такой же размер, как остальные заголовки. Вначале принял за кнопку ))
    Блок в целом выглядит инородным. Другие иконки, другие цвета.
    В плане иконок лучше сделать их цветными, а цифры монотонными, уменьшить или вообще их убрать (они отвлекают на себе ненужное внимание). Возможно иконки немного уменьшить. Заголовки иконок отцентрировать, чтобы было гармонично. Возможно, иконки выделить каким-нибудь одним ярким цветом, но это мое личное мнение )

    9. Блок "Ты нам нравишься" лучше не стоит делать таким высоким и не делать социконки вразброс (делать на одном уровне, визуально так удобнее кликать).

    10. Заполнить форму. Принял это за кнопку )). Зеленая кнопка выпадает из стиля. Для всех кнопок я бы сделал высоту побольше, они должно выделяться.

    11. Рассылка. Поле выбивается из стиля. В дизайне элементы с острыми углами, а тут с закругленными. Возможно стоит тогда делать и кнопки с закругленными углами, тогда возможно поле для ввода впишется в общий стиль дизайна.

    Сделал описание только Главной страницы, так как в основном она задает общий стиль сайта.
    Еще один момент который сразу бросается в глаза - бредкрамс (хлебные крошки) абсолютно незаметны, это есть нехорошо. Не думаю что кидать их вправо это хороший вариант. Нужно размещать там, где их легко можно будет заметить.
    Ответ написан
    4 комментария