Тайна отличного интерфейса вашего сайта

Тайна отличного интерфейса вашего сайта
Илья Мельников

Лариса Бялык

Суперменеджер в Интернете за 30 минут
В процессе разработки пользовательского интерфейса необходимо учитывать, что интерфейс пользователя представляет собой часть программы, которая будет находиться у всех на виду. Однако некоторые программисты упускают этот момент и склонны оставлять дизайн интерфейса пользователя на «потом». Они делают это, считая реальным достоинством созданного приложения программный код, который и требует большего внимания. И как результат, часто возникающие недовольства пользователей, которых раздражают неудачно подобранные шрифты, непонятное содержимое экрана и скорость его прорисовывания. Такие примеры показывают, что к работе над интерфейсом необходимо подходить весьма серьезно.

Илья Мельников, Лариса Бялык

Тайна отличного интерфейса вашего сайта

Суперменеджер в Интернете за 30 минут

При внедрении систем автоматизации бизнеса многие сталкиваются с довольно серьезными трудностями. При этом если само создание системы не составит большого труда (технически это не сложно), то ее внедрение потребует от автоматизатора высокой квалификации, редкого упорства и изворотливости. Основные трудности заключаются в постановке технического задания; для того, чтобы решать проблемы, возникающие при создании технического задания и проявляющихся при внедрении, было разработано множество технологий и методов. Но уже само их количество говорит о том, что ни один из придуманных методов не всегда приводит к полному успеху. При этом большинство предлагаемых методов имеют принципиальный недостаток, представляющий собой увеличенный объем работы, пусть и позволяющий сэкономить на другом этапе. Кроме того, они требуют весьма серьезных инвестиций на обучение сотрудников.

И все же существует такой подход, благодаря которому от исполнителей не потребуется особой квалификации; он в значительной степени облегчает внедрение, несущественно увеличивая объем работ по разработке технического задания. Главная сущность такого подхода заключается в проектировании интерфейса, который не является частью процесса разработки, а частью процесса создания спецификаций на систему. При этом интерфейс так или иначе будет разработан; кроме того, от проектирования интерфейса ничего особого не требуется, а потому на него обычно выделяют практически те же ресурсы, что и в случае обычной разработки.

В процессе разработки пользовательского интерфейса необходимо учитывать, что интерфейс пользователя представляет собой часть программы, которая будет находиться у всех на виду. Однако некоторые программисты упускают этот момент и склонны оставлять дизайн интерфейса пользователя на «потом». Они делают это, считая реальным достоинством созданного приложения программный код, который и требует большего внимания. И как результат, часто возникающие недовольства пользователей, которых раздражают неудачно подобранные шрифты, непонятное содержимое экрана и скорость его прорисовывания. Такие примеры показывают, что к работе над интерфейсом необходимо подходить весьма серьезно. Ведь пользователь не всегда видит программный код, зато перед его глазами интерфейс (хороший или плохой).

Ниже подробно рассмотрен процесс разработки пользовательского интерфейса.

Этап 1. Разработка эффективных форм

Согласно определения, формы – это строительные блоки интерфейса пользователя. При этом хороший дизайн форм будет включать в себя нечто большее, нежели просто добавление элементов управления и программирование процедур обработки событий. Для того, чтобы создать действительно хорошо спроектированную форму, нужно понять ее главное назначение, способ и время использования; а также связи с другими элементами программы. В создании приложения нужно учитывать тот факт, что вам придется создавать несколько форм, каждая из которых будет отображаться по мере необходимости. Все будет зависеть от того, какую задачу вы закладываете при создании. Так, одни пользователи стараются широко использовать многозадачность Windows, в то время как другие предпочитают работать только с одним приложением. При этом необходимо помнить об этом во время разработки интерфейса пользователя (UI), чтобы максимально реализовать все возможности Windows. Это позволит вашим пользователям с любыми навыками работы эффективно применять созданное вами приложение.

Этап 2. Проектирование форм ввода данных

При создании пользовательского интерфейса используют формы, которые были предназначены для ввода данных. Благодаря им пользователь может работать в нужном ему темпе, не оглядываясь на программиста. В процессе создания необходимо понимать основное правило: в случае, если пользователь собирается ввести в базу данных 10000 записей, нужно сделать так, чтобы ему не пришлось подтверждать ввод каждой записи. В самой форме ввода данных необходимо максимально использовать свободное пространство, так как при открытии и закрытии дополнительных форм происходит существенное замедление работы. Создавая формы ввода данных, следует уделить основное внимание скорости их работы и максимально ускорить процесс ввода данных. Важно при этом выполнять следующие основные правила:

1. Всегда используйте клавиатурные эквиваленты команд. При этом пользователь не должен был привязан к обязательному использованию мыши. Данный совет будет важен для всех форм создаваемой программы, а не только для форм ввода данных.

2. Все элементы должны быть расположены так, чтобы они были согласованы с задачами пользователя. Вы не должны заставлять пользователя перепрыгивать из раздела в раздел. Тем более, что при вводе информации это вовсе и не обязательно.

3. Избавьте своего пользователя от выполнения лишней работы. Так, если информация, которая будет содержаться в полях со 2-го по 10-е, необходима только тогда, когда первое поле имеет определенное значение – потому специалисты и не рекомендуют «заставлять» пользователя заполнять все поля подряд. В тоже время не стоит определять работу формы в зависимости от содержимого отдельных полей; в противном случае работа пользователя будет снижена.

4. Специалисты рекомендуют использовать заметную, но ненавязчивую обратную связь с пользователем. В качестве примера можно использовать работу редактора программного кода Visual Basic, который проверяет правильное написание переменных и констант.

5. Рекомендация специалистов: выполнить добавление и редактирование записей в одной и той же форме. Это позволит пользователю не осваивать сразу несколько методов доступа к одним и тем данным.

Этап 3. Работа с несколькими формами

В случае, если интерфейс пользователя содержит несколько форм, то вам предстоит выбрать вид интерфейса, который будет использоваться. Он бывает однодокументный, обозначаемый SDI, или многодокументный – MDI. Так, в SDI-приложениях все окна форм должны появляться совершенно независимо друг от друга. При этом не имеет значения какой тип интерфейса (SDI или MDI) был выбран, так как взаимодействие пользователя с формами будет происходить одинаково, в результате обработки событий, которые будут поступать от элементов управления формы. Поэтому, если в вашем приложении будет предусмотрено несколько форм, программу необходимо написать таким образом, чтобы у пользователей не было возможности нарушить предписанный ход ее выполнения. Так, например, пользователь не должен иметь возможности вывести форму, для которой еще не была приготовлена информация.