Building Great Mobile Forms

Статья о том, как делать хорошие мобильные формы. Каждый пункт сопровождается иллюстрированным примером в стиле «плохо/хорошо».

Выписал для вас коротко все советы:
1. Используйте сегментированные кнопки вместо выпадающих списков, если вариантов мало (2-5);
2. Объединяйте выпадающие списки в одно поле. Например, день месяца, месяц и год можно объединить в один «барабан»;
3. Используйте переключатели вместо выпадающих списков, если вариантов мало;
4. Используйте слайдеры для выбора значения из диапазона;
5. Верстайте форму в одну колонку;
6. Используйте кнопки «+/-» для задания значений, диапазон которых невелик. Например, для выбора числа пассажиров в форме бронирования;
7. Показывайте ошибки заполнения полей сразу после потери фокуса полем;
8. Старайтесь не повторять указание на обязательность поля;
9. Группируйте связанные поля;
10. Делайте комфортные зоны нажатия;
11. Следуйте гайдам платформы.

Статья целиком: https://uxplanet.org/building-great-mobile-forms-2fa8e9a258cc

* Этот пост — пример материала из рассылки «Дизайнерский дайджест»: http://awdee.ru/newsletter

#awd_article #awd_ui

Вертикальный и наклонный текст

Игорь Штанг написал, как и когда использовать вертикальные и наклонные надписи.

«...Андрей спрашивает: Не смог найти информацию о вертикальных заголовках. Как к ним стоит относиться?

Вкратце: вертикальный текст читать сложнее, чем горизонтальный. Если вы это понимаете, делайте что хотите.

Есть по крайней мере две «объективные» причины поставить текст вертикально:
1. Это служебный текст, и его можно вывести из основного потока чтения. Так иногда поступают с копирайтами, подписями, рубриками, колонтитулами.
2. Вертикальное положение диктует формат. Например, корешок книги или вытянутый в высоту банер.

«Необъективных» причин — миллион: контраст, динамика, напряжение, ритм, дизайнерский произвол в конце концов. Изящное композиционное решение может быть бессмысленным и нецелесообразным, в этом нет ничего криминального.

Чтобы вертикальный текст всё-таки остался текстом, нужно соблюсти типографическую гигиену. Атабеков в «Словаре-справочнике иллюстратора научно-технической книги» приводит следующие рекомендации (статья «Текст на графических оригиналах»):

"Все надписи (фразы, слова или отдельные знаки) должны быть расположены так, чтобы они легко читались (рис. II): горизонтальные — слева-направо; вертикальные — снизу-вверх; наклонные — слева-вверх-направо либо слева-вниз-направо и при этом все буквы в строке должны строго держать линию".»

Оригинал заметки: http://nobelfaik.livejournal.com/127852.html

#awd_note #awd_typo

Семь свежих симпатичных промо-страниц

1. Talkjs — talkjs.com
2. Nuageapp — nuageapp.com
3. Lingoapp — lingoapp.com
4. Coach — withcoach.com
5. Slack Enterprise — slack.com/enterprise
6. Cloudmagic — cloudmagic.com
7. Stripe Radar — stripe.com/radar

#awd_web #awd_site