Удобство использования / Дизайн UI / UX, и т.д. - документирующий для проекта
Я - разработчик программного обеспечения, и я иду на проект теперь, когда включает реализацию веб-сайта с помощью ASP.NET (3.5 / 2008, с помощью Фабрики программного обеспечения Веб-клиента). Для меня определили задачу при создании UI / Документ Дизайна UX для проекта, однако я действительно не знаю, где запустить.
Я был на одном проекте за 3 года, где был формальный документ дизайна UI, который включал расположение и инструкции/правила по стилю (например, приложение имеет заголовок, навигацию, и т.д., ссылки должны быть цветом A, кнопки для позитивных шагов должны быть справа, и т.д. и т.д.). Это было довольно полезно задним числом, я ценил, что кто-то вошел в так большое усилие также - даже определение классов CSS в документе. Однако документ был основан на существующем приложении и соответствовал полному фирменному стилю бизнеса.
Текущий проект является новым проектом, который в данный момент не имеет ясно определенных требований (да, я знаю..., как Вы разрабатываете, когда нет многих требований... Я отступаю). Трудно знать, какая функциональность точно будет необходима. Существует два различных пользовательских типа / персоны, но никакое формальное исследование не будет проведено на них для этого документа. Кроме того, я не уверен в фирменном стиле, кроме которого бизнес имеет некоторые правила относительно использования их логотипа, который я только надену дальнейшее разъяснение через несколько дней.
Таким образом, я немного в темноте, бросая краску в холст, надеясь, что я получаю симпатичное изображение в конце (если только я был Jackson Pollock).
Что Вы включали бы в этот документ? Это нацелено на бизнес (клиент), а также разработчики. Я могу думать только ниже:
- Расположение - заголовок, нижний колонтитул, содержание, навигация
- Стили - цветовая палитра и стили различных ожидаемых компонентов
- Взаимодействие с пользователем - когда пользователь выполняет действие и должен ожидать, они уведомляются модальным диалоговым окном, проверка сделана с помощью Ajax, навигация должна быть контекстной, задачи должны быть выполнены с минимальным количеством нажатия / навигация и т.д. и т.д.
Кто-либо получил опыт в создании такого документа или какого-либо известного, проверенного на практике процесса для дизайна UI?
Спасибо,
James
3 ответа
]Существует множество элементов, которые могут быть включены в такой набор документации:[
] [- ]
[
- ]руководство по визуальному стилю (цвета, шрифты, размеры, иконки и т.д.)[ ] [
- ]руководство по брендингу (корпоративные логотипы, цвета, сообщения и т.д.)[ ] [
- ]руководство по авторскому стилю (терминология, правильные сообщения, правильный голос и т.д.)[ ] [
- ]руководство по авторскому стилю (терминология, правильный голос и т.д.). )[ ] [
- ]persona/emographic targetting[ ] [
- ]page layout guidelines[ ] [
- ]guidelines/standards/standards[ ] [
- ]JS guidelines/standards[ ] [
- ]use cases[ ] [
- ]availability issues[ ] [
- ]usability issues[ ] [
- ]example implementationments[ ] [
- ]IA path flows[ ] [
- ]Wireframe components[ ] [
- ]etc. [ ] [
]Я бы взял эту книгу, если бы вы могли начать думать об этом:[
] []] В статье Википедии для [] Human Interface Guidlines[] есть несколько замечательных ссылок, которые я хотел предложить. Некоторые из них могут содержать гораздо больше информации, чем вам нужно, но они должны дать вам хорошее представление о том, какие типы вещей вы должны добавить.[
] [] Я всегда считал руководства Apple очень полными и полезными, но они определённо [][] очень [][] полны и требуют много чтения.[
].Наряду со всеми другими очевидными компонентами вашего документа по планированию, было бы хорошей идеей эскиз части пользовательского интерфейса наряду с прилагаемым повествованием конкретных случаев использования проиллюстрированы.
У меня были проблемы в прошлом при попытке сообщить идеи пользовательских пользователей. Часто полезно делать эскизы диалоговых ящиков и последовательностей действий. Если эти эскизы выглядят слишком «реально», то для них есть тенденция стать спецификацией для конечного продукта.
Чтобы смягчить это, я играю с макетами Balsamiq . Он имеет приятное свойство, которое это редактируемая салфетка, и намеренно оказывает все объекты и макеты экрана с рисованной. Мне нравятся результаты, которые я достигли с ним для небольших внутренних проектов. Я не имел (пока) имел возможность использовать его для большого проекта со многими внешними заинтересованными сторонами.