Стандарты по созданию прототипов в студии «Чипса»

Шаблон проекта в формате .RP лежит тут.
Синим отмечены пункты, относящиеся только к Axure.
Требования
1
Выравнивай прототип по центру HTML-страницы.
2
Называй страницы на английском (иначе не будет переключаться в мобильный вид).
3
Складывай элементы, которые могут пригодиться, на отдельной странице с названием WIP. Не включай эту страницу в генерацию HTML.
4
На странице Home объясняй юзерам, как работать с прототипом.
5
Всегда включай чёрно-белый режим в настройках проекта Project → Page style editor.
6
Если блок повторяется на более чем 2-х страницах, сделай его Мастером.
7
В формах с динамикой используй HTML-кнопку, а не виджет Button или Box. Больше про оформления форм тут.
8
Научись понимать, где и когда стоит использовать виджет Repeater. Как его настраивать показано тут.
9
Именуй Кейсы (Case), чтобы было понятно, за что он отвечает.
10
В Плейсхолдерах пиши, что там должно быть (например, «фото счастливой семьи за столом»).
11
Для стандартных элементов используй стандартные виджеты (меню, таблица и пр). Не делай меню боксами и пр.
12
Не вставляй картинки и иконки, если они не требуются для понимания механики страницы.
13
Подчёркивай ссылки.
14
Точечно подчёркивай псевдо-ссылки.
15
Используй реальный контент. Если его нет, используй релевантный текст на языке целевой аудитории. Не используй Lorem Ipsum никогда.
16
Думай над текстом в интерфейсах. Делай его короче и понятнее.
17
Держи прототип опрятным. Не должно быть излишне больших контейнеров для элементов, лишних скрытых элементов и пр.
18
Не анимируй лишнего:
- простые слайдеры;
- простую фильтрацию каталога (по цене, по бренду и пр.);
- простую сортировку каталога (по цене, по алфавиту);
- переключение табов (если в табах одинаковая структура контента);
- карты (Яндекс, Google, и пр.)
Рекомендации:
1
Крась общий фон страницы, чтобы блоки не висели в воздухе при просмотре прототипа.
2
Для корп. сайтов, визиток, интернет-магазинов старайся использовать стандартную или распространённую сетку (например, Bootstrap). Требуется не на всех проектах.
Подпишитесь на нашу рассылку для получения обновлений списка
Автор списка стандартов Евгений Игнашов, проектировщик студии дизайна «Чипса»