Mikhail Dubovoi
Ребята молодцы!
Столько хейта вокруг статьи собрали, снимаю шляпу.
Ну-ну
К сожалению, у писем нет адаптива. Они имеют резиновую верстку. Это разные вещи. Поэтому письма нужно верстать с учетом этой особенности, а не сразу на мобилке. Особенно это касается шапки и подвала, т.к. дизайнеру или верстальщику будет тяжело перестроить с маленького экрана на десктоп табличное представление.
Когда берете чужие работы все таки указывайте автора, ато как-то не хорошо получается.
https://dribbble.com/shots/9393020-Mi-Remote-Control-Mobile-app
https://dribbble.com/shots/9179889-Neuomorph-Ui-Kit
Согласен, на первый взгляд сайты с горизонтальными фильтрами и не припомнишь, но дело не в том, что их мало, а в том, что они реализуются в основном на специализированных магазинах, где нет большого количества фильтров.
Если у вас есть определенные сомнения насчет горизонтального расположения, то возьмите на вооружение этот пример реализации: www.stoolgroup.ru
Таким образом вы покажете больше товаров на странице, все фильтры доступны по одному нажатию и не отвлекают от процесса покупки. Плюс такое решение хорошо адаптируется для мобильных устройств.
Хорошо подмечено!
Тут следует смотреть еще на то, что при меньшей ширине экрана для поиска недостаточно места, поэтому он сворачивается в кнопку чтобы не наезжать на меню.
Поиск выделен ярким цветом, который быстро привлекает внимание как на большом мониторе, так и на экране ноутбука, соответственно его быстро можно найти.
Так же замечу, что в статье приведены не обязательные правила, а перечень рекомендаций на основе исследований и опыта.
Добавлю несколько замечаний:
1. "Треть покупателей не завершает заказ, потому что не помнит пароль".
Пользователь не будет помнить пароль только на тех сайтах, на которых происходит разовая покупка, например интернет-магазин штор, т.к. купив один раз ему не скоро понадобится повторная покупка. Вряд ли вы забыли пароль от "Ситилинка" или личного кабинета банкинга.
2. "При оформлении в несколько шагов прогресс-бар позволит пользователю «контролировать» процесс и не волноваться"
По данным RetailRocket оформление в несколько шагов неэффективно и приводит к тому, что 40% пользователей не завершают оформление. Этому способствует несколько причин:
1. Пользователи забывают что вводили на предыдущем шаге.
2. Пользователь хочет посмотреть только стоимость доставки до его города и не хочет заполнять поля
3. Подсознательное убеждение, что на многостраничном оформлении нужно будет заполнять большое количество полей.
Поэтому оформление заказа нужно делать линейно, т.е. на одной странице.
3. "Каждое новое поле — новое страдание и новые сомнения для пользователя. Удалите все, что можете. Форма может оттолкнуть уже самим размером."
Это не совсем так. Конечно, лучше привести минимальное количество полей, но как показывает практика - пользователи охотно заполняют множество полей, если это увеличение ведет к упрощению информации. Например, адрес доставки можно вписать одной строкой или поделить на улицу, дом, квартиру и даже подъезд и этаж. И поделённый вариант пользователи заполнят охотнее, т.к. им так самим проще расписать.
Поэтому тут все таки стоит исходить из контекста этих полей.
Ну и это, конечно, это неправильный пример, но все таки. Амазон - интернет-магазин, в котором при оформлении нужно заполнить более 20 полей, обязательная регистрация при оформлении заказа и само оформление поделено на несколько этапов. Он собрал весь негатив, который описан в любой статье (не только в этой) и это не мешает ему быть самым крупным интернет-магазином мира.
Спасибо за развернутый ответ!
Если не секрет, сколько примерно часов затратили на разработку такой система? Т.к. проделана колоссальная работа, то видимо разработка велась несколькими дизайнерами и программистами.
Клевая статья, очень хорошо все разложено!
У меня 2 вопроса:
1. Насколько рационально отрисовывать 7 макетов под разные разрешения и как к такому разнообразию относятся заказчики ? На большинстве проектов 4 вполне хватает: один для мобильных, второй для планшетов, и 2 для десктопа.
2. Как я понимаю прототипы так же делаете в Figma. Насколько сложнее разрабатывать интерактивные прототипы по сравнению с Axure? В Axure же можно заказчику приближенно показать как будет работать готовый сайт (вкладки и табы, наведение на элементы, счетчики, а если добавлять функции, то и добавление в корзину с изменением количества и цены).
Вы сами ответили на свой вопрос. Представляетесь UX-редактором, вместо дизайнера или проектировщика интерфейсов.
Вы уже заплатили деньги не понимая чему вас будут обучать и кем вы будете работать. На курсе до сих пор не объяснили разницу в профессиях, а вам даже не интересно было поискать в гугле.
Но даже при всем при этом удачи вам в обучении. Главное не останавливайтесь, работайте над собой и все получится.