Как стать автором
Обновить

Комментарии 24

Карточка товара прям очень понравилась.
А вот градиенты в инпутах, считаю лишними.
С удовольствием посмотрю, что будет дальше.
Внешне возможно но с точки зрения функциональности врятли, пример
1. Размер может быть не только S,M, X,XL, допустим для детской обуви, там рамзер от 18 до 36 и как это вписать? выдающий список? Если да то пользователю надо прокликать 50 товаров что бы узнать какой размер в наличии?
2.С цветами та же проблема.
3. Опять же кнопка в корзину, не понимаю этого нового течения писать в корзине или добавлено, и если хочешь еще 1 элемент добавить нужно лезть в корзину (
4. Описание из изначальной карточки убрано, что не есть хорошо.
Я оценивал только анимацию, ведь об этом статья.
Ваши примеры достаточно надуманы. Вы ищите проблему там, где ее нет. Здесь, пример на одежде и анимация интерфейса. Если карточка с обувью, у неё могут быть другие элементы. Описание в карточке товара считаю лишним совершенно, зачем грузить страницу с кучей товаров и плюс ещё и описание? Можно же перейти на товар конкретно и там все почитать.
вписать большие списки с выбором можно так — деревом в два уровня — как мне видится…

18 — 23 24 — 30 31-36
18-19-20-21-22

кликаешь по верхнему интервалу чуть ниже, но сохраняя видимость верхнего уровня разворачиваешь нижний. Более 5-6 пунктов выбора на мой взгляд зло.
слайдер вам в помощь
НЛО прилетело и опубликовало эту надпись здесь
Испугался аватарки :)

Зачем плодить очередное блёклое и низкоконтрастное поделие?
Этим весь интернет уже засран, не исключая хабр. За использование уродских тонких шрифтов типа Roboto вообще руки отрывать надо.


мозайку

Уже несколько лет меня терзает вопрос: читают ли зайки, допускающие такие ошибки, худлит?

НЛО прилетело и опубликовало эту надпись здесь
НЛО прилетело и опубликовало эту надпись здесь
НЛО прилетело и опубликовало эту надпись здесь
НЛО прилетело и опубликовало эту надпись здесь

Добрый день, Роман.


Спасибо за статью. А скажите, вы делали данный kit на основе уже какого-то существующего или сами верстали, дизайнили, писали js?

В дизайне ничего не понимаю, но обилие крупных движущихся объектов приводит к ряби в глазах.

Особенно пример day 7. После выбора уже не проверишь список выделенных контактов бегло, нужно вчитываться в фамилии. В чём смысл аватарок, если вы их отбираете у пользователя после действия, не связанного с удалением?
На гифках выглядит нормально, в реальности же диковато, кривовато, кисловато и не юзабельно.
Остаюсь при мнение что Axure — это средство прототипирования, а не дизайна. А потому негативно отношусь к цветным прототипам, цвет отвлекает.

По поводу работы — с точки зрения анимации и взаимодействия с пользователем — понравилось.
С точки зрения юзабилити — вопрос открыты
С точки зрения дизайна — мне непонравилось.

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

Понятно, что неровно, не контрастно, не обдуманно и дизайна нет. Но как упражнения в коде — хорошо для тренировки, только в народ такое лучше не показывать.
хочется взять и сверстать нормально, элементы с дикими багами
Неплохая статья, карточка товара очень понравилась.
Но, как мне кажется, скрывать дропдауны на mouseOut — не самое удачное решение. Юзер может запросто захотеть уточнить что-нибудь из списка в гугле, соседней вкладке, в другом окошке, итп, я думаю, лучше на onBlur закрывать. Хотя это сугубо мое мнение ;)
В 5 дне в firefox при нажатии Exit какая-то странная анимация, замедленное дерганье
Роман, отличная инициатива, но если бы вы, выкладывали исходники axure, то пользы было бы больше чем от html/ css.
Сходил на страницу Preview, у вас там при наведении на строку поиска меняется цвет фона… при этом нет остановки анимации $(element).stop().animate({...}); из-за чего анимация зацикливается (если несколько раз водить по элементу) и продолжает воспроизводиться тогда когда это уже не требуется.

P.S тоже недавно скилл повышал по css3:

и даже почти кроссбраузерно…
пример

и такая байда со всей анимацией… предлагаю вам смотреть в сторону css свойства animation, transition и т.д
Зарегистрируйтесь на Хабре, чтобы оставить комментарий

Публикации

Истории