8918
Это канал об интерфейсах, пользовательском опыте, дизайне. Опубликовать рекламу, пообщаться, предложить статью — @mosink
Реклама
«Для многих пообщаться с архитектором — это как будто в театр сходить», — рассказал нам Александр. Вот уж точно. Александр архитектор, ему 23 года, но он уже реализовал несколько интересных проектов и зарабатывает на 3D-визуализациях в виртуальной реальности.
http://telegra.ph/Molodoj-arhitektor-o-tom-kak-vazhno-umet-udivlyat-01-21
Команда AIC рассказывает о том, как они формировали меню для интернет-магазина продуктов с помощью карточной сортировки.
https://vc.ru/29456-keys-issledovanie-i-pererabotka-kataloga-tovarov-dlya-magazina-produktov-pitaniya
Туристический бренд России. Очень классно выглядят примеры того, как он может использоваться в разных ситуациях.
http://russia-brand.com/
Юля Кондратьева пишет, что лучше отказаться от изображения статистики трат в виде пай-чартов. Как альтернативу, предлагает линейную диаграмму — она нагляднее.
https://li-mmm.livejournal.com/75180.html
Продуктовый дизайнер из Intercom рассказывает о том, как они проектировали чат и нашли баланс между разговорным интерфейсом и заполнением форм.
https://blog.intercom.com/why-forms-arent-dead-yet/
А ты знал, что у нас есть крутая тьюторская программа?
• Индивидуальная программа онлайн-обучения и опытный проектировщик в качестве персонального наставника, который всегда на связи.
• Учись откуда удобно. А время лучше используй на получение опыта. 2 года жесткой практики в дизайне сайтов и мобильных приложений и проекты в портфолио, которые не похожи на ученические.
• Государственный диплом – если кроме опыта тебе нужен документ.
Лучших порекомендуем на стажировку и трудоустройство в команды Redmadrobot, BBDO, Creative people, Rambler&Co, Yandex. Не жди нового года, подай заявку уже сейчас https://goo.gl/Aj7etL
Как создавать удачные комбинации различных шрифтов в тексте. В статье есть две крутые штуки: таблица и правила сочетания шрифтов.
https://pomelnikov.com/font-pair
Саша Бизиков рассказывает как стал дизайнером. Мы с ним стартовали примерно в одно время и было интересно следить за его путем. Статья о том, как я стал дизайнером появится примерно в середине января.
Читать полностью…
Как выстроить систему отступов на проекте.
Понравилось, что автор показывает на реальном проекте как применяется то, или иное решение, но при этом не уходит в математические дебри, визуально проверяя каждое решение. Читай: не делает систему ради системы.
https://blog.prototypr.io/a-framework-for-creating-a-predictable-and-harmonious-spacing-system-8eee8aaf773c
Люди смотрят 80% времени на левую часть сайта и 20% на правую
https://www.nngroup.com/articles/horizontal-attention-leans-left/
Сравнили три варианта загрузки приложения: с пустым экраном, с лоадером и со скелетной анимацией. И внезапно оказалось, что скелетная анимация проиграла по всем метрикам. Методика и выводы внутри.
https://www.viget.com/articles/a-bone-to-pick-with-skeleton-screens
Артемий Лебедев завёл телеграм-канал — @temablog
Читать полностью…
Я наконец-то добрался до статьи про оптические иллюзии. Если вы не сталкивались с ними в жизни, то не знаете, как это мучительно пытаться найти ошибку там, где ее нет.
https://blog.prototypr.io/11-optical-illusions-found-in-visual-design-295e7ae211b9
Перевод — https://habrahabr.ru/post/340258/
Сегодня порекомендую сервис YouDo, который позволяет находить исполнителей для бытовых задач: мелкий ремонт, уборка, поездка за продуктами, погулять с собакой и многое другое — http://bit.ly/2A2Zz1G
Вот, например, Николай Товеровский (ведущий дизайнер Бюро Горбунова), экономит время, послав исполнителя купить продукты — https://ksoftware.livejournal.com/359220.html
Или Сергей Король (коммерческий писатель) рассказывает в целом о сервисе — https://journal.tinkoff.ru/you-do-and-dont/
Очень обстоятельная статья про формы в вебе
justd/the-18-must-do-principles-in-the-form-design-fe89d0127c92" rel="nofollow">https://medium.com/@justd/the-18-must-do-principles-in-the-form-design-fe89d0127c92
Перевод — http://telegraf.design/16-dizajn-printsipov-kotorye-uprostyat-zapolnenie-lyuboj-formy/
Nielsen Norman Group сравнили как пользователи ориентируются на страницах с обычной и зигзагообразной компоновкой текста и изображений. Вот какие они выводы сделали:
— Осмысленные иллюстрации текста работают лучше декоративных
— Зигзагообразная компоновка затрудняет игнорирование декоративных изображений
— Первое изображение задает тон и определяет будет ли пользователь игнорировать остальные
— Избегайте изображений с большим количеством деталей
— Не используйте бессмысленные изображения просто для того, чтобы сделать красивую верстку
— Не ставьте декоративные изображения выше текста. Лучше располагайте их на одном уровне с текстом.
— Важную информацию лучше всего ставить в левую часть первого ряда.
https://www.nngroup.com/articles/zigzag-page-layout/
Кирилл Беляев рассказывает о прекрасном способе вместить поле комментария в любую таблицу.
http://kirillbelyaev.com/all/notes/
Дмитрий Коваленко рассказывает как проектировал форму оформления заказа для сервиса Fluix. Изложено все подробно и до мельчайших деталей, вплоть до того, где найти конкретные примеры реализации валидации конкретных полей. Одна из интересных цитат о полях Adress Line 1 и Adress Line 2:
«87% из 400 имеющихся клиентов не заполняют вторую строку вообще. 65% вводят в Address Line 1 данные для Address Line 2. Только 7 компаний (7 человек, чтобы быть точными) заполнили Address Line 2. Остальные заполнили ее неправильно или же продублировали информацию с первой строки»
Конкретно эта статья — третья из четырех. Если хотите копнуть еще глубже, прочтите все четыре.
Оригинал — https://uxplanet.org/streamlining-the-checkout-experience-b4b00840884a
Перевод — http://telegraf.design/proektirovanie-checkout-formy-zakulise-chast-i/
Данил Ковчий рассказывает про дизайн, атмосферу и кучу мелочей в любом ресторане/баре. Статья — огонь.
kovchiy/перед-тем-как-в-откроете-свое-заведение-8baf3a4eb852" rel="nofollow">https://medium.com/@kovchiy/перед-тем-как-в-откроете-свое-заведение-8baf3a4eb852
Привет. В следующем году мне хотелось бы видеть больше материалов о дизайне от русскоязычного сообщества. Я знаю, что меня читает много людей, поэтому просьба:
Поделитесь ссылками на сайты, блоги, каналы в телеграме, где качественно пишут или переводят статьи о дизайне. Не стесняйтесь пиарить себя, своих друзей, конкурентов и других интересных людей.
Скидывайте ссылки сюда — https://goo.gl/forms/PCeKSOjIxrpLhZ0p2
Как сделать долгие загрузки приятными. Статья об играх, но описанные принципы легко переносятся на веб/мобайл.
«Даг считает, что нужно пытаться изменить то, как ощущается долгое ожидание, вместо того, чтобы изо всех сил стараться сделать его менее долгим, тратя на это слишком много усилий и средств»
https://dtf.ru/13948-princip-lifta-kak-sdelat-dolgie-zagruzki-priyatnymi
В блоге у меня есть заметки про цели, инструменты, план, в канале периодически пишу о своём развитии. Материала много и он лежит в разных места. Так родилась идея статьи, которую написал для Tilda Еducation.
По шагам рассказал с чего начинал, что мне помогло в развитии, как ставил цель и расписывал по шагам. Но что, на мой взгляд, самое главное: рассказал о результатах и практике. Поэтому статья не просто набор «идеальных» советов, а мой реальный опыт.
Статья большая, запаситесь терпением и дочитайте до конца:
http://tilda.education/articles-from-developer-to-designer
Игорь Штанг рассказывает как верстать в книге фотографию лица, если у нее отрезана макушка. Ситуация может показаться нереальной, но я встречался с такой проблемой.
https://nobelfaik.livejournal.com/156491.html
Онлайн-школа дизайна @bangbangeducation открыла дизайн-библиотеку, в которой за 1200 рублей в месяц или 11000 в год вы можете пройти обучение по 11 программам. Среди них — курс Андрея Гаргуля «UX-дизайн»:
Читать полностью…
Если вы будете проектировать форму, где нужно вписывать стандартные паспортные данные, то знайте — поле «кем выдан» можно автоматически предзаполнять на основе кода подразделения. Внутри анимация, где хорошо показано, как это можно реализовать.
http://telegra.ph/Pro-kod-podrazdeleniya-v-pasporte-11-17
Если рисуете, знаете о цвете, форме и композиции — стать иллюстратором проще! Используйте свой наметанный глаз и умелую руку для полезных проектов. С нас — высшее или дополнительное образование от дизайнеров-лидеров индустрии. А вы получаете практические навыки графического дизайна в удобном онлайн-формате с регулярной обратной связью. С первого курса работаем над качеством ВАШЕГО портфолио. Даем востребованное профессиональное образование, а лучшим — рекомендации для устройства в топовые компании. Государственный диплом прилагается! УЗНАТЬ ПОДРОБНОСТИ — https://goo.gl/6d8uWr
Читать полностью…
Как Google возрождает итальянский дизайн в своих физических продуктах. Выглядит вкусно.
https://blog.prototypr.io/google-and-the-resurgence-of-italian-design-e9234cf3d073
Если вы достаточно упоротый дизайнер как я, то вы задумываетесь о том, как вес сайта влияет на его отрисовку. Вот вам достаточно взвешенная статья без криков «сайты в вебе весят по 3 мб, конец света близок».
«If you care about measuring user experience, then use custom metrics
Correlating page size with user experience is like presenting someone with an entire buffet dinner and assuming that it represents what they actually ate. To properly measure user experience, we need to focus on the content – such as the navbar or hero product image – that users actually want to consume. The best performance metric for measuring user experience is one that measures how long the user waits before seeing this critical content»
https://speedcurve.com/blog/web-performance-page-bloat/
Инструмент для сравнение контраста цвета текста и фона из предыдущей статьи. Очень удобный и наглядный. Можете покликать по ссылкам вверху страницы, там есть еще немного интересного.
http://jxnblk.com/colorable/demos/text/
Рассказ Тани Бибиковой из «Лаборатория данных» о визуализации данных. В статье очень много примеров, когда из громоздких ненаглядных таблиц делали крутую интерактивную инфографику.
https://habrahabr.ru/company/datalaboratory/blog/343034/