27

Рекомендации по улучшению дизайна Biomass

Глобально — проблемы с близостью.

Из-за неправильного расстояния между элементами страницы воспринимаются как хаотичный набор несвязных объектов.

Нужно прочитать про теорию близости у Лебедева и вводную главу в книге «Типографика и верстка» Артема Горбунова. После этого пройтись по всем элементам дизайна и поправить проблемы.

Проблемы

Общие

  1. Учитывая внешний вид других иконок, соц. сети в голубых кругах выглядят чужеродно.
    http://joxi.ru/E2pxWb1TaGk9l2
  2. Таким цветом хорошо выделять цвет ошибки, но не подпись. Учитывая, что остальной текст в секции написан белым. Создается ненужный акцент.
    http://joxi.ru/p27y6o9fWNVWlr
  3. Круги можно убрать, они лишние. Иконки выглядят чище без них
    http://joxi.ru/MAja7poIxky112
  4. Название колонки ближе к разделительной полосе и брендам, чем к собственным ссылкам
    http://joxi.ru/823Xn5xUD8B8xA

Главная

  1. Визуальный шум. Много элементов: 3 летающие гантели, мужик, девушка на фоне в заголовке, кнопки назад-вперед, замеры на фоне.
    http://joxi.ru/v298dNPCzpbdvm
  2. Новинки находятся ближе к верхним плашкам, чем к товарам под ними.
    http://joxi.ru/EA4xn6zTOpRDVA
  3. Почему не спроектировать карточку товара так, чтобы сразу показывать эти элементы? Я не подразумеваю, что они появятся, это не общепринятая практика.
    http://joxi.ru/KAxqdjoI1KoM8r
  4. Если это стрелка слайдера — проследите, чтобы она не висела на товаре.
    http://joxi.ru/a2XoaOZUD4O1km
  5. Расстояния от категории ближе к краю секции, чем к ссылкам.
    http://joxi.ru/Dr87WNyTzMbo0A
  6. Название товара ближе к Имени и дате, чем к тексту отзыва
    http://joxi.ru/52aDNRzHbkybom
  7. Если бренды отдельная секция — нужно сделать ей соответствующие отступы и дать заголовок
    http://joxi.ru/RmzMKzxuRMbMVr
  8. При первом просмотре ловишь себя на мысли «Это разве заголовки? Тут есть другие надписи, которые выглядят важнее» Они выделяют важную инфу, почему они такие скромные?
    http://joxi.ru/zANopkYU6jqgkr

Каталог товаров

  1. Не понимаю смысл такой стилизации. Все строки и элементы внутри раздроблены, смотреть не приятно, читать тем более. С отступами беда. Последняя строка ближе к краю, чем к соседней строке.
    http://joxi.ru/bmoX6vzU9ybOe2
  2. Слишком зажат заголовок. Он словно в забитой маршрутке. Нужно увеличить расстояние сверху и снизу, раза в 3−4.
    http://joxi.ru/Dr87WNyTzMbDPA
  3. Каталог товаров находится над статьями слева и категориями справа. Так как он находится сверху, он их обрамляет. Это создает связь между названием страницы и то, что расположено на ней.
    Проблема в том, что статьи слева это не каталог товаров, это не относящиеся к странице элементы. Они не должны быть обрамлены заголовком. Заголовок нужно сместить вправо.
    http://joxi.ru/V2VoRYLUKknGlA
  4. С первого взгляда не понятно, что это такое и куда можно кликнуть. Название ближе к картинке, чем к ссылкам. Кнопка «еще» на таком же расстоянии, как и ссылки между собой. Категории не выделены ссылками, я не знаю, что на них можно нажать.
    http://joxi.ru/8Ann5BoT7yv0xA

Список магазинов

  1. Из-за нарушения близости кажется, что список магазинов это колонка слева, а справа неизвестные элементы. У заголовка отступ сверху должен быть больше, чем снизу. Расстояние между левой и правой колонкой должно быть меньше, чем до заголовка сверху.
    http://joxi.ru/n2YoROaUZeK5Gr
  2. Есть проблема, так сказать «дыр» в интерфейсе. Колонка слева забирает ширину страницы, но в ней всего 3 элемента. Строка с магазином растянута на всю ширину и между элементами образовались дыры. Что тут можно сделать: фильтрацию и переключение сделать горизонтальными. Деление на колонки пропадет. Сделать сетку магазинов. Ширина строки с магазином будет 50% и дыры пропадут. Это будет более разумное распределение пространства.
    http://joxi.ru/v298dNPCzpbY6m
  3. Проблема с близостью, расстояние между блоками информации у магазина больше, чем от правой части контента до левой.
    http://joxi.ru/bmoX6vzU9ybj72

Заказы

  1. По одной иконке сложно понять, что вкладка активна. Лучше сменить фон у элемента с иконкой и названием.
    http://joxi.ru/Y2LopkYUQEN8Wm
  2. Как и на других страницах. Проблема близости
    http://joxi.ru/KAgL7WoTXKqVzr
  3. Я пробовал сместить их ближе друг к другу, выглядят намного собраннее. Здесь слишком большое расстояние между ними. Выглядит словно забор с выбитыми досками.
    http://joxi.ru/bmoX6vzU9ybQ72
  4. Количество ближе к самовывозу, нежели к названию товара. И другие проблемы близости.
    http://joxi.ru/l2ZoneRUE7neXA
  5. Проблема с проектированием этой секции. Сейчас есть 3 столбца, я разделил их на: заказ, состав и побочная информация. В первом есть айди и дата, во втором столбике статус и состав, в третьем одиноко стоит способ доставки. По факту первое, что пришло в голову — разделить на информацию о заказе и состав. Слева: номер заказа, айди, статус, стоимость доставки. Справа: состав заказа.
    http://joxi.ru/8Ann5BoT7yvnbA

Поделиться
Отправить

Комментарии