8918
Это канал об интерфейсах, пользовательском опыте, дизайне. Опубликовать рекламу, пообщаться, предложить статью — @mosink
Используя java-скрипты на сайте вы можете нарушить привычный для пользователя сценарий взаимодействия.
https://eev.ee/blog/2016/03/06/maybe-we-could-tone-down-the-javascript
Как убедить компании проводить пользовательские исследования. Даны советы практически для всех видов отговорок.
http://www.uxmatters.com/mt/archives/2016/03/excuses-excuses-why-companies-dont-conduct-user-research.php
Как улучшить мобильную версию интернет-магазина. Исследование основанное на оценке 68 сайтов.
http://baymard.com/blog/bhphoto-mobile-experience
Небольшие человечные подсказки в интерфейсе улучшают взаимодействие с пользователем.
http://babich.biz/microcopy-tiny-words-with-a-huge-ux-impact/
Ограничение возможностей может быть двигателем вашего развития
vanschneider/limiting-your-tools-makes-you-a-better-designer-d7eacc7586d2" rel="nofollow">https://medium.com/@vanschneider/limiting-your-tools-makes-you-a-better-designer-d7eacc7586d2
Мнение о плоском дизайне
andrew.burton/modern-minimalism-in-web-design-is-the-right-choice-d91ed888a62b" rel="nofollow">https://medium.com/@andrew.burton/modern-minimalism-in-web-design-is-the-right-choice-d91ed888a62b
Множество советов по использованию типографики в мобильных приложениях. На сайте не обычная навигация. Используйте скролл для приближения/удаления. Любой из экранов можно выбрать кликом и тогда остальные будут затемнены. При выборе экрана, будут показаны все шрифты, которые использованы на нем.
http://discover.typography.com/theme/made-for-mobile/
Коллаборация людей из разных профессий ведет к ускорению процесса запуска проекта. Нужно отказываться от линейной структуры: планирование для менеджеров, дизайн для дизайнеров, код для верстальщиков.
http://trentwalton.com/2013/04/10/reorganization/
Возможно, вы пропустили что-то интересное в 2015 году.
WebdesignerDepot/the-best-of-what-s-new-for-designers-2015-d952d196e2b" rel="nofollow">https://medium.com/@WebdesignerDepot/the-best-of-what-s-new-for-designers-2015-d952d196e2b
Дональд Норман (тот самый, который написал "Дизайн привычных вещей") рассказывает что не так с некоторыми дверями.
https://www.youtube.com/watch?v=yY96hTb8WgI
Как сделать ссылки "узнать больше", "читать дальше" ("Learn more" в оригинале) более информативными.
https://www.nngroup.com/articles/learn-more-links/
Недавно фейсбук ввел новую систему реакций на замену лайкам. Команда, стоявшая за этим, описывает процесс создания. Одна из интересных мыслей: "Чем больше реакций вы предложите пользователю, тем меньше становится вероятность, что они будут повсеместно поняты".
https://medium.com/facebook-design/reactions-not-everything-in-life-is-likable-5c403de72a3f
Как Яндекс делает свои интерфейсы доступными для людей с ограниченными возможностями.
https://vc.ru/p/yandex-accessibility
Параллакс эволюционирует. В статье описана одна из техник, которая позволяет добиться плавного скролла. Сделано за счет плавного перехода одного цвета фона в другой. Выглядит естественно, без разрывов. Скриншоты в статье кликабельны и позволяют посмотреть примеры. http://blog.heartbeat.ua/dizajn/trend-dizajjna-parallaks-tvist/
Читать полностью…
Неконтрастный цвет сейчас моден на сайтах. Но не забывайте, что от этого страдает читаемость текста. Прежде, чем вы начнете использовать светло-серый текст на сером фоне, спросите себя зачем. Вы можете считать, что остальные сайты от этого выглядят круче. Но применимо ли это к вашему сайту? Если вы хотите уменьшить значимость одного элемента, чтобы другой выглядел заметнее, почитайте о других путях.
https://www.nngroup.com/articles/low-contrast/
Статья об иконках. Упор сделан на описание принципов, которые улучшат согласованность друг с другом.
order_group/designing-icons-a97f8f96b5e" rel="nofollow">https://medium.com/@order_group/designing-icons-a97f8f96b5e
Юрий Ветров опубликовал дайджест продуктового дизайна за февраль. Это тонны ссылок.
http://www.jvetrau.com/digest-2016-feb/
Развитие веб-дизайна схоже с развитием архитектуры. Спорное мнение. Мне кажется автор подгоняет факты под свою теорию.
https://medium.com/russian/the-future-of-web-design-is-hidden-in-the-history-of-architecture-79cafac05094
Советы дизайнерам от основателя frog
https://vimeo.com/59679411
Несколько простых правил, которые помогут вам улучшить дизайн иконок
http://blog.iconfinder.com/better-icon-design-in-6-easy-steps/
Ищите что-нибудь почитать этим вечером? Вот вам громадная статья (45+минут) об извечной проблеме - постоянное увеличение размера веб-страниц. Здесь задано довольно необычное направление. Автор задается вопросами: Почему страницы с парой фраз на тексто-ориентированных сайтах (медиум, твиттер и т.д.) весят по мегабайту? Ведь это размер большой книги. Почему реклама на страницах иногда составляет 80% от ее размера? Почему картинка, которая не имеет никакого отношения к статье, заставляет ждать пользователей смартфонов загрузки по 30 секунд? Почему минимализм в дизайне не значит минимум веса сайта?
http://idlewords.com/talks/website_obesity.htm
Почему вертикальный ритм так важен в веб-типографике
http://zellwk.com/blog/why-vertical-rhythms/
Бесконечный скролл, пагинация или кнопка "загрузить больше"? Многолетнее исследование на 50+ интернет-магазинах, даст вам ответ на этот вопрос.
https://www.smashingmagazine.com/2016/03/pagination-infinite-scrolling-load-more-buttons/
Излишняя тяга к творчеству, может нарушить стандартные сценарии взаимодействия со знакомыми элементами. Делайте это осмысленно.
http://rafaltomal.com/creativity-can-kill-design/
Почему глазам проще воспринимать скругленные объекты? Потому что мы прикладываем меньше когнитивных усилий для их визуальной обработки.
http://uxmovement.com/thinking/why-rounded-corners-are-easier-on-the-eyes/
Внутри майкрософта зарождается новая философия дизайн-мышления. Кратко она звучит так: люди с ограниченными возможностями могут быть двигателем для инноваций. Пример: мы хотим помочь людям, лучше взаимодействовать с телефоном во время вождения. Стандартный сценарий наверняка включал бы в себя наблюдение за пользователем во время езды. Но следуя по пути майкрософт, мы бы обратились к опыту использования телефона глухими. Если мы улучшим этот опыт для глухих, то широкий круг пользователей тоже получит это решение. Решая проблемы людей с ограниченными способностями мы улучшаем взаимодействие со всеми пользователями. А еще в этой статье вы можете прочитать, как разработчики Кортаны (Сири для виндоус) консультировались у продуктового дизайнера фильма "Она"(Her).
http://www.fastcodesign.com/3054927/the-big-idea/microsofts-inspiring-bet-on-a-radical-new-type-of-design-thinking
Инфографика о кавычках. Кратко: все плохо.
https://www.facebook.com/kartografiaekstremalna/photos/a.153692631483262.1073741826.153690641483461/470311916487997
Иллюзия завершенности - ошибка, при которой пользователю кажется, что он достиг конца веб-страницы, в то время, как часть контента лежит за видимой зоной.
https://www.nngroup.com/articles/illusion-of-completeness/
Боты стали широко распространятся в различных чатах. И то, как они взаимодействуют с пользователем все меньше зависит от графического интерфейса. Дизайнеру нужно переосмыслить роль в таких проектах и начать осваивать новые инструменты. http://alistapart.com/article/all-talk-and-no-buttons-the-conversational-ui
Читать полностью…
Советы Джонатана Кормана начинающим UX-дизайнерам с пояснениями Алана Купера. Один из самых интересных - Хватит сопротивляться изменениям деталей дизайна. Начните сопротивляться структурным изменениям. MrAlanCooper/ux-design-in-14-simple-steps-b8a0f2780769#.ok3lfxr27" rel="nofollow">https://medium.com/@MrAlanCooper/ux-design-in-14-simple-steps-b8a0f2780769#.ok3lfxr27
Читать полностью…