разработка web интерфейса сайта

Разработка web интерфейса сайта

7.04.2016

Для создания качественного и хорошего интерфейса сайта необходимо объединить профессионалов нескольких направлений из различных сфер. Разработка интерфейса сайта часто требует значительной временной затраты, в связи с чем этот процесс предпочитают делить на несколько этапов.

Описанные ниже этапы не являются каноном, либо общепризнанными критериями. Любой этап легко делится на множество внутренних этапов, в зависимости от желания заказчика или исполнителя. В некоторых случаях разделение внутри этапа являются логически обоснованными и приемлемыми, а иногда это делается лишь для зрительного усложнения и углубления работы, чтобы продать ее дороже и сделать более презентабельной в глазах клиента.

1. ЭТАП СБОРА ИНФОРМАЦИИ

Этот этап является очень важным, потому что дизайнер должен разобраться с существующим ныне веб – сайтом, обнаружить проблемы, определить пожелания заказчика и оценить итоговый вариант, представляемый клиентом, как результат деятельности.

В эту стадию разработки web – интерфейса входит:
  • Общение с заказчиком, обсуждение всех деталей, для четкого понимания целей и концепции веб – сайта.
  • Просмотр наработок, в частности существующих логотипов, макетов, эскизов, сделанных, как на компьютере, так и наброски на бумаге.
  • Анализирование web – сайтов конкурирующих компаний вместе с тестированием на удобство пользования и наличие ошибок.
  • Проведение структурированных интервью с предполагаемой целевой аудиторией будущего портала.
2. ЭТАП ПРОЕКТИРОВАНИЯ СОБСТВЕННО ИНТЕРФЕЙСА

Задача этого этапа – создание текстовой версии веб – сайта, то есть распределение всего функционала по страничкам ресурса.

В этом этапе дизайнер должен:
  • Принимать решения по расположению кнопок и текстовой информации на web – сайте.
  • Определять метод и способ группировки элементов.
  • Отражает возможное поведение каждого элемента вместе с микротекстом.

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

Для тех, кому удобнее работать с прототипов в виде электронного документа – тем он и будет предоставлен, это не является сложной задачей.

3. РАЗРАБОТКА ДИЗАЙНА

Важным этапом в разработке web – интерфейса является создание эстетической составляющей. В процесс специалисты и разрабатывают интерфейс, который отличается удобством и красотой.

Данный этап включает в себя:
  • Разработку сетки, подбор цветовой гаммы, шрифтов и фона.
  • Продумывание нестандартных элементов управления (в частности, выпадающего меню, к примеру).

Естественно, что специалисты на каждом этапе согласовывают с клиентом каждую деталь и осуществляют доработку интерфейса. Результат третьего этапа предоставляется заказчику в виде графического файла, либо в виде html – кодировки.

4. ЭТАП ИМПЛЕМЕНТАЦИИ

Небольшой, но очень важный этап, который начинается после завершения работы с интерфейсом. В него включается создание и процесс QA – тестирования интерфейса веб – сайта. На основе графических файлов с пояснениями разработчики понимают этапы и процесс, поэтому нет необходимости углублять в исключительно техническую часть.

5. ЭТАП ТЕСТИРОВАНИЯ НА УДОБСТВО ПОЛЬЗОВАНИЯ

Даже при наличии отличного web – дизайнера, не стоит пропускать этап систематического тестирования на удобство пользования.

Причин этому несколько:

  • Ваш дизайнер может не быть самым лучшим, вполне возможно, что это специалист того уровня, который Вы можете себе позволить, а не того, которого бы Вам хотелось.
  • Даже при наличии гениального дизайнера, не стоит забывать, что каждая идея уникальна и не всегда хороша. В связи с этим лучше не рисковать, а проводить тестирование каждой идеи в условиях реального веб – сайта и реальных пользователей. Так же помните, что некоторую часть нововведений можно протестировать при помощи бумажного прототипа, исключая существенные затраты;
  • Проведение тестов необходимо для накопления опыта в области срабатывания или не срабатывания идей.
  • Разработка качественного сайта будет зависеть исключительно от понимания поставленных целей и задач. При неправильном функционале не сможет спасти прекрасный интерфейс. Поэтому нужно проводить тестирования, чтобы дизайнеры смогли понять цели, задачи и определиться с целевой аудиторией и ее предпочтениями.
  • Благодаря проведению тестов любой web – сайт можно сделать еще лучше. Главное в этом – проводить регулярные тестирования при участии посетителей сайта при каждом новом исправлении или нововведении. При этом вполне реально значительно улучшить пользовательский интерфейс.
5 ПРАВИЛ В ВЕБ – ИНТЕРФЕЙСЕ

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

Понятие «хороший интерфейс» определяется, как набор методик и решений, которые позволяют посетителям достигать личных целей при минимальных затратах сил и времени. Большинство современных веб – сайтов по своим интерфейсам относятся к категориям «совершенно ужасные» либо «относительно приемлемые».

Данное понятие не отражает в точном смысле уровень интерфейса в сети. Однако по качеству интерфейс для двух идентичных ресурсов будет отличаться, так как напрямую зависит от различий в целевой аудитории.

Чтобы создать хороший интерфейс, не нужно ничего усложнять. Очень большого числа проблем, которые связаны с интерфейсом, достаточно просто избежать, если соблюдать совершенно простые правила. А чтобы решить технические проблемы, необходимо воспользоваться услугами специалиста.

Не нужно стремиться к излишней оригинальности

С начала восьмидесятых годов никаких изменений либо важных открытий в сфере веб – интерфейса не происходит, либо эти изменения настолько незначительны, что им не уделяют особого внимания. И многие специалисты считают, что это может сохраниться до момента, когда мы перейдем с нынешних пользовательских устройств на что-то принципиально иное.

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

Изучение целей пользователей

Главное отличие хорошего web – интерфейса от неудачного его варианта – удовлетворение целей посетителей.

Не самой простой задачей является определение реальных целей пользователей – чаще всего использование опросов не дает нужной информации, а по статистике сервера определить что-то внятное еще труднее. Единственный работающий вариант – планировать. Если нет возможности определить точные цели посетителей, то можно их рассчитать и на этой основе разработать веб – ресурс. Эта методика работает, но срабатывает не всегда – есть вероятность выбрать те цели, которые не будут интересны пользователям (в таком случае Вам грозит полное переделывание сайта).

В реальном случае, не всегда при помощи планирования можно узнать всю нужную информацию. Но при грамотном сочетании планирования и анализа существующего web – ресурса, объем полученной информации будет вполне достаточен.

Не нужно усложнять

Широкий функционал сайта – это хорошо. Однако стоит помнить, что нет возможности создать ту систему, которая будет одинаково удобная и функциональная. Большая часть реальных предметов в мире предназначена для строго определенных задач, а многофункциональные предметы не смогли заменить полностью свои простые аналоги с единственной функцией.

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

Не нужно решать посторонние задачи при помощи веб – интерфейса

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

Определитесь с создаваемым ресурсом

Еще не придумали способ, который будет сочетать в себе понятность и эффективность интерфейса. И причина проста – в этом нет необходимости. Существует два основных типа веб – ресурсов: те, которые посещаются регулярно, и те, которые посещаются редко. Их основное различие – существенная разница в потребностях самих посетителей.

Регулярно посещаемые сайты нужно создавать таким образом, чтобы их интерфейс был максимально оптимизирован под максимальную эффективность пользования. В таком случае, в жертву приносится понятность интерфейса в пределах разумного. Потому что постоянные посетители смогут спустя некоторое время освоиться с любым интерфейсом. Если сайт относится к категории редко посещаемых, то его интерфейс отличается неудобством или неэффективностью, однако во главу угла ставится простота в немедленном понимании для любого пользователя. Поэтому нужно четко определиться со статусом web – ресурса и разрабатывать интерфейс согласно поставленным задачам.

ВМЕСТО ЗАКЛЮЧЕНИЯ

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