Проектирование нестандартных сайтов

Всем привет!

С февраля 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

Добавить комментарий