Личный блог Дмитрия Подлужного: о работе и около нее

Проектирование фронта для стартапа в области affiliate marketing

Записки о работе, Проектирование, 24 октября 2014

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

Это часть интерфейса связанного со взаимодействием с посетителями для партнерской системы, а точнее системы в области affiliate marketing. Важно было уместить максимум взаимодействия в видимую часть экрана пользователя, поэтому мне не пришлось проектировать длинных страниц. При этом экраном может быть и смартфон и большой монитор и планшет. Из-за такого разнообразия устройств и пришлось создавать много размерных рядов. Но по факту, я обошелся двумя размерами: под экран и под смартфон.

tz-ap-20141015-v-big-w960
У нас стартаперы еще не до конца точно могут формулировать задачи, поэтому наделал много разных вариантов использования страниц. Для некоторых из этих вариантов показал сценарии поведения элементов. Хотя правильно бы эту работу проводить отдельно.

На мой взгляд, такую работу нужно проводить, находясь внутри команды. Поэтому из всего сделанного, думаю, может только процентов 15% попадет в окончательный релиз. Тесты, инвесторы, смена концепций в итоге должна повлиять и на смену интерфейсов. Но на текущий момент проделана хорошая работа, клиент доволен и мне было интересно этим заниматься.

Немного о процессе работы

Мне дали два технических задания, которые как будто были взяты из разных проектов или писались во время, когда идея разрабатываемой системы претерпевала существенные изменения.

Пришлось сидеть и кропотливо анализировать тексты, складывать из них пазл. Причем, если бы мне пришлось заниматься этим проектом, как продукт-менеджером, то, безусловно, я пошел бы дальше, чем ребята. Даже в разрозненном техническом задании был виден потенциал на создание более полновесной системы для Affiliate Marketing, которая могла бы решить больший комплекс задач и при этом никаких других технических решений кроме разрабатываемых не понадобилось бы. Но таких задачи сейчас передо мной не стояли, поэтому я просто разложил проект на четыре глобальных блока в виде миндмапа.

ia-am-20140930-w960

Карта позволила понять, что нужно будет сделать. Но для того, чтобы проектировать было удобно, я нарисовал базовый сценарий взаимодействия системы и пользователя. Он отражает процессы, которые происходят, и позволяет видеть систему в динамике.

am-proccess-2

Для рисования схем я использую формат и иногда идеологию cmap. Там минимум правил и возможностей для рисования. Это позволяет полностью сконцентрироваться на идеи и сделать процесс анализа эффективным. Фактически все состояния и страницы, которые я смог выявить на этой схеме были потом отражены в вайрфреймах.

Подлужный Дмитрий Арнольдович

Об авторе

Дмитрий Подлужный – UX Leader в ADV/web-engineering co. (ранее UX Leader, Art director, PM в студии Spacebox) и консультант по UX в свободное время.