Size: a a a

Почитать о дизайне

2017 September 05
Почитать о дизайне
На рынке появился новый инструмент для прототипирования. По роликам выглядит интересно и адаптивно, пока не щупал.
https://studio.design/
источник
2017 September 06
Почитать о дизайне
Простая и понятная статья о Customer Journey Map от UXa из Касперского
https://medium.com/@copylove/customer-journey-map-8a5ac61d6b5e
источник
2017 September 07
Почитать о дизайне
Антон Жиянов подкидывает интерфейсные задачки своим подписчикам в телеграме, а затем рассказывает у себя в блоге об интересных решениях. Там много практической годноты
https://antonz.ru/tag/puzzle/
источник
2017 September 08
Почитать о дизайне
Краткий план как обосновыввать свои дизайн-решения:
— Определитесь с целями своего рассказа
— Расскажите о контексте
— Обозначьте проблему
— Предложите решение
— Расскажите о следующих шагах

https://uxplanet.org/how-to-present-design-decisions-framework-eb7e596ff15e
источник
2017 September 11
Почитать о дизайне
Несколько рекомендаций по проектированию кнопки «Наверх» (back-to-top), которая отправляет вас на самый верх на длинных страницах:

— Используйте кнопку только для страниц длиннее 4 экранов
— Помещайте кнопку в нижний правый угол
— Используйте только одну залипающую кнопку
— Сделайте так, чтобы кнопка не перекрывала важные элементы страницы
— Выделите кнопку визуально, не позволяйте ей слиться с окружением
— Не показывайте кнопку сразу, а дождитесь действий от пользователя явно сообщающих о том, что он хочет проскроллить
— Сделайте кнопку неподвижной

Детальнее — https://www.nngroup.com/articles/back-to-top/
источник
2017 September 13
Почитать о дизайне
Дизайним под IPhone X. Официальное видео, традиционно не работающее в хроме — https://developer.apple.com/videos/play/fall2017/801/
источник
2017 September 21
Почитать о дизайне
Платное приложения для мака, которое позволяет быстро и удобно проверять цвета на контраст
https://usecontrast.com/
источник
2017 September 22
Почитать о дизайне
Red Keds организовали фестиваль, посвященный digital-рекламе.

В конкурсе – шесть категорий: интерактивные проекты и сайты, мастерство, медиаформаты, социальные медиа, мобильные технологии, инновации. Подать работу в одну номинацию стоит всего $1. Прием заявок продлится до 1 октября.

Для меня поводом для рекламы послужило достаточно крутое жюри. Если вы решите поучаствовать, работы нужно подавать с десктоп-версии сайта

https://2017.ggggggggfest.com/
источник
2017 September 25
Почитать о дизайне
Игорь Шевченко в своем блоге рассказал, какими должны быть интерфейсные подсказки (microcopy). Кратко:

— Точными
— Полезными
— Человечными
— Короткими
— Самодостаточными
— Уместными
— Целостными
— Грамотными
— Необходимыми

http://igorshevchenko.ru/blog/entries/interface-copy
источник
2017 September 26
Почитать о дизайне
Внушительный список инструментов для прототипирования. Среди параметров для сравнения: платформа, цена/подписка, импорт, анимации, экспорт кода и остальные.

https://uxtools.co/tools/prototyping
источник
2017 September 27
Почитать о дизайне
16-минутное видео на постнауке, в котором Михаил Соколов, рассказывает о вкусе. Это все та же история про то, как люди отличают «плохое» от «хорошего».

«Немного генерализуя, мы можем сказать, что более широкой категорией, чем естественность, но включающей ее является ожидаемость. Когда нечто является ожидаемым, оно превращается в безвкусное. […] Это, например, использование самой очевидной и самой расхожей метафоры, для того чтобы передать какой-то смысл, но именно это ассоциируется для нас с плохим вкусом в искусстве. […] использовать в архитектуре метафору в лоб — значит убить ее. Пример, который я украду у своего коллеги по Европейскому университету Вадима Басса: самое худшее, что может сделать газовая компания в качестве выбора дизайна для своей штаб-квартиры, — это обыграть огонек зажигалки, потому что это первая ассоциация, которая способна возникнуть в связи с газовым гигантом.»

https://www.youtube.com/watch?v=4jYu3SkjRuA
источник
2017 September 28
Почитать о дизайне
Плоский дизайн привлекает меньше внимания.

Исследование на 71 человеке и 9 сайтах с двумя разными версиями: с плоским дизайном и без. Фиксировали движение глаз, время выполнения задачи и на их основе строили тепловые карты.

Краткий вывод таков: элементы с плоским дизайном плохо привлекают внимание. Люди склонны больше тратить времени на их поиск и дольше задерживаться на странице.

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

Полные методология, исследование и выводы внутри —

https://www.nngroup.com/articles/flat-ui-less-attention-cause-uncertainty/
источник
2017 October 02
Почитать о дизайне
Как закрыть программу, баннер, вкладку? Найти крестик [x] и нажать его.

Сейчас это рутинная операция, которую мы выполняем по несколько сотен раз в день, но почему именно [x]? Откуда берет корни этот паттерн?

https://medium.com/re-form/x-to-close-417936dfc0dc
источник
2017 October 03
Почитать о дизайне
Плагин для скетча, который существенно облегчил мою жизнь. Он позволяет задать свои значения для сдвига «→» и «shift+→», а так же добавляет еще один «Ctrl+alt+→»

https://github.com/KevinWoodhouse/sketch-nudged
источник
2017 October 04
Почитать о дизайне
Выберите своего персонажа. Выбирайте мудро.
https://uxplanet.org/designers-self-checklist-what-kind-of-designer-are-you-or-want-to-become-b2b3590a071b
источник
2017 October 05
Почитать о дизайне
Немного разносторонних советов о том, как улучшить маленькие детали в интерфейсе
https://twitter.com/i/moments/880688233641848832
источник
2017 October 06
Почитать о дизайне
Нужно больше пунктуационных знаков Богу пунктуационных знаков
http://progressivepunctuation.com/
источник
2017 October 11
Почитать о дизайне
Одна из лучших статей про оптические эффекты в интерфейсах. Здесь сразу объяснено как применить теорию на практике с кучей примеров.

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

Из этой же статьи, вы узнаете почему новое скругление углов в 47 скетче выглядит более красивым для человеческого взгляда.
https://medium.muz.li/optical-effects-9fca82b4cd9a

Перевод — https://habrahabr.ru/post/338780/
источник
2017 October 12
Почитать о дизайне
Хорошие примеры веб-дизайна, разбитые на составляющие: футер, социалки, фичи, навигация и т.д.
http://www.goodweb.design/
источник
2017 October 16
Почитать о дизайне
Max Rudberg в двух статьях рассказывает, как правильно проектировать и адаптировать нижние и верхние элементы под iPhone X. Понравилось, что в статье описаны все нужные размеры и отступы элементов.

http://blog.maxrudberg.com/post/166045445103/ui-design-for-iphone-x-top-elements-and-the-notch

http://blog.maxrudberg.com/post/165590234593/ui-design-for-iphone-x-bottom-elements
источник