8918
Это канал об интерфейсах, пользовательском опыте, дизайне. Опубликовать рекламу, пообщаться, предложить статью — @mosink
Наконец-то добрался до этой статьи. Интересная концепция - атомарный дизайн. Любую дизайн-систему раскладываем на пять уровней. Начинаем с самых простейших элементов: кнопки, цвета, шрифты. На каждом последующем уровне добавляем, объединяем и усложняем элементы. Заканчиваем полноценными страницами. Хорошо подойдет для проектирования больших проектов.
http://bradfrost.com/blog/post/atomic-web-design/
Интерфейсы в реальном мире. Китай.
https://habrahabr.ru/company/mosigra/blog/268211/
Почему дизайн фейсбука такой страшный? Продуктовый дизайнер из компании дал вполне очевидный ответ: "Потому что он решает задачу".
https://medium.freecodecamp.com/how-design-decisions-are-made-c18201c052d1
Однако, мне интересно задаться другим вопросом. Когда другие дизайнеры делают попытки редизайна фб, реакция может быть какой угодно. Но все сходятся в одном - оно не подкреплено исследованиями и реальной работой с людьми. Получаются две стороны: красивые, но неприменимые к жизни концепты и текущий дизайн фб, решающий проблемы пользователей. А теперь вопрос: кто сказал, что здесь всего две стороны? Кто сказал, что дизайн не может быть одновременно красивым и полезным? С реакциями ведь хорошо получилось - /channel/mosinkru/14
О том же на сайте Лебедева http://www.artlebedev.ru/tools/technogrette/etc/forms/
Читать полностью…
В статье раскрыты все особенности работы с кнопками. В формате советов, вам последовательно расскажут как выстроить правильную систему работы с ней и не забыть об ограничениях.
https://medium.com/eightshapes-llc/buttons-in-design-systems-eac3acf7e23
Антон Реппонен рассказывает о ретуши фотографий для проекта Misplaced New York repponen/the-art-of-moving-buildings-c060d6b6fa88" rel="nofollow">https://medium.com/@repponen/the-art-of-moving-buildings-c060d6b6fa88
Читать полностью…
Простой и краткий ответ на вопрос: "Зачем разряжать прописные?"
http://uxmovement.com/content/how-letterspacing-can-make-all-caps-easier-to-read
Яндекс закончил разработку собственного шрифта - YandexSans. Шрифт не бесплатный и не открытый. Он будет применяться только во внутренних продуктах компании. На главной мы тоже не скоро его увидим.
k00/шрифт-яндекса-yandex-sans-1c2ab7dfd537" rel="nofollow">https://medium.com/@k00/шрифт-яндекса-yandex-sans-1c2ab7dfd537
Попытка вернуть пользователя обратно на сайт за счет чувства вины или попрошайничества может обернутся негативной реакцией http://li-mmm.livejournal.com/42257.html
Читать полностью…
Препарируем элементы поиска и фильтрации useitwrong/про-поиск-1c85c6be97a0" rel="nofollow">https://medium.com/@useitwrong/про-поиск-1c85c6be97a0
Читать полностью…
Уведомления сыпятся бесконечным потоком, до тех пор, пока мы не перестаем их замечать и воспринимать. Знакомая ситуация? Эта концепция не меняется последние 15 лет. Но в этой области намечается сдвиг. Алгоритмы обучения позволят понять, когда и какие уведомления вы хотите получать. Мы перестанем воспринимать их как назойливые сообщения. И начнем думать о них, как об умных помощниках.
intercom/designing-smart-notifications-36336b9c58fb" rel="nofollow">https://medium.com/@intercom/designing-smart-notifications-36336b9c58fb
Главная страница на мобильном телефоне может дать неправильное представление о вашем сайте
http://baymard.com/blog/mobile-homepage-usability
Должны ли дизайнеры уметь кодить? http://www.peterme.com/2016/04/13/should-designers-code-fetishizes-tech-over-other-crucial-design-skills/
Читать полностью…
UX чеклист поможет не пропустить важные этапы работы.
https://uxchecklist.github.io/
Что такое honeycomb test и как с его помощью оценить UX сайта на двух примерах
https://blog.prototypr.io/does-your-site-past-the-honeycomb-test-85560155af20
Об индикаторах прогресса (прогресс-бар, индикатор загрузки).
https://uxplanet.org/progress-indicators-in-mobile-ux-design-a141e22f3ea0
Немного разношерстных практических советов о веб-дизайне https://habrahabr.ru/post/206886/
Читать полностью…
И еще дополнение от Бирмана http://ilyabirman.ru/meanwhile/all/form-labels-vertical-alignment/
Читать полностью…
Вчера о кнопках, сегодня о формах логина и регистрации http://babich.biz/designing-ux-login-form-and-process/
Читать полностью…
Почему важно показывать процесс работы над проектом в портфолио и как начать его делать.
https://blog.prototypr.io/why-showing-your-process-is-so-important-1e4129a5f5d2
Контекст важен. Учитывайте ситуации в которых находятся пользователи и на основе этого выстраивайте их опыт.
rofldorf/контекст-король-5c5460b872a4" rel="nofollow">https://medium.com/@rofldorf/контекст-король-5c5460b872a4
Статья о том, что пора сменить подход "сначала мобильные". Думайте о работе, которую нужно выполнить. Затем об экранах, на которых она будет отображаться. Но не об устройствах.
https://medium.com/intercom-inside/why-mobile-first-is-outdated-f10a3dc357bd
И http://li-mmm.livejournal.com/70942.html
Читать полностью…
Интеревью медузы с шрифтовыми дизайнерами Ильёй Рудерманом и Юрием Остроменцким. https://meduza.io/feature/2016/04/21/petr-pervyy-byl-ofigennym-art-direktorom
Читать полностью…
Исследование о молодежи (18-25 лет) и их взаимодействии с современными интерфейсами. Интересные мысли:
В сравнение со старшим поколением, молодежь уверена в собственной способности взаимодействовать с интерфейсами, даже если они сталкиваются с новыми дизайн паттернами.
Как следствие из предыдущего пункта, молодежь более склонна к ошибкам. Они сперва кликают, а затем думают.
Но молодежь редко винит себя, если что-то идет не так. Они видят проблемы юзабилити на сайте и критикует организацию за это.
https://www.nngroup.com/articles/young-adults-ux/
Проект о работниках в Силиконовй долине
http://www.techiesproject.com/
5 правил по использованию диалоговых окон в интерфейсе
http://babich.biz/5-essential-ux-rules-for-dialog-design/
Как топовые новостные сайты (The Wall Street Journal, Bloomberg и другие) адаптируют интерактивную инфографику для телефонов
http://www.niemanlab.org/2016/03/small-screens-full-art-despite-their-size-smartphones-open-up-new-opportunities-for-interactives/
Применяйте принципы UX, чтобы сделать контент более дружелюбным для читателя
http://blog.contentmarketer.io/ux-principles-for-content-to-hook-readers/
Что же такое "дизайн-мышление" и в чем его преимущество?
http://www.andybudd.com/archives/2016/04/what_the_hell_is_design_thinking_anyway/