Отзыв об умном доме

Я хотел бы получить отзывы о моем дизайне. Это на немецком языке, потому что мы находимся в немецкоязычной части мира.

Предыстория, это веб-сайт, который направит клиента с элементами умного дома к новой постройке или существующему дому. Ключевым элементом является конфигуратор.

Элемент заголовка будет видео

Не могли бы вы дать мне отзыв о: - визуальной иерархии - композиции - использовании цвета - любых других UX или оптимизации дизайна.

введите описание изображения здесь

Это неправильное место для запроса отзыва, почему я получаю -1 голос? или это просто плохой дизайн?
Привет Борис. Пожалуйста, ознакомьтесь с нашими требованиями к критическим вопросам . На самом деле мы не форум для обратной связи, и мы принимаем только критические вопросы, которые сосредоточены на одном, четко определенном аспекте, с которым вы боретесь. Извините за грубое приветствие таким образом!
И правильно: Привет, Борис, добро пожаловать в GD.SE и спасибо за вопрос. Пожалуйста, ознакомьтесь с экскурсией и справочным центром , чтобы быстро ознакомиться как с моделью Stack Exchange, так и с тем, что есть на этом сайте, а что нет. Мы можем быть немного точными и раздражающими в отношении того, что куда и что можно спрашивать, а что нет, но, тем не менее, мы изо всех сил стараемся быть дружелюбной толпой. Если у вас остались какие-либо вопросы, не стесняйтесь задавать их в чате графического дизайна, как только ваша репутация позволит вам туда (20). Держитесь и получайте удовольствие!

Ответы (1)

Я написал это в спешке, поэтому виноват, если что-то из этого непонятно или не имеет правильного объяснения. Я могу пересмотреть это, если некоторые вещи нуждаются в большем объяснении

Я понимаю, что некоторые вещи могут быть еще незаконченными в этом дизайне, но я собираюсь сказать это так, как я это вижу.

Начиная сверху:

  1. В целом , похоже, что есть некоторые проблемы с масштабом.

    • Я просмотрел макет с шириной 1400 пикселей, полагая, что он будет близок к реальной максимальной ширине области содержимого. Просто чтобы я мог держать свои мысли в покое. Я не хотел верить, что он будет использовать жидкий макет, который, как я думал, может быть возможен, учитывая некоторые дизайнерские решения и размеры текста.
    • Некоторые элементы огромны, а другие очень малы.
    • Почти весь основной текст (не заголовок) выглядит слишком мелким, простым, потому что его становится трудно читать.
    • В общем, я склонен начинать разработку сайта сразу с максимальной ширины, которую выбираю несколько произвольно. Иногда содержимое определяет максимальную ширину.
  2. Главное меню в целом (включая логотип) могло бы быть более заметным. Я чувствую, что это исчезает. Я думаю, что люди найдут его, потому что меню вверху настолько распространено, что люди ожидают, что оно будет прямо там.

    • Это может быть сочетание синего цвета, веса шрифта, размера шрифта.
    • Простое решение может состоять в том, чтобы добавить цвет фона позади меню. Возможно полупрозрачный белый.
    • В любом случае, я думаю, что текст мог бы быть больше.
  3. Текст кнопки главного изображения мог быть крупнее. Я чувствую, что это страдает от того же, что и меню. Текст еле читается, настолько он мелкий.

  4. поля столбца под основным изображением

    • Они выглядят так, как будто они незавершенные или заполнители.
      • Может быть, они выглядели бы лучше, если бы в каждой коробке было изображение или значок или что-то в этом роде.
      • Я как бы на заборе о том, чтобы иметь какой-либо фоновый цвет там. Возможно, рамка с белым фоном выглядела бы лучше или вообще без рамки.
    • Я думаю Jetzt Starten, это что-то вроде «Начать сейчас» на английском языке.
      • Если это должна быть ссылка, было бы больше смысла, если бы она больше походила на кнопку. Сейчас размещение этого текста кажется не очень оправданным. Почему это там? Быстрый взгляд может создать впечатление, что что-то сломано, потому что этот случайный фрагмент текста, который выглядит точно так же, как абзац в этом поле, внезапно выровнен по правому краю.
    • Если бы у него было изображение, оно могло бы покрывать всю коробку, а текст мог бы быть сверху. Это тоже стоит изучить.
    • Несколько примеров со значком.
  5. Блок конфигуратора - Тот, что с формой и изображением справа

    • Это выглядит немного смещенным, не так ли?
    • Там около 280 пикселей пустого пространства слева от формы, когда изображение касается правой стороны. Мне он кажется довольно неуравновешенным.
    • Я прокручивал макет, когда писал эти комментарии раньше, и только позже понял, что вы собираетесь использовать макет, в котором каждое второе поле выровнено по другой стороне.
    • Это неплохая идея и может сработать, но я чувствую, что это может быть вызовом для кода, прежде всего... и даже если это не вызов для вас, я не думаю, что это работает здесь. Особенно блоки с белым фоном портят внешний вид, а этот блок с формой просто выглядит мега странно.
    • Простым путем было бы расширить цвет фона по бокам и выровнять все по центру.
  6. Блок Bereichя чувствую, что цвет фона не достигает правой стороны, что делает его немного сломанным. Вместо того, чтобы выглядеть так, как будто он обнимает левую сторону, он просто кажется мне сломанным. Опять же, я бы сказал, что, кажется, нет ничего, что оправдывало бы это. Это не тотальная катастрофа. Что-то можно было бы сделать, чтобы оправдать это, не растягивая его на всю ширину области просмотра.

    • Я думаю, что текст под значками должен располагаться по центру. Это изменение может потребовать, чтобы основной текст и заголовок над значками также были центрированы.
    • Значок сливается с фоном. Было бы лучше, если бы каждая иконка была окружена кругом с белым фоном, как круг с белым фоном. Что-то вроде этого. Я понимаю, что ваши значки могут потребовать, чтобы белые круги были довольно большими, если вы не хотите делать их меньше. Также может быть достаточно другого цвета для значков.
    • Вот идея для внешнего вида (своего рода сетка).
  7. Мне действительно нечего сказать о блоке Smart Videos.

  8. Блок Das Bietet Ihnen... - Здесь не помешало бы немного графики. Это похоже на оглавление или что-то в этом роде. Дело в том, что это выглядит скучно. Возможно, каждый пункт списка может быть маленьким значком. Возможно, для каждой группы (заголовок+список) должна быть иконка, вроде такой .
    • Я также не уверен в сочетании цветов. Если бы фон был белым, это уже выглядело бы свежее, но, возможно, это не очень хорошая идея.
  9. Нижний колонтитул - что это за пустое место посередине? Я думаю, что содержимое должно заполнять всю максимальную ширину сайта. Или, по крайней мере, он должен быть более сбалансированным.
Ну классный отзыв. Я, конечно, могу использовать это. Спасибо.
@BorisG У меня было немного свободного времени, поэтому я решил как бы переделать этот дизайн так, как я, возможно, сделал бы его по-настоящему и записал. Нет звука. Видео на YouTube 3 минуты —— Видео на YouTube полностью 1 час 16 минут ← Может пройти несколько часов, прежде чем станут доступны более высокие разрешения. — Я также подумал, что это неплохо продемонстрирует Webflow.com. В настоящее время это мой основной инструмент для разработки макетов (я не использую код, который он создает). Я должен сказать, что это работает лучше всего, если вы знаете, как кодировать веб-сайты.
@Zoe, на всякий случай, если вам интересно, посмотрите видео в комментариях выше.
Там отличные отзывы. Я нахожусь примерно на 20-й версии домашней страницы и запустил остальную часть страницы. Я добавил некоторые из ваших отзывов, а затем некоторые дополнительные вкус. Я добавлю ссылку на прототип до следующего отзыва, чтобы вы могли понять, что происходит.
@BorisG, это здорово.