Краткое описание проекта
Просмотрите полное описание проекта для MatchDog снова.
На этом этапе вы можете почерпнуть идеи из примеров из книги, касающихся опций концептуальной модели MatchDog. Книга намеренно сопровождает этот этап проекта примерами и обсуждением различных вариантов. Две готовые возможности показаны на рис. 17. Однако вы являетесь проектировщиком, и CM должен отражать желаемую и оптимизированную грамматику и поддерживающую ее грамматику. Информационная архитектура вы решаете удержать его. Семантический сетка является важнейшим элементом того, как ваш CM будет интерпретирован с первого взгляда пользователем.
Цель этого упражнения
В этом упражнении вы изучите альтернативы сопоставления сетки и грамматики, чтобы изучить возможные способы организации контента в информационной архитектуре MatchDog. Вы также сможете сравнить приблизительное количество экранов между альтернативами, которые вы изучаете, прежде чем закончить.
Оборудование, которое вам понадобится в этом упражнении
- Компьютер с вайрфреймингом / прототипирование программное обеспечение, если вы решите эскиз ваши сетки в цифровом виде
- Ручка и бумага, если вы решите рисовать сетки на бумаге.
Сетки эскизов и грамматика для организации структуры контента и информации
Нарисуйте несколько вариантов семантических сеток, чтобы решить, как вы будете организовывать контент в информационной архитектуре MatchDog. Два разных примера пояснены на рисунках 15–17. Вы можете начать с них или разработать свои собственные альтернативы.
Обратите внимание, что вам нужно будет сделать этот шаг дважды — один для потребительского Интернета и еще раз для мобильного варианта. Одна только разница в размере экрана может потребовать альтернативных подходов, но основная грамматика должна оставаться прежней. Пользователь, скорее всего, будет переключаться между мобильным устройством и Интернетом в течение всего процесса усыновления домашнего животного.
Рисунок 16 из UX Magic: альтернативные отображения концептуальной модели.
Главное, что нужно определить на этом этапе, — это скелет IxD, который может хранить все ваши глобальные действия и объекты и создавать навигация вокруг них на минимальном количестве страниц/экранов как для веб-версий, так и для мобильных устройств. При рассмотрении мобильного подхода вы можете либо принять во внимание рекомендации по пользовательскому интерфейсу платформы (приложение для iOS или Android), либо предположить, что это будет HTML-интерфейс. мобильный опыт. Избегайте гибридных мобильных устройств, которые не могут определиться, является ли это приложением или веб-страницей. Это нехорошо на практике, а также плохо выглядит на практике. портфель.
Что касается административного опыта бэк-офиса, вам необходимо учитывать, что действий гораздо больше, поскольку сотруднику необходимо будет иметь возможность создавать, обновлять и архивировать записи о собаках, клиентах и усыновлениях.
Вы можете выполнить это упражнение на бумаге или, если хотите, каркасный сопоставление сетки с грамматикой в инструменте прототипирования, который вы позже будете использовать на этапе интерактивного прототипирования проекта.
Завершите это упражнение
Создав несколько сопоставлений сетки и грамматики, вы увидели, что для вашей грамматики может быть более одной эффективной и действенной основы визуализации. В частности, вы практиковали применение одной и той же грамматики концептуальной модели в веб-версии и мобильных устройствах, чтобы обеспечить оптимальную согласованность, несмотря на ограничения, налагаемые различными устройствами.
Автор/Владелец авторских прав: Тео Ю Сианг и Интерактивный дизайн Фундамент. Условия авторских прав и лицензия: CC BY-NC-SA 3.0.
По теме
