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

Илья Мельников, Лариса Бялык Тайна отличного интерфейса вашего сайта Суперменеджер в Интернете за 30 минут

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

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

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

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

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

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

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

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

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

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