Всем привет!
С февраля 2016 года я сотрудничаю с компанией castcom.ru как разработчик прототипов и Технических заданий. За это время мне пришлось освоить несколько нестандартных инструментов под нестандартные задачи.
Один из них – это правила работы прототипом, который разрабатывается в программе вроде Axure RP. Я составил вот такой документ в помощь себе и тем, кого я буду обучать в дальнейшем:
1. Главное:
1.1. Унификация.
1.2. Скорость.
1.3. Простота.
1.4. Технологичность.
1.5. Лёгкость корректирования и поддержки.
Соблюдение правил оформления и открытия документа при каждой работе с Прототипом.
2. Последовательность разработки
2.1. Анализ бизнеса Клиента.
2.2. Анализ конкурентов.
2.3. Создание портретов ЦА.
2.4. Создание сценариев.
2.5. Дерево страниц.
2.6. Схема навигации.
2.7. Предварительное ТЗ.
2.8. Скетчи.
2.9. Прототип.
2.9.1. Служебные.
2.9.2. Информационные.
2.9.3. Каталог
2.9.4. Главная.
3. Каждый раз при работе с этим документом
Перед выходом полностью обновляй содержание!
4. Страницы
- Все страницы имеют описание из предварительного ТЗ. Это описание заносится в настройки страницы.
4.1.1. Все страницы называются как в Карте сайта актуальной версии.
4.1.2. При изменении в комментариях страницы ведётся дневник изменений. Дата/Автор/Причина изменений
4.1.3. Все страницы центрируются по горизонтали и имеют общий стиль в настройках.
5. Элементы
5.1. Все элементы имеют:
5.1.1. Название.
5.1.2. Описание.
5.2. Структура имени элемента:
5.2.1. Страница_СмысловойБлок_Тип_Свойство/Функция_Название.
5.2.2. Пример: Корзина_ДанныеПользователя_ПолеВвода_Телефон. На странице «Корзина», в смысловом блоке данных «Данные пользователя» находится поле ввода текста, в которое нужно внести номер телефона.
5.3. Все ссылки:
5.3.1. Активны в макете.
5.3.2. Имеют визуальное оформление ссылок.
5.4. При создании нового элемента ему сразу присваивается имя и описание основной функции.
5.5. Если в описании элемента ссылка на другой элемент, указывается полное наименование:
5.5.1. Пример: ссылка на Главная_ПревьюТовара_БлокЦен.
6. Мастера
6.1. Для любого повторяющегося элемента создаётся Мастер.
6.2. Все мастера имеют папки по объединяющему признаку.
6.3. Описание имени элемента соответствует правилу.
7. Общие
7.1. При каждой новой коррекции Прототипа создаётся новая версия.
7.2. После фиксации порядка расположения блоков необходимо поменять номера комментариев. Правило: Сверху вниз, слева направо.
7.3. Все мастера группируются по типу использования или общим признакам.
7.4. Все динамические панели группируются по тому же принципу.
7.5. При изменениях в комментариях к страницам и любым элементам обязательно ведётся дневник изменений с датой произошедшего.
7.6. Ко всем сценариям пишутся описания.
8. Чек-лист проверки прототипа перед сдачей
8.1. Проверка орфографии во всех описаниях всех элементов.
8.1.1. Проверяется выгрузкой спецификации и проверкой средствами Word вечером каждого дня после внесения изменений.
8.2. Проверка отступов всех основных элементов.
8.3. Проверка кликабельности всех активных элементов.
8.4. Проверка правильности действий и переходов всех активных элементов.
8.5. Проверка наименования всех элементов на всех страницах.
8.6. Настройка адекватного шаблона Спецификации перед её генерированием.
9. Правила выгрузки прототипа.
9.1. Клиент до сдачи прототипа получает только html версию.
9.1.1. В идеале загрузка на наш тестовый сервер с публичной ссылкой для клиента и запретом индексации.
10. Работа со спецификацией
Спецификация нуждается в нескольких этапах функции «Поиск и замена», чтобы стать читабельной. Вот порядок замен. Но не забывай проверять после окончания и пополнять действиями, уникальными для других проектов. В идеале нужно разработать макрос для авто замены всего сразу.
| 1 | ^l | ^p |
| 2 | Pages | Страницы |
| 3 | Page Tree | Структура сайта |
| 4 | User Interface | Пользовательский интерфейс |
| 5 | Widget Table | Таблица виджетов |
| 6 | Footnote | Номер |
| 7 | Name | Название |
| 8 | Interactions | Действие |
| 9 | Description | Описание |
| 10 | OnClick: | ПоКлику |
| 11 | Case | Вариант |
| 12 | Open | Открыть |
| 13 | in | в |
| 14 | Current Window | Этом же Окне |
| 15 | Popup Window | Всплывающем Окне |
| 16 | State | Состояние |
| 17 | Close Этом же Окне | Закрыть Текущее Окно |
| 18 | Show | Показать |
| 19 | OnFocus: | При наведении: |
| 20 | Hide Widget | Убрать Виджет |
| 21 | Masters | Шаблоны |
| 22 | Master List | Список шаблонов |
| 23 | Link | Ссылк |
| 24 | Открыть Link | Открыть Ссылку |
| 25 | Table of Contents | пустоту |
| 26 | [To update the , right click the message below and select Update Field (F9 on PC, ⌥ñ⌘U on Mac).] | пустоту |
| 27 | No entries found. | пустоту |
| 28 | Toggle | Переключить состояние |
| 29 | slide | слайд |
| 30 | up | вверх |
| 31 | ms | милисекунд |
| 32 | treat as lightbox | обрабатывать как лайтбокс |
| 33 | bring to front | переместить вперёд |
| 34 | Shape | Форма |
| 35 | The Specification | Спецификация |
| 36 | [Type the document subtitle] | Разработано ООО «Кастком АДВ» |
| 37 | [Your Название] | castcom.ru |
| 38 | [Pick the date] | 2016г. |
| 39 | [Type the abstract of the document here. The abstract is typically a short summary of the contents of the document. Type the abstract of the document here. The abstract is typically a short summary of the contents of the document.] | Данная спецификация разработана на коммерческой основе в рамках работы по разработке Технического задания на создание интернет-сайта. |
| 40 | ||
| 41 | down | вниз |
| 42 | Hide | Убрать |
| 43 | OnMouseEnter | ПриНаведенииМыши |
| 44 | Set text on | Установить текст на |
| 46 | equal to | равно |
| 47 | OnMouseOut: | КогдаМышьУбрана: |
В идеале – необходимо подготовить макрос для автоматической замены слов.
| Sub Ïîèñê_è_Çàìåíà_v001()
‘ ‘ Ïîèñê_è_Çàìåíà_v001 Ìàêðîñ ‘ Äåëàåò ïîäãîòîâêó Ñïåöèôèêàöèè èç Axure. Çàìåíÿåò àíãë òåðìèíû íà ðóññêèå ‘ Selection.Find.ClearFormatting Selection.Find.Replacement.ClearFormatting With Selection.Find .Text = «tel» .Replacement.Text = «tel» .Forward = True .Wrap = wdFindContinue .Format = False .MatchCase = False .MatchWholeWord = False .MatchWildcards = False .MatchSoundsLike = False .MatchAllWordForms = False End With Selection.Find.Execute Replace:=wdReplaceAll End Sub |