| Статистика |
Онлайн всего: 1 Гостей: 1 Пользователей: 0 |
|
Разработка пользовательского интерфейса
Интерфейс пользователя тесно интегрирован со структурой сайта, построен на ее основе и наследует все ее преимущества. Разработка пользовательского интерфейса (ПИ) ведется параллельно дизайну программного продукта в целом.
Приложение разрабатывается для обеспечения работы пользователя, т.е. для того чтобы он с помощью компьютерной программы быстрее и качественнее решал поставленные задачи.
С точки зрения эргономики, самое важное в программе - создать такой пользовательский интерфейс, который сделает работу эффективной и производительной, а также обеспечит удовлетворенность пользователя от работы с программой.
Эффективность работы означает обеспечение точности, функциональной полноты и завершенности при выполнении каких либо задач. Создание ПИ должно быть нацелено на показатели эффективности:
Точность работы определяется тем, в какой степени произведенный пользователем продукт (результат работы), соответствует предъявленным к нему требованиям. Показатель точности включает процент ошибок, которые совершил пользователь: число ошибок набора, варианты ложных путей или ответвлений, число неправильных обращений к данным, запросов и пр.
Ясности и четкости понимания пользователем текстов и значения икон. В программе должны быть те слова и графические образы, которые пользователь знает.
Быстроты обучения при работе с программой, для чего необходимо использовать преимущественно стандартные элементы взаимодействия, их традиционное или общепринятое их расположение.
Наличия вспомогательных средств поддержки пользователя (поисковых, справочных, нормативных), в том числе и для принятия решения в неопределенной ситуации (ввод по умолчанию, обход «зависания» процессов и др.).
При разработке ПИ необходимо учитывать особенности устройств ввода/вывода информации, используемых пользователем, например: размер экрана монитора; разрешение экрана; цветовая палитра; характеристики звуковой (качество воспроизведения речи) и видеокарты (скорость вывода при анимации); вид мыши (с роликом или без); тип клавиатуры ("прямая”, "косая”).
При выборе технологии и методов ведения диалога программы с пользователем необходимо учитывать:
степень активности пользователя при взаимодействии (обеспечение доступа ко всем средствам интерфейса независимо от действий пользователя);
степень учета ситуации (контекстные подсказки, меню дальнейших событий или объектов, запоминание типичных путей диалога);
соответствие ожиданиям пользователя;
устойчивость, терпимость к ошибкам пользователя путем исправления типичных ошибок;
настройка ПИ на различный уровень подготовки пользователя;
степень адаптивности ПИ под предпочтения пользователя (изменение способа и порядка отображения, перекомпоновка экрана, выбор отдельных характеристик (стиля) и пр.).
При композиции экрана необходимо учитывать ограниченные размеры пространства экрана, в связи с чем возникает задача оптимального расположения максимально возможного объема информации путем:
логической увязкой данных в зависимости от алгоритма работы пользователя;
определения уровня "детальности – обобщенности” вывода информации (нахождение компромисса между желанием вывести много записей одновременно и/или сразу увидеть детальную информацию по каждой из них);
выделения важной информации на экране;
четкого определения основных и вспомогательных блоков информации;
определения статических полей на экране, а также полей, где информация периодически изменяется;
избегания перекрывающихся окон на экране;
применения принципов гармонии при компоновке экрана (симметрия, баланса масс, соблюдение пропорций, сочетание цветов).
Для удобной работы пользователя с программой необходима организация обратной связи между пользователем и приложением: показ актуального состояния системы; вывод отдельных, важных для рабочей операции данных; отражение действий пользователя (нажатия клавиш, запуск процесса, динамика выполнения процесса, получение ожидаемого и иного результата); ясность и информативность сообщений системы.
Проектирование панелей меню и выбор пунктов в них:
логическая и смысловая группировка пунктов;
фиксированная позиция панелей на экране;
ограничение на ширину списка выборов и шагов (глубины) меню;
использование привычных названий, широко распространенных икон-пиктограмм, традиционных икон-символов и аккуратное введение сокращений;
размещение наиболее часто используемых пунктов (обычно в начале списка).
определение способов ввода данных (таблицы, списки, простая форма, меню и пр.);
минимизация объема ввода;
выделение редактируемых обязательных и необязательных, а также не редактируемых полей;
использование механизмов быстрого ввода.
Совместное наращивание функциональности - возможность развивать приложение без разрушения (т.е. оставаясь в рамках) существующего интерфейса.
Адаптивность к действиям пользователя - приложение должно допускать возможность ввода данных и команд множеством разных способов (клавиатура, мышь, другие устройства) и многовариативность, кроме того программа должна учитывать возможность перехода и возврат от окна к окну, от режима к режиму, и правильно обрабатывать такие ситуации.
Независимость в ресурсах - для создания пользовательского интерфейса должны предоставляться отдельные ресурсы, направленные на хранение и обработку данных, необходимых для поддержки пользователя (пользовательские словари, контекстно-зависимые списки, наборы данных по умолчанию или по последнему запросу, истории запросов и пр.)
Простота и увеличение скорости навигации по сайту достигаются за счет малой вложенности страниц сайта, вследствие чего пользователь при минимальном количестве кликов мыши достигает необходимого результата. Малая вложенность сайта так же положительно сказывается на скорости загрузки необходимой пользователю информации.
Каждая вложенная страница сайта несет свою функциональную и смысловую нагрузку. Главная страница позволяет просмотреть список всех доступных статей, с целью выбора нужной. Для выбора, чтобы осуществить просмотр статьи полностью.
Выполнив переход на страницу «Статья полностью» пользователь может просмотреть статью полностью. Также с данной страницы осуществляется редактирование и удаление статьи. Также на данной странице есть возможность комментирования статьи.
Вложенная страница «Добавить статью» предназначена для добавления новой статьи с помощью визуального редактора. Так же с данной страницы возможно добавить новую категорию статьи или же редактировать уже созданную.
Вложенная страница «Гостевая» предназначена для отображения общения между пользователями ИР и разработчиками.
Вложенная страница «Авторы» предназначена для отображения списка всех авторов, кто публиковал свои статьи.
При разработке веб-ориентированных программных систем создание высокоэффективного дружественного интерфейса, который также обязан отвечать требованиям высокой скорости работы, что особенно важно при использовании медленных каналов соединения с сервером, хотя для разрабатываемой системы это не имеет большой важности.
Веб-интерфейсы удобны тем, что дают возможность вести совместную работу авторам и читателям, не находящимся в одном месте (например, веб-интерфейсы часто используются для заполнения различных баз данных или публикации материалов в интернет – СМИ).
Основыне правила, которые использовались при проектиовании интерфейса ИР.
Чем проще, тем лучше. Это вовсе не значит, что должен быть только текст и контактная информация, но на сайте не должно быть бесполезной информации, шрифт должен легко читаться. Графические элементы должны быть были чёткими, выразительными и быстро загружаться. На сайте недопустимо использовать анимацию и звук, которые долго загружаются и отвлекают внимание пользователя.
Человеческий глаз просматривает страницы сайта сверху вниз. Наибольшее внимание сосредотачивается на верхней левой части страницы. Поэтому в верхней части страницы сайта, как правило, размещается наиболее важная информация: логотип, название сайта и т.д.
Чем проще выполнена верхняя часть страницы, тем легче запомнить название сайта и опеределить его тематику.
Типовой ошибкой многих сайтов является нагромождение в верхней части страницы сайта авангардной и сложной композиции из многих рисунков, среди которых едва заметно располагается меню сайта и название сайта. В результате человеческий глаз, сканируя данную часть страницы сайта, не успевает распознать и запомнить нужную информацию. Происходит перенасыщение. Вместо увеличения запоминаемости, на таких сайтах, происходит снижение запоминаемости основных надписей (рисунков) сайта, название сайта.
Читатель и автор должен без труда находить интересующую его статью и иметь возможность редактировать, комментировать и т.п. На главной странице сайта не публиковать статью полностью, из-за большого количества информации происходит нагромождение главной страницы сайта, и поиск нужной информации становится достаточно затруднительным, даже с использованием различных запросов на выборку.
Выгружать часть атрибутов статьи, таким образом, чтобы пользователю было понятно: о чем написано в статье при ей полном просмотре.
|
| Категория: Программирование | Добавил: neon (08.03.2011)
|
| Просмотров: 2423
| Рейтинг: 0.0/0 |
|
|
|
