Шаблон проектирования взаимодействия
Шаблоны проектирования взаимодействия — это шаблоны проектирования , применяемые в контексте взаимодействия человека и компьютера и описывающие общие конструкции графических пользовательских интерфейсов .
Шаблон проектирования — это формальный способ документирования решения общей проблемы проектирования . Идея была предложена архитектором Кристофером Александром для использования в городском планировании и строительной архитектуре и была адаптирована для различных других дисциплин, включая преподавание и педагогику, организацию и процесс разработки, а также архитектуру и дизайн программного обеспечения. [1]
Таким образом, шаблоны проектирования взаимодействия — это способ описания решений распространенных проблем юзабилити или доступности в конкретном контексте. [2] Они документируют модели взаимодействия, которые облегчают пользователям понимание интерфейса и выполнение своих задач. [3]
История [ править ]
Узоры возникли как архитектурная концепция Кристофера Александра . Шаблоны — это способы описания лучших практик, объяснения хороших проектов и сбора опыта, чтобы другие люди могли повторно использовать эти решения.
Шаблоны проектирования в информатике используются разработчиками программного обеспечения во время самого процесса проектирования и при передаче проектов другим. Шаблоны проектирования приобрели популярность в информатике после книги «Шаблоны проектирования: элементы многоразового объектно-ориентированного программного обеспечения» публикации . С тех пор появилось сообщество шаблонов, которое определяет шаблоны для проблемных областей, включая архитектурные стили и объектно-ориентированные структуры. конференции « Языки шаблонов программирования» (ежегодно, 1994 г.) Материалы включают множество примеров шаблонов, специфичных для предметной области.
Применение подхода на языке шаблонов к проектированию взаимодействия было впервые предложено в книге Нормана и Дрейпера « Проектирование систем, ориентированных на пользователя» (1986). В Руководстве по пользовательскому интерфейсу Macintosh компании Apple Computer также цитируются работы Кристофера Александера в рекомендованном к прочтению виде.
Библиотеки [ править ]
Александер представлял язык шаблонов как структурированную систему, в которой семантические отношения между шаблонами создают целое, превосходящее сумму его частей, подобно тому, как грамматические отношения между словами придают языку смысл. [4] В то время как некоторые коллекции шаблонов пытаются создать структурные отношения, необходимые для формирования языка, многие другие представляют собой просто совокупность шаблонов (и поэтому их более правильно называть библиотеками шаблонов).
Библиотеки шаблонов мобильного взаимодействия [ править ]
Популярность мобильных устройств, таких как смартфоны и планшеты, приводит к необходимости создания библиотеки шаблонов проектирования мобильных взаимодействий.
Эта потребность обусловлена:
- Различия в поведении и взаимодействии пользователей на мобильных устройствах, такие как жесты смахивания и касания, взаимодействие с графическим интерфейсом настольного компьютера, управляемым мышью.
- Различия в физических характеристиках мобильного и настольного устройства, например, размер экрана, сенсорный экран и т. д.
- Рекомендации по проектированию, рекомендованные для мобильных ОС, например iOS, Android
Элементы [ править ]
Чтобы шаблоны были полезны дизайнерам и разработчикам, которые будут их использовать, они должны быть доступны для поиска и чтения. [5] [6] [7]
Общие элементы [ править ]
Хотя описания шаблонов несколько различаются, многие библиотеки шаблонов включают некоторые общие элементы:
- Название шаблона. Выбор четкого и описательного имени помогает людям найти шаблон и способствует четкому общению между членами команды во время обсуждения дизайна.
- Описание шаблона. Поскольку коротких названий, таких как «детализация в одном окне», иногда недостаточно для описания шаблона, несколько дополнительных строк пояснений (или канонический снимок экрана) помогут объяснить, как работает шаблон.
- Постановка проблемы: написанная на языке, ориентированном на пользователя, она сообщает, чего пользователь хочет достичь или в чем состоит задача для конечного пользователя.
- Использование Когда: «Контекст использования» является важнейшим компонентом шаблона проектирования. Этот элемент помогает людям понять ситуации, когда шаблон проектирования применим (а когда нет).
- Решение. Решение должно объяснять, «как» решить проблему, и может включать в себя контрольные списки, снимки экрана или даже короткие видеоролики, демонстрирующие шаблон в действии.
- Обоснование: объяснение причин, «почему» шаблон работает, укрепит решение, хотя разработчики, испытывающие нехватку времени, могут предпочесть игнорировать это объяснение.
- Примеры: Каждый пример показывает, как шаблон был успешно применен. Часто он сопровождается снимком экрана и кратким описанием.
- Комментарии: Предоставление членам команды места для обсуждения использования шаблона помогает поддерживать активный ресурс и поддерживать вовлеченность команды.
Дополнительные элементы [ править ]
Библиотеки шаблонов также могут включать дополнительные элементы, в зависимости от потребностей использующей их команды. Они могут включать в себя:
- Спецификации реализации: Руководство по стилю с подробной информацией о размерах шрифтов, размерах в пикселях, цветах и формулировках сообщений и меток может оказаться полезным для разработчиков.
- Исследование юзабилити: Любые подтверждающие исследования, основанные на тестах юзабилити или других отзывах пользователей, должны быть зафиксированы. Сюда также могут относиться отзывы разработчиков, службы поддержки клиентов или отдела продаж.
- Связанные шаблоны : Библиотека шаблонов может включать в себя похожие шаблоны или может быть организована в иерархию родительских и дочерних шаблонов.
- Похожие подходы . Поскольку существует множество возможных решений этой проблемы, командам может потребоваться место для сбора похожих альтернатив.
- Исходный код : если код достаточно модульный, чтобы его можно было использовать повторно, его также можно включить в библиотеку.
Причины использования шаблонов проектирования [ править ]
Преимущества использования шаблонов проектирования взаимодействия включают в себя:
- Обучение новичков некоторым передовым практикам и общим подходам
- Учет коллективной мудрости дизайнеров во многих сферах применения и сценариях.
- Предоставление командам общего языка, сокращение недоразумений, возникающих из-за разного словарного запаса.
- Сокращение времени и затрат на жизненном цикле проектирования и разработки.
- Создание практичного дизайна — « путь наименьшего сопротивления »
- Устраните бесполезную трату времени на «изобретение велосипеда»
- Обеспечение единообразия и предсказуемости взаимодействия пользователей с приложением или услугой.
перед рекомендациями проектированию Преимущества по
Руководства, как правило, более полезны для описания требований, тогда как шаблоны являются полезными инструментами для тех, кому необходимо преобразовать требования в конкретные программные решения. Некоторые люди рассматривают рекомендации по дизайну как образец шаблона проектирования взаимодействия, поскольку они также являются распространенным подходом к отражению опыта проектирования взаимодействия. Однако шаблоны проектирования взаимодействия обычно имеют следующие преимущества перед рекомендациями по проектированию:
- Абстрактные рекомендации, такие как «Восемь золотых правил дизайна интерфейсов» Шнейдермана, не предлагают, как решить проблему, как многие шаблоны проектирования взаимодействия, и не могут использоваться для междисциплинарного общения. Более того, рекомендации не объясняют, почему то или иное решение работает.
- Конкретные рекомендации, такие как Рекомендации по пользовательскому интерфейсу Macintosh, слишком адаптированы к конкретному интерфейсу и поэтому не так эффективны при применении к другим интерфейсам (особенно к интерфейсам, отличным от Macintosh).
- Другая проблема с рекомендациями заключается в том, что их слишком много, что затрудняет применение правильных рекомендаций дизайнерами. Кроме того, руководящие принципы предполагают абсолютную обоснованность, хотя обычно их можно применять только в определенном контексте. Результатом этого также является то, что руководящие принципы часто конфликтуют только потому, что им не хватает описания контекста.
Рекомендации и шаблоны не обязательно противоречат друг другу, и оба могут использоваться вместе для выявления проблемы, а затем создания правильного решения.
См. также [ править ]
- Шаблон проектирования
- Геймплей
- Элементы дизайна
- Информационная архитектура
- Интерактивный дизайн
- Интерактивность
- Дизайн интерфейса
- Мобильное взаимодействие
- Звуковой дизайн взаимодействия
- Удобство использования
- Ориентированный на пользователя дизайн
Ссылки [ править ]
- ^ Коплин, Джеймс. «Определение шаблона» . Лаборатории Белла. Архивировано из оригинала 9 февраля 2007 г. Проверено 24 ноября 2008 г.
- ^ «Что такое узор?» . Яху!. Архивировано из оригинала 4 декабря 2008 г. Проверено 24 ноября 2008 г.
- ^ Тидвелл, Дженнифер. «Общая основа: язык шаблонов для проектирования человеко-компьютерного интерфейса» . Массачусетский технологический институт . Проверено 24 ноября 2008 г.
- ^ Пембертон, Лин. «Жанр как концепция структурирования языков шаблонов интерактивного проектирования» . Университет Брайтона. Архивировано из оригинала 22 октября 2006 г. Проверено 24 ноября 2008 г.
- ^ Спул, Джаред. «Элементы шаблона проектирования» . Инженерия пользовательского интерфейса. Архивировано из оригинала 20 декабря 2008 г. Проверено 24 ноября 2008 г.
- ^ Мэлоун, Эрин. «Внедрение библиотеки шаблонов в реальном мире: пример Yahoo!» . Коробки и стрелы. Архивировано из оригинала 7 декабря 2008 г. Проверено 24 ноября 2008 г.
- ^ Кунерт, Тибор (23 июня 2009 г.). Шаблоны проектирования ориентированного на пользователя взаимодействия для приложений интерактивного цифрового телевидения . Спрингер. ISBN 9781848822740 . Проверено 6 июля 2009 г.
Дальнейшее чтение [ править ]
- Шаблонный подход к проектированию взаимодействия, Ян Борчерс, ISBN 0-471-49828-9
- «Язык шаблонов для удобства веб-юзабилити», Ян Грэм, ISBN 0-201-78888-8
- Шаблоны проектирования взаимодействия для приложений электронного сбора данных на основе NFC, Андреас Принц, Prinz Publishing, Дибург, 2014 г., ISBN 978-3-9816875-0-7 .
- «Дизайн сайтов: шаблоны создания выигрышных веб-сайтов» (второе издание), Дуглас К. ван Дуйн, Джеймс А. Лэндей и Джейсон И. Хонг, ISBN 0-13-134555-9
- «Проектирование интерфейсов: шаблоны эффективного проектирования взаимодействия», Дженифер Тидвелл, ISBN 0-596-00803-1
- «Проектирование социальных интерфейсов: принципы, шаблоны и практики улучшения пользовательского опыта», Кристиан Крамлиш и Эрин Мэлоун, ISBN 0-596-15492-5
- Проектирование взаимодействия для сложных когнитивных действий с визуальными представлениями: подход, основанный на шаблонах, Камран Седиг и Пол Парсонс, Транзакции AIS при взаимодействии человека и компьютера 5 (2), 84-133 .
Внешние ссылки [ править ]
- 10 отличных сайтов с шаблонами проектирования пользовательского интерфейса от Interaction Design Foundation
- Библиотека шаблонов проектирования Yahoo