И инновации современной

73 
полученные несколько лет назад, не приносят конкурентных 
преимуществ, поэтому специалистам данной сферы требуется 
непрерывное получение новых знаний или их обновление. 
В настоящее время большую значимость имеют 
проблемы, связанные с разработкой дизайна пользовательского 
интерфейса. В данной статье рассмотрим информационную 
систему, разрабатываемую в качестве веб-приложения и на ее 
примере, проанализируем особенности разработки дизайна 
пользовательского интерфейса.
Информационная система (ИС) – это интегрированный 
набор компонентов для сбора, хранения и обработки данных, а 
также для распространения и обеспечения информации. Роль 
информационной системы заключается в поддержке ключевых 
аспектов управления организацией, таких как коммуникация, 
ведение документации, принятие решений, анализ данных и 
многое другое.
В большинстве случаев информационные системы 
помогают контролировать выполнение бизнес-процессов. 
Бизнес-процесс – это набор связанных задач, выполняемых для 
достижения определенной цели организации. Его также можно 
определить, как серию логически структурированных действий, 
которые производят определенную услугу или продукт для 
клиентов. Бизнес-процесс включает в себя множество связанных 
действий, которые охватывают разные отделы и включают 
несколько рабочих процессов, участников и этапов. В качестве 
примера бизнес-процесса можно привести ситуацию, когда 
заказ на поставку товара создается, утверждается и отправляется 
поставщику. Поставщик поставляет продукцию и предоставляет 
услуги по мере необходимости, а затем высылает счета, которые 
получает назначенный отдел, а он вслед за этим обрабатывает и 
оплачивает его после серии утверждений.
Разрабатываемая информационная система прежде всего 
представляет собой автоматизацию бизнес-процесса «Сбыт», 
предназначенного для управления взаимоотношениями с 
потребителями, а также организации эффективной системы 
сбыта товарной продукции, заключающейся в учёте и 
сопровождении 
заказов. 
Информационная 
система 
разрабатывается для хлебозавода, основной деятельностью 

74 
которого является производство хлебобулочной продукции. 
Внедрение информационной системы позволит более 
эффективно взаимодействовать с клиентами; продуктивнее 
использовать временные и трудовые ресурсы; уменьшить 
допущение ошибок, связанных с человеческим фактором; а 
также сократить лишнее производство продукции. 
Удобство использования является важнейшей частью 
разработки информационной системы. Сам по себе процесс 
внедрения ИС является сложным, длительным процессом, 
требующим решения множества вопросов. Одним из них 
является готовность сотрудников к внедрению информационной 
системы. Отношение сотрудников к нововведениям по большей 
части зависит от следующих факторов: 
– сложность понимания, использования и привыкания; 
– опытность сотрудников; 
– этапность освоения; 
– понимание выгодности нововведения по сравнению с 
нынешним положением. 
Как принято говорить, XXI век – это век информационных 
технологий. В последние десятилетия мир переходит к 
«информационному обществу», в связи с чем открываются 
множество компаний по разработке программных продуктов, 
которые являются неотъемлемой частью современного 
общества. На 2020 год интернетом пользуются более 4,5 
миллиарда людей, это почти 60% мирового населения. Согласно 
данным Digital 2020 в России пользуется интернетом 81% 
населения.
Данные 
GlobalWebIndex 
показывают, 
что 
люди 
используют различные приложения практически во всех сферах 
жизни. С каждым годом все больше и больше компаний готовы 
пользоваться услугами по разработке и созданию нужного им 
программного продукта. Например, множеству предприятий 
необходимо организовать работу с клиентами или просто 
регулировать внутреннюю деятельность фирмы.
В настоящее время веб-приложения пользуются большой 
популярностью, в связи с чем десктопные приложения ушли на 
второй план. Современные компании видят стремительное 
развитие интернет-сервисов и ресурсов, ввиду этого готовы 

75 
сделать выбор в пользу веб-приложений, вследствие того, что 
они обладают доступностью установки и обновления, 
простотой, универсальностью и практичностью. Поэтому было 
принято решение реализовать информационную систему в виде 
веб-приложения. И для сотрудников хлебозавода и для 
потенциальных клиентов веб-приложение станет успешным 
поддержанием удачных отношений. 
Веб-приложение – это клиент-серверное приложение, в 
котором при помощи браузера клиент взаимодействует с веб-
сервером, что и является его главным плюсом, так как вместо 
того, чтобы разрабатывать множество настольных приложений 
под каждую операционную систему легче написать одно веб-
приложение. Многие придерживаются мнения, что вскоре нам 
совсем не понадобятся полноценные десктопные приложения, 
так как браузер и есть ваша операционная система. 
Одними 
из 
главных 
преимуществ 
реализации 
информационной системы в виде веб-приложения являются 
мобильность, легкая смена платформ и отсутствие загрузки 
программных модулей. Для предприятия важны следующие 
качества программного продукта: 
– безопасность и надёжность; 
– быстродействие и функциональность; 
– простота в использовании и дешевизна; 
– мобильность и легкость обновления; 
– масштабируемость и кроссплатформенность. 
Разработка веб-приложений состоит из следующих 
основных этапов: 
1. Разработка технического задания (необходимо кратко 
на техническом языке описать как будет работать приложение). 
2. Создание дизайна и навигации (необходимо создать 
эскиз, разработать логотип, выбрать места расположения 
элементов навигации, выбрать шрифт и т.д.). 
3. Вёрстка. 
4. Программирование. 
5. Размещение. 
6. Тестирование и откладка.
Ролью 
разрабатываемого 
веб-приложения 
является 
получение конкурентного преимущества, автоматизация одного 

76 
из важнейших бизнес-процессов предприятия, привлечение 
новых клиентов и удержание существующих. Поэтому при 
разработке веб-приложения важно учитывать компоненты, 
способствующие 
удобству 
использования 
программного 
продукта: 
– обучаемость (легкость выполнения задач новыми 
пользователями); 
– эффективность (возможность пользователям быстро 
выполнять свои задачи); 
– запоминаемость (легкость восстанавливания навыков 
работы с интерфейсом вернувшимся пользователям); 
– ошибки (легкость исправления ошибок, допущенных 
пользователями при взаимодействии с интерфейсом); 
– удовлетворенность (приятно ли работать в веб-
приложении). 
Как уже было отмечено разрабатываемая система 
представляет собой веб-приложение. Разработка дизайна 
пользовательского интерфейса является одним из важнейших 
этапов при разработке веб-приложения. 
Пользовательский интерфейс – это точка взаимодействия 
человека с компьютером. Прежде всего пользовательский 
интерфейс 
должен 
способствовать 
удобной 
работе 
пользователя, так как именно с ним человек соприкасается в 
процессе своей работы. 
Дизайн веб-приложений, по сути, кардинально не 
отличается от дизайна других типов веб-сайтов. Они обладают 
множеством 
общих 
элементов, 
например, 
навигацией, 
заголовком, нижним колонтитулом и т.д.
В дизайне пользовательского интерфейса важным 
является форма обратной связи, как правило, она занимает 
нижнюю часть интерфейса перед нижним колонтитулом. 
Основная цель контактной формы – позволить пользователям 
уточнить или запросить некоторые моменты. При этом есть 
десяток 
альтернативных 
способов: 
видеочаты, 
обмен 
мгновенными сообщениями, социальные сети или даже 
обычные телефонные звонки. Впрочем, контактную форму по-
прежнему рекомендуется иметь, поскольку есть люди, 
предпочитающие использовать именно её. 

77 
В дизайне веб-приложений особенно важно иметь чат, 
обеспечивающий мгновенную связь с клиентами. Но у данного 
решения есть обратная сторона, имеющая такой недостаток, как 
чувствительность ко времени. Виртуальный помощник будет 
доступен в определенные часы, так что клиентам придётся 
подстраиваться под них или звонить напрямую на предприятие, 
если они заходят задать интересующий их вопрос. Опять же 
наличие отзывов будет плюсом для веб-приложения, так как с 
помощью них есть возможность завоевать доверие клиентов. 
Есть ещё несколько важных моментов, на которые следует 
обратить внимание в отношении дизайна веб-приложений. Во-
первых, область заголовка по-прежнему остается одним из 
самых важных элементов пользовательского интерфейса, 
поскольку она отвечает за первое впечатление. Во-вторых, 
необходимо использовать психологию цвета и мотивационные 
тексты, которые заставят ваших потенциальных клиентов 
совершать покупки. 
Рассмотрим 
дизайн пользовательского интерфейса, 
разрабатываемой системы, представляющей собой веб-
приложение и предназначенной для учёта и сопровождения 
заказов. Для создания веб-приложения обязательно необходимо 
визуализировать рабочий прототип, отрисовать кнопки, иконки, 
формы и другие компоненты, а после собрать их в гармоничный 
работающий макет. Важно выдерживать единый стиль 
интерфейса, в том числе его элементы должны быть грамотно 
организованы. Главная задача – помочь пользователю быстро и 
легко понять, как пользоваться данным приложением. Поэтому 
после долгого анализа было принято решение на главной 
странице данного веб-приложения будет целесообразным 
расположить список продукции со всеми его составляющими, а, 
например, в правой части окна разместить таблицу самого 
заказа с его списком. 
В подобных приложениях желательно делать акцент на 
самой продукции и возможности её заказать, это прежде всего 
касается клиентов. Дизайн пользовательского интерфейса 
должен обладать отзывчивостью, то есть заказчики должны 
понимать, что происходит на экране прямо сейчас: оформлен ли 
заказ, получил ли менеджер заявку и т.д. Необходимо 

78 
разработать такой интерфейс, чтобы он был эффективным, а 
именно экономил время пользователей. Что же затрагивает 
сотрудников предприятия, для них надлежаще создать 
возможность управления различными областями предприятия, 
которые легко будет распознать даже если сотрудник видит их 
впервые, то есть интерфейс должен быть интуитивно понятным. 
Важным является отсутствие двусмысленности в интерфейсе, 
текст и структура сами должны направлять человека к нужной 
цели. 
В зависимости от проекта можно выделить несколько 
рекомендаций для создания дизайна веб-приложений: 
– простота. В сфере веб-приложений все должно быть 
достаточно просто. Модные идеи делают производительность 
намного ниже, чем хотелось бы, не говоря уже о создании 
проблем при взаимодействии с интерфейсом; 
– устранение проблем совместимости. Интерфейс должен 
выглядеть и работать одинаково на всех устройствах, 
независимо от размера экрана, браузера и т.д.; 
– безупречная навигация. Пользователи должны без 
проблем переключаться между продуктами и функциями; 
– высокая производительность. Веб-приложение не 
должно заставлять пользователей ждать. Главная цель – 
создание быстрого доступа ко всем разделам. 
В качестве хороших дизайнов веб-приложений можно 
привести следующие примеры: 
Taskade – данный продукт помогает организовать рабочий 
процесс для создания безупречной удаленной совместной 
работы, при которой все задачи выполняются вовремя. У 
данного программного продукта красивый дизайн с удобным 
пользовательским интерфейсом, приправленным некоторыми 
модными функциями [4]. 
RappiPay – это типичный пример веб-приложения, 
который демонстрирует, как рассказывание историй может 
превратить скучные вещи в интересные и увлекательные. 
Продукт представляет собой обычный электронный платежный 
механизм. Команда создала захватывающую историю, в которой 
главное действующее лицо – новое платежное приложение. Они 
использовали 
многослойное 
решение 
для 
воссоздания 

79 
трехмерных сцен, коротких, но эффективных анимаций и 
красивой графики [4]. 
Результатом анализа стал ряд описанных особенностей 
дизайна веб-приложений, которые определяются множеством 
факторов: 
пользовательским 
интерфейсом, 
удобством 
использования, содержанием, креативностью и доступностью. 
Но самое важное помнить, что лучше всего выбирать тот 
дизайн, который наилучшим образом обрабатывает контент, 
приносит пользу и делает взаимодействие простым и удобным.

жүктеу/скачать 6,6 Mb.

Достарыңызбен бөлісу: