Взаимодействие шаблонов проектирования являются шаблоны проектирования применяются в контексте взаимодействия человека с компьютером , описывая общие проекты для графических пользовательских интерфейсов .
Шаблон проектирования - это формальный способ документировать решение общей проблемы проектирования . Идея была представлена архитектором Кристофером Александром для использования в городском планировании и архитектуре зданий и была адаптирована для различных других дисциплин, включая преподавание и педагогику, организацию и процессы разработки, а также архитектуру и дизайн программного обеспечения. [1]
Таким образом, шаблоны проектирования взаимодействия - это способ описания решений общих проблем удобства использования или доступности в конкретном контексте. [2] Они документируют модели взаимодействия, которые упрощают пользователям понимание интерфейса и выполнение своих задач. [3]
История
Узоры возникла как архитектурная концепция по Кристоферу Александеру . Шаблоны - это способы описания лучших практик, объяснения хороших проектов и сбора опыта, чтобы другие люди могли повторно использовать эти решения.
Шаблоны проектирования в информатике используются разработчиками программного обеспечения в процессе фактического проектирования и при передаче проектов другим пользователям. Паттерны проектирования приобрели популярность в информатике после публикации книги "Паттерны проектирования: элементы объектно-ориентированного программного обеспечения многократного использования" . С тех пор появилось сообщество шаблонов, которое определяет шаблоны для проблемных областей, включая архитектурные стили и объектно-ориентированные структуры. В Узоре Языки программирования на конференциях (ежегодное, 1994-) производства включает в себя множество примеров предметно-конкретные моделей.
Применение подхода на языке шаблонов к дизайну взаимодействия было впервые предложено в книге Нормана и Дрейпера « Проектирование систем, ориентированных на пользователя» (1986). В руководстве Apple Computer Macintosh Human Interface Guidelines также цитируются работы Кристофера Александера в рекомендованной литературе.
Библиотеки
Александр представлял язык шаблонов как структурированную систему, в которой семантические отношения между шаблонами создают целое, которое больше суммы его частей, во многом подобно тому, как грамматические отношения между словами делают язык значимым. [4] В то время как некоторые коллекции шаблонов пытаются создать структурные отношения, необходимые для формирования языка, многие другие представляют собой просто набор шаблонов (и поэтому более уместно называть их библиотеками).
Библиотеки шаблонов мобильного взаимодействия
Популярность мобильных устройств, таких как смартфоны и планшеты, вызывает потребность в библиотеке шаблонов дизайна мобильного взаимодействия.
Эта потребность обусловлена:
- Различия в поведении пользователя и взаимодействии с мобильными устройствами, например жесты смахивания и касания, взаимодействие по отношению к графическому интерфейсу рабочего стола, управляемому мышью.
- Различия в физических атрибутах между мобильным и настольным устройством, например размером экрана, сенсорным экраном и т. Д.
- Рекомендации по дизайну, рекомендованные мобильной ОС, например iOS, Android.
Элементы
Чтобы шаблоны были полезны дизайнерам и разработчикам, которые будут их использовать, они должны быть легко обнаруживаемыми и читаемыми. [5] [6] [7]
Общие элементы
Хотя описания шаблонов несколько различаются, многие библиотеки шаблонов включают некоторые общие элементы:
- Имя шаблона: выбор четкого и описательного имени помогает людям найти шаблон и способствует четкому общению между членами команды во время обсуждения дизайна.
- Описание шаблона: поскольку коротких имен, таких как «развертка в одном окне», иногда недостаточно для описания шаблона, несколько дополнительных строк объяснения (или канонический снимок экрана) помогут объяснить, как работает шаблон.
- Формулировка проблемы: написанная на ориентированном на пользователя языке, она сообщает конечному пользователю, чего он хочет достичь или в чем состоит проблема.
- Использование Когда: «Контекст использования» является важным компонентом шаблона проектирования. Этот элемент помогает людям понять ситуации, когда шаблон проектирования применяется (а когда нет).
- Решение . Решение должно объяснять, «как» решить проблему, и может включать в себя обязательные контрольные списки, снимки экрана или даже короткие видеоролики, демонстрирующие схему в действии.
- Обоснование: объяснение причин, «почему» шаблон работает, укрепит решение, хотя разработчики, ограниченные во времени, могут предпочесть игнорировать это объяснение.
- Примеры: Каждый пример показывает, как успешно применялся шаблон. Часто это сопровождается снимком экрана и кратким описанием.
- Комментарии: Включение места для обсуждения членами команды использования шаблона помогает поддерживать активный ресурс и поддерживает вовлеченность команды.
Необязательные элементы
Библиотеки шаблонов также могут включать необязательные элементы, в зависимости от потребностей группы, использующей их. Они могут включать:
- Спецификации реализации: руководство по стилю с подробной информацией о размерах шрифтов, размерах в пикселях, цветах и формулировках сообщений и меток может быть полезным для разработчиков.
- Исследование юзабилити: необходимо фиксировать любые подтверждающие исследования, полученные на основе тестов юзабилити или других отзывов пользователей. Это также может включать отзывы разработчиков, службы поддержки или отдела продаж.
- Связанные шаблоны : библиотека шаблонов может включать похожие шаблоны или может быть организована в иерархию родительских и дочерних шаблонов.
- Подобные подходы : поскольку существует множество возможных решений этой проблемы, командам может потребоваться место для сбора аналогичных альтернатив.
- Исходный код : если код достаточно модульный для повторного использования, его также можно включить в библиотеку.
Причины использования шаблонов проектирования
Преимущества использования шаблонов дизайна взаимодействия включают в себя:
- Обучение новичков некоторым лучшим практикам и распространенным подходам
- Коллективная мудрость дизайнеров во многих сферах применения и сценариях
- Предоставление командам общего языка, сокращение недопонимания, возникающего из-за разной лексики.
- Сокращение времени и затрат в жизненном цикле проектирования и разработки
- Сделать полезные конструкции " путем наименьшего сопротивления "
- Избавьтесь от потраченного впустую времени на «изобретение колеса»
- Обеспечение согласованного и предсказуемого взаимодействия пользователей с приложением или сервисом.
Преимущества перед рекомендациями по дизайну
Руководства обычно более полезны для описания требований, тогда как шаблоны - полезные инструменты для тех, кому необходимо преобразовать требования в конкретные программные решения. Некоторые люди рассматривают рекомендации по дизайну как образец паттерна дизайна взаимодействия, поскольку они также являются распространенным подходом к получению опыта в дизайне взаимодействия. Однако шаблоны дизайна взаимодействия обычно имеют следующие преимущества перед рекомендациями по дизайну:
- Абстрактные руководящие принципы, такие как Восемь золотых правил проектирования интерфейсов Шнейдермана, не предлагают, как решить проблему, как многие шаблоны проектирования взаимодействия, и не могут использоваться для междисциплинарного общения. Кроме того, в рекомендациях не объясняется, почему работает то или иное решение.
- Конкретные рекомендации, такие как Macintosh Human Interface Guidelines, слишком привязаны к конкретному интерфейсу и, следовательно, не так эффективны при применении к другим интерфейсам (особенно интерфейсам, отличным от Macintosh).
- Другая проблема с рекомендациями заключается в том, что их слишком много, что затрудняет применение правильных рекомендаций дизайнерами. Также руководящие принципы предполагают абсолютную достоверность, хотя обычно они могут применяться только в определенном контексте. Следствием этого также является то, что руководящие принципы часто вступают в противоречие только потому, что в них отсутствует описание контекста.
Рекомендации и шаблоны не обязательно противоречат друг другу, и их можно использовать вместе, чтобы выявить проблему, а затем создать действительное решение.
Смотрите также
Рекомендации
- ^ Коплиен, Джеймс. «Определение паттерна» . Bell Laboratories. Архивировано из оригинала на 2007-02-09 . Проверено 24 ноября 2008 .
- ^ "Что такое узор?" . Yahoo! . Проверено 24 ноября 2008 .
- ^ Тидвелл, Дженнифер. «Общая основа: язык шаблонов для проектирования человеко-машинного интерфейса» . Массачусетский технологический институт . Проверено 24 ноября 2008 .
- ^ Пембертон, Лин. «Жанр как структурирующая концепция языков шаблонов проектирования взаимодействия» . Университет Брайтона . Проверено 24 ноября 2008 .
- ^ Спул, Джаред. «Элементы шаблона дизайна» . Разработка пользовательского интерфейса . Проверено 24 ноября 2008 .
- ^ Мэлоун, Эрин. «Реализация библиотеки шаблонов в реальном мире: пример использования Yahoo!» . Коробки и стрелки. Архивировано из оригинала на 2008-12-07 . Проверено 24 ноября 2008 .
- ^ Кунерт, Тибор. Шаблоны проектирования ориентированного на пользователя взаимодействия для приложений интерактивного цифрового телевидения . Springer. 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