Size: a a a

UI/UX Надежда Левичева

2017 December 27
UI/UX Надежда Левичева
Mixpanel detail shot by Claudio Guglieri
источник
UI/UX Надежда Левичева
Перевела подписку с одной книги на 3 :) теперь в Бюро новая услуга - Электронная полка.
источник
2017 December 28
UI/UX Надежда Левичева
Перед использованием шрифта в проекте, обязательно нужно его проверить: как он будет рендериться в браузере, для этого есть сервис http://typecast.com/
источник
UI/UX Надежда Левичева
Друзья, с января приступаю к изучению разработки IOS приложений.
Кто-то купил курс https://designcode.io/?
Проголосуйте сколько нас, может обсуждение создадим по этой теме. :)
➕ - Да, буду изучать.
источник
UI/UX Надежда Левичева
🇬🇧 7 необычных шрифтов созданных в 2017 году
https://blog.prototypr.io/7-unusual-fonts-created-in-2017-13d808adaa24
источник
2017 December 29
UI/UX Надежда Левичева
Хочу поделиться с Вами новым, но качественным каналом о дизайне!
Канал о UI/UX, ведёт практикующий дизайнер. Там вы найдете теорию и практические материалы по UI/UX для дизайнеров и для всех, кто хочет прокачаться в этой сфере.
Подписаться на него можно по ссылке: https://t.me/uiux_design
источник
UI/UX Надежда Левичева
Основной текст
Колонка основ­ного тек­ста зани­мает 60⁠—70% ширины окна на ком­пью­тере. Чтобы на боль­ших экра­нах строки не ста­но­ви­лись слиш­ком длин­ными, их ширину огра­ни­чи­вают. На мобиль­ных экра­нах основ­ному тек­сту отдают мак­си­маль­ную ширину.

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

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

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

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

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

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

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

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

Отрывок из книги "Пользовательский интерфейс".
источник
2017 December 30
UI/UX Надежда Левичева
Отлично оформленный сайт про 10 принципов дизайна:
1. Хороший дизайн - инновационный.
2. Хорошая конструкция делает продукт полезным.
3. Хороший дизайн - эстетичный.
4. Хорошая конструкция делает продукт понятным.
5. Хороший дизайн ненавязчив.
6. Хороший дизайн честен.
7. Хороший дизайн долгоиграющий.
8. Хорошая конструкция  доходит до последней детали.
9. Хороший дизайн экологически чист.
10. Хороший дизайн - это как можно меньше дизайна.
Ссылка: https://readymag.com/shuffle/dieter-rams/
источник
2018 January 01
UI/UX Надежда Левичева
источник
2018 January 02
UI/UX Надежда Левичева
Дизайн-мышление для бизнеса. UX-Марафон. Онлайн конференция. Состоится 25 января.
https://ux-marafon.timepad.ru/event/597101/
источник
UI/UX Надежда Левичева
Каталог отечественных компонентных дизайн-систем, реализованных на технологическом уровне. Живые гайдлайны, статьи, презентации, выступления и другие материалы о них
http://designsystemsclub.ru/
источник
UI/UX Надежда Левичева
🇬🇧 Сборник статей, видеороликов и ресурсов, сделанных дизайнерами в 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/
источник
2018 January 03
UI/UX Надежда Левичева
Travel Blog Home Page Animation by Zhenya & Artem for Sochnik
источник
2018 January 04
UI/UX Надежда Левичева
Из книги "Пользовательский интерфейс".
источник
2018 January 06
UI/UX Надежда Левичева
Актуальные данные.
Свежие идеи.
Исследования и инсайты от Google
https://www.thinkwithgoogle.com/
P.S. Лучше не переключаться на русский, т.к. не все статьи переводятся.
источник
2018 January 08
UI/UX Надежда Левичева
Сборник фреймворков и гайдлайнов.
http://styleguides.io/examples.html
источник
UI/UX Надежда Левичева
Чаще дизайнеры думают, что могут проектировать без знания того, что нужно пользователю, возможно они даже не обучались на данную специальность. Дизайнера обычно сравнивают с архитектором. Хотели бы вы переехать в дом спроектированным архитектором, который даже не интересуется вашими желаниями и потребностями, и вообще он создал этот дом без образования архитектора?  

Другие дизайнеры признают, что могут не знать точно, что проектировать и как, но они ждут, когда продукт будет запущен, прежде, чем получить обратную связь от пользователя.  
Но лучше проводить юзабилити тестирование до запуска, маленькие недостатки быстрее исправить, нежели потом делать огромную работу в готовом продукте.
Нужно также помнить, что не все нуждается в юзабилити тестировании. В чем то можно быть уверенным работает это или нет и экономить время.
Хороший ресурс со статьями UX и юзабилити https://www.nngroup.com/articles/
источник
UI/UX Надежда Левичева
Создала чат для тех, кто на курсе Design + Code @designpluscode
источник
2018 January 09
UI/UX Надежда Левичева
Route selection UI by Cuberto
источник
2018 January 10
UI/UX Надежда Левичева
Сокращаем число шагов для клиента в приложении.

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

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

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