Mixpanel detail shot by Claudio Guglieri

Перевела подписку с одной книги на 3 :) теперь в Бюро новая услуга - Электронная полка.

Перед использованием шрифта в проекте, обязательно нужно его проверить: как он будет рендериться в браузере, для этого есть сервис http://typecast.com/

Друзья, с января приступаю к изучению разработки IOS приложений.
Кто-то купил курс https://designcode.io/?
Проголосуйте сколько нас, может обсуждение создадим по этой теме. :)
➕ - Да, буду изучать.

🇬🇧 7 необычных шрифтов созданных в 2017 году
https://blog.prototypr.io/7-unusual-fonts-created-in-2017-13d808adaa24

Хочу поделиться с Вами новым, но качественным каналом о дизайне!
Канал о UI/UX, ведёт практикующий дизайнер. Там вы найдете теорию и практические материалы по UI/UX для дизайнеров и для всех, кто хочет прокачаться в этой сфере.
Подписаться на него можно по ссылке: https://t.me/uiux_design

Основной текст
Колонка основ­ного тек­ста зани­мает 60⁠—70% ширины окна на ком­пью­тере. Чтобы на боль­ших экра­нах строки не ста­но­ви­лись слиш­ком длин­ными, их ширину огра­ни­чи­вают. На мобиль­ных экра­нах основ­ному тек­сту отдают мак­си­маль­ную ширину.

Текст на экране вырав­ни­вают по левому краю, а не по ширине фор­мата. При вырав­ни­ва­нии по ширине между сло­вами воз­ни­кают огром­ные про­белы, и текст выгля­дит неряшливо.

Текст делится на абзацы. В экран­ной вёрстке абзацы обычно отде­ляют вер­ти­каль­ными отсту­пами, как в этом тексте.

Подзаголовки
Основ­ной текст дро­бится на части с помо­щью подзаголовков.

Заго­ловки вто­рого уровня обычно круп­нее основ­ного тек­ста. Под заго­лов­ком остав­ляют межа­б­зац­ной отступ, а над — в 2‑3 раза боль­ший. Так заго­ло­вок ока­зы­ва­ется ближе к «сво­ему» тек­сту, чем к «чужому».

Заголовки третьего уровня
Заго­ловки тре­тьего уровня удобно наби­рать полу­жир­ным шриф­том кегля основ­ного тек­ста и не отби­вать от после­ду­ю­щего тек­ста, как здесь. Бла­го­даря отсут­ствию лиш­него отступа, в самой системе отсту­пов проще наве­сти порядок.

Заго­ловки чет­вёр­того и сле­ду­ю­щих уров­ней — при­знак пло­хой редак­туры. Они оправ­даны только в слож­ных юри­ди­че­ских и тех­ни­че­ских документах.

Другие элементы текста
В тек­сте встре­ча­ются дру­гие эле­менты — цитаты, списки, таб­лицы, при­ме­ча­ния, фор­мулы, ссылки, иллю­стра­ции, кнопки, пик­то­граммы. Раз­меры и отступы вокруг этих эле­мен­тов также систе­ма­ти­зи­руют и при­во­дят в соот­вет­ствие с пара­мет­рами текста.

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

Отрывок из книги "Пользовательский интерфейс".

Отлично оформленный сайт про 10 принципов дизайна:
1. Хороший дизайн - инновационный.
2. Хорошая конструкция делает продукт полезным.
3. Хороший дизайн - эстетичный.
4. Хорошая конструкция делает продукт понятным.
5. Хороший дизайн ненавязчив.
6. Хороший дизайн честен.
7. Хороший дизайн долгоиграющий.
8. Хорошая конструкция  доходит до последней детали.
9. Хороший дизайн экологически чист.
10. Хороший дизайн - это как можно меньше дизайна.
Ссылка: https://readymag.com/shuffle/dieter-rams/

Битва трендов:
http://2018.aic.ru
http://d2018.skillbox.ru

Дизайн-мышление для бизнеса. UX-Марафон. Онлайн конференция. Состоится 25 января.
https://ux-marafon.timepad.ru/event/597101/

Каталог отечественных компонентных дизайн-систем, реализованных на технологическом уровне. Живые гайдлайны, статьи, презентации, выступления и другие материалы о них
http://designsystemsclub.ru/

🇬🇧 Сборник статей, видеороликов и ресурсов, сделанных дизайнерами в Facebook.
http://facebook.design/

🇬🇧10 постов на InvisionApp за 2017:
https://www.invisionapp.com/blog/biggest-posts-2017

🇬🇧 Хороший курс по веб-дизайну в формате рассылки. Лекции от специалистов Facebook, Google, Techcrunch
https://hackdesign.org/

Как разработчику стать дизайнером – отличная статья, подойдет не только разработчикам, но и начинающим дизайнерам: http://tilda.education/articles-from-developer-to-designer

🇬🇧 Вдохновение на новый год.
https://medium.muz.li/muzli-choices-in-design-for-2017-8d9105f7af14


🇬🇧 Рекомендации по обеспечению доступности контента для людей с ограниченными возможностями.
https://medium.com/@mariamargarida/designing-uis-for-everyone-15a4d5c7922a?ref=webdesignernews.com

🇬🇧 Обзор всех ресурсов Codrops 2017 года
https://tympanus.net/codrops2017/

Travel Blog Home Page Animation by Zhenya & Artem for Sochnik

Из книги "Пользовательский интерфейс".

Актуальные данные.
Свежие идеи.
Исследования и инсайты от Google
https://www.thinkwithgoogle.com/
P.S. Лучше не переключаться на русский, т.к. не все статьи переводятся.

Сборник фреймворков и гайдлайнов.
http://styleguides.io/examples.html

Чаще дизайнеры думают, что могут проектировать без знания того, что нужно пользователю, возможно они даже не обучались на данную специальность. Дизайнера обычно сравнивают с архитектором. Хотели бы вы переехать в дом спроектированным архитектором, который даже не интересуется вашими желаниями и потребностями, и вообще он создал этот дом без образования архитектора?  

Другие дизайнеры признают, что могут не знать точно, что проектировать и как, но они ждут, когда продукт будет запущен, прежде, чем получить обратную связь от пользователя.  
Но лучше проводить юзабилити тестирование до запуска, маленькие недостатки быстрее исправить, нежели потом делать огромную работу в готовом продукте.
Нужно также помнить, что не все нуждается в юзабилити тестировании. В чем то можно быть уверенным работает это или нет и экономить время.
Хороший ресурс со статьями UX и юзабилити https://www.nngroup.com/articles/

Создала чат для тех, кто на курсе Design + Code @designpluscode

Route selection UI by Cuberto

Сокращаем число шагов для клиента в приложении.

Целевое действие в один клик
Самый простой способ упростить процесс покупки или регистрации через мобильное устройство —  это добавить возможность выполнить необходимое действие в один клик.

Помощь при заполнении формы
Используйте данные аналитики для оптимизации процесса заполнения форм.

Альтернативные варианты завершения операции
Сократите число шагов, используя родной функционал телефона: сделайте так, чтобы продуктовыми страницами или видео было легко делиться между различными устройствами, используйте потенциал GPS, чтобы сориентировать пользователя, добавьте кнопку «позвонить» для эффективной связи с клиентом.