UXPUB 🇺🇦 Дизайн-спільнота

Cover image for 6 паттернов моделирования концептов
Редакція
Редакція

Опубліковано • Оновлено

6 паттернов моделирования концептов

#ux

Модели как продукт, моделирование как процесс

Признаюсь. Модели меня мучают. Не те, что встречаются в журналах. Это было бы немного странно. Я имею ввиду модели, которые означают конструкции, которые объясняют сложные идеи. Все используют модели. Экономические модели, например, помогают экономистам понять сложные отношения между участниками торговли. Метеорологические модели помогают ученым прогнозировать погоду. Эти модели сами по себе сложные, но они являются основами целых систем. Сама система может быть хаотичной, но модель делает ее более доступной для нас. Упрощенная версия. модель для объяснения Пасхального седера. Созданная мной 10 лет назад визуальная модель для объяснения Пасхального седера. Я создаю модели в процессе создания веб сайтов для визуализации структуры сайта. Взгляните на любой непримечательный сайт электронной коммерции, например, и вы увидите результат тщательной разработки концептов. Группы продуктов? Версии продукта? Виды товаров? Сопутствующие товары? Совместимые товары? Зависимые продукты? К сожалению, нет общей схемы, описывающей все это. Продажа решений по кибербезопасности отличается от продажи спорттоваров. Я даже знаю, что вы сейчас думаете, потому что часто слышал это от других людей: Зачем так усложнять? Почему просто не нарисовать окна сайта и не посмотреть как это будет работать? Вот почему я использую модели: 1-E8leN2QGa5Jn_HfZhIepaw

Модели позволяют общаться на одном языке

Когда вы говорите о сложных вещах, они позволяют использовать общий набор слов. Например: Разрабатывая сайт для образовательных материалов детям, данные объединяются в темы (как динозавры и космос) и хобби (приготовление пищи и рукоделие). Чтобы понимать, о чем мы говорили, я добавил нормальный язык в структурную модель сайта. 1-r0K1VKxdIiTtuXHyx1djtA

Модели освещают ключевые связи

Ключевой аспект моделей заключается в отображении путей объединения идей между собой. Уделяя внимания таким связям, позволяет придать им больший вес и подразумевает необходимость их выражение в UX. Например: На образовательном сайте для детей, есть онлайн ресурсы для родителей, связанные с воспитанием детей. Очень важно было показать связь между материалами для родителей и детей. Я использовал модели для таких связей. 1-sp-p1MrShxoNw7msrDxyjA

Модели помогают нам понять, что действительно важно

При создании определенных концептов в рамках модели, вы уделяете им должное внимание. В конце концов, ваш дизайн будет отражать такие приоритеты. Например: В начале работы над проектом для образования детей, мы поняли, как важно определить различные сценарии использования. Мы создали модель, которая демонстрировала, как меняется UX через время. 1-6cs95coCn_fsYB25Pfkthg

Модели предоставляют новые идеи

Возможно, самое важное то, что модели дают нам новый взгляд на сложные идеи. Они дают нам нечто ощутимое в работе с нашими исследованиями и размышлениями над концептами. Например: Моделируя сценарии использования, мы продумали пути продвижения сайта для потенциальных пользователей. Понимая, что родители будут просматривать определенные виды контента, основываясь на пути попадания на сайт, мы смогли предугадать правильно позиционирование места входа на сайт. Короче говоря, не понимая основной концепции сайта, я не могу создать дизайн экрана.

...

В 2014, Кристина Вудтке попросила о встрече со мной, поговорить о моделях. Я создал несколько концептов моделей, как Пасхальная (выше), и описал их в моей первой книге Communicating Design. Она хотела обсудить мой процесс. Она пригласила Стивена Андерсона, мастера визуализации. Кристина записала наш разговор и несколько других в мини книгу о визуализации: Как создать концепт модели. Flickr Стивена андерсона Стивена андерсона Этот разговор запомнился Стиву. Через несколько лет, он представил свою концепцию моделирования, инструмент, который описывает аспекты моделирования. Он пояснил, что, пока другие делают наброски или моделируют книги, задумываясь только о содержании, он хотел раскрыть все основы и элементы, которые их связывают. Но не я. В процессе размышления над моделированием, я пытаюсь понять, как я могу основываться на уже существующие шаблоны. Мой мыслительный процесс предполагает применение шаблонов к концептам, элементы которых являются частью системы, которую я пытаюсь моделировать. Я начинаю с общего шаблона, и когда дело доходит до создания модели, я просто применяю его к необходимой тематике.

Моделирование не является готовым продуктом. Оно также является процессом.

Обычно я начинаю с составления списка идей, объединенных общей тематикой. После нескольких итераций, я уже вижу ключевые темы - основную идею. Финальный продукт может не иметь ничего общего с исходным шаблоном. В любом случае, шаблон важен для того, чтоб упорядочить все мысли о системе. Применение таких моделей происходит параллельно с процессом моего понимания идеи, подразумевая, что моделирование является не только конечным продуктом, но и процессом. Вот шаблоны, которые я использую: 1-5cT6zL3LUsW4J_Uwa_eSPA

Линейные модели

Когда я работаю с каким-нибудь процессом, я обычно продумываю последовательные шаги, простую линейную модель. Линейные модели не могут быть конечным результатом, но они являются хорошей основой для старта. Большинство действий пользователей можно представить в виде линейной модели. Исследования и разработки в этой области, помогают нам обозначить ключевые этапы и возможные сценарии на пути к достижению конечно цели. Натан (мой партер по бизнесу), создал простую модель, которая описывает его концепцию управления дизайн системами. Начать-Расширить-Укрепить, по сути является линейной моделью. Предполагается, что необходимо сперва создать базовую дизайн систему, увеличить количество продуктов, которые ее используют и затем, обеспечить процесс ее поддержки. Конечно, в жизни это все намного сложнее. Процессы могут накладываться и пересекаться, но такое понимание деятельности, помогает определить векторы деятельности. Линейные модели

Треугольные модели

Модель, которую я использую чаще всего - треугольная. Мне очень нравится, что у треугольника есть три точки, и каждая точка соединена с двумя другими: нет исключения связей. Мне нравится говорить о точках и отношениях между ними, что может быть связями и пересечениями. Треугольники - это стабильные фигуры, которые могут служить основой для создания более сложных диаграмм. модель рабочих процессов дизайнера Набросок модели рабочих процессов дизайнеров. Для презентации по управлению дизайн процессами, я размышлял над тем, что необходимо дизайнеру. Менеджеры должны понимать не только стремления и пожелания команды, но также и то, что ее вдохновляет. После обсуждения ключевых моментов, я сгруппировал их и выделил (конечно же!) три основных аспекта. После того, как я объединил их в треугольник, я понял что способности дизайнера управляют всеми ими. “Способность” стала четвертым аспектом, который стал точкой вершины пирамиды и объединил три других аспекта. Треугольные модели

Парные модели

Парные модели - это классический шаблон, который применяется в бизнес школах по всему миру. Нарисуйте две перпендикулярные линии и вы получите 4 квадрата. Эти четыре квадрата представляют разные состояния процессов и каждый из них имеет уникальные отношения с остальными. Парные модели Модель, описывающая процессы исследования. Когда я глубоко задумывался о ранних фазах дизайн процессов (некоторые называют это стратегией или исследованием), я понимал, что линейные модели будут не уместны для описания. Такие исследования зачастую хаотичны, и дальнейшие действия должны отвечать потребностям продукта. Недостаток ясности вокруг проблем дизайна приводит к зарисовкам идей, чтобы пролить свет на то, что работает, а что нет. Данная модель призвана описать отношения между данными процессами и объяснить, почему возникает такой хаос. 1-84qfrQjtbmVLVeqeDXWU3Q

Матричные модели

Будучи похожими на парные модели, матрица располагает данные, которые представляют интерес, по двум осям. Такие оси могут быть разными, хотя мы больше привыкли к отображению времени в качестве горизонтальной оси и значения в виде вертикальной. Планы проекта - это тип матрицы в которой шкала времени размещена горизонтально, а рабочие процессы, или задачи команды - вертикально. Команда EightShapes использует термин “матрица готовности” для измерения степени готовности (горизонтально) индивидуальных элементов дизайна (вертикально). Матрица для шаблонов веб страниц. Матрица для шаблонов веб страниц. Для своего образовательного сайта, я использовал матричную модель для описания того, как шаблоны меняются в различных сценариях. Сценарии были отображены по горизонтальной оси и описывали ситуации (невозможно войти на сайт, пользователь впервые на сайте). Вертикальная ось отображала данные по созданным нами шаблонам. На каждом месте пересечения линий, я показывал снимок экрана (например тема + пользователь впервые на сайте). При просмотре по-вертикали, мы можем сравнить шаблоны в рамках данного сценария. При просмотре по-горизонтали, мы видим, как изменяется отдельно взятый шаблон в разных сценариях. 1-0OZthoWlW5LWoHwkIRpklQ

Метафорические модели

Когда кто-то сравнивает контент своего сайта с айсбергом или концепт продукта с “фитнес браслетом”, это называется использование метафор. Метафоры могут служить мощным инструментом в моделировании сложных систем. Также, они могут помочь провести параллели к более простым и понятным концептам. Метафоры типа айсберга и фитнес браслета имеют такие свойства, которые помогут расширить понимание аспектов вашего концепта. Они подразумевают использование шаблона (например: 90% видимой части), которое позволит посмотреть на концепт по-новому. процесс поиска в виде химической формулы. процесс поиска в виде химической формулы. Работая с американским обществом химиков над проектом создания стратегии для поиска онлайн, я нашел способ объяснить сложные взаимосвязи процесса поиска. Было довольно сложно отойти от идеи использования экосистемы, которая прекрасно описывала связи между данными, ключевыми словами и поисковой системой. Однако понятие экосистемы было бы более применимо к естественным наукам. Правильная метафора внезапно пришла мне в голову: химическая реакция. Я использовал формулу для обозначения, как можно достичь результата при правильном подборе элементов (контент, ключевые слова, данные) 1-PPwRnf_PlaUSnEJvJFt-Kw

Карточные модели

Один из видов моделей, который я использую все чаще в последнее время - это карточки. Не знаю, связано ли это с моим увлечением настольными играми, но карточки хорошо подходят для моделирования сложных вещей. Используя данную модель, каждый аспект системы отображен на определенной карточке. Проще говоря, на карточке содержится короткая фраза, описывающая концепт. Также я могу добавить небольшой текст. Я могу добавить на карточки дополнительные категории (команды?) и данные (статистика матча?). И вот, некогда сложная абстрактная система принимает более понятный вид. Вы можете создавать карточки, если ваш концепт можно поделить на группы компонентов. [caption id="attachment_32205" align="alignnone" width="511"] Что может заставить лидера дизайнеров оптимизировать процессы? Вот оно, изображено на карточках.[/caption] Когда появилась “выживание в дизайн проекте”, игра о решении конфликтов в креативных командах, я часто использовал карточки для моделирования варианты поведения. Поведения могут иметь различные мотивы. Карточки позволяют мне определить различные поведения. Этот пример взят из слайда презентации, на которой описывались принципы оптимизации проекта. А также, предложения по их улучшению. Для другого проекта, я разрабатывал стратегию для развития веб команды. По окончанию проделанной работы, мы смоделировали их стратегию с использованием набора карточек, на которых были изображены различные подходы. У нас их было шесть, с описанием стандартов, улучшения процессов и создание рабочих групп. Так как мы описали процессы на карточках, мы смогли наглядно показать, влияние их друг на друга.

...

Этот список не является полным. Существует множество других визуальных моделей (круговые, диаграммы Венна), но я предпочитаю использовать эти шесть. Модели можно создавать из вышеуказанных шаблонов для отображения на бумаге. Это делается для последующего понимания, каким образом компоненты системы соотносятся между собой. Данный подход помогает мне осознать, что является на самом деле полезным и интересным. Они помогают мне сформировать дальнейшие действия.


Перевод статьи Dan Brown

Топ коментарі (0)