WEB разработка: прототип сайта

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

Прототипирование

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

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

Прототипирование сайта. Структура главой страницы

Взаимное положение

Определяем главную страницу и основные разделы и создаем структуру - карту будущего сайта

Структура главной

Разделяем страницу будущего сайта на смысловые блоки и задаем нужный тип информации.

Создание контент наполнения сайта

Разработка Usability

Определяем места для заголовка, баннеров, видеоряда и других информационных блоков

Лучший контент

Подбираем интересные темы для публикации и наполняем сайт профессиональным контентом

Создание web структуры. Разработка юзабилити сайта
Разработка юзабилити сайта, макетирование, прототип

Хорошее юзабилити

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

Usability сайта

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

Проработка размеров и взаимного расположения информационных блоков на странице, а именно: заголовка, баннеров, видеоряда, кнопок, текста, ссылок и иных элементов называется разработкой usability (юзабилити). Это слово образовалось от глагола to use – пользоваться.

Прототип сайта: с чего все начиналось?

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

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

Что является результатом прототипирования сайта?

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

Для программиста наглядной демонстрацией будущего функционала будет интерактивный прототип. Его возможно реализовать в современных UX-инструментах по разработке сайтов, таких как: Axure, Mockplus, Justinmind, InVision, UX Pin, OmniGraffle, Flinto и другие. Если же Вам нужен прототип, открывающийся на всех офисных ПК, то при определенном уровне навыков его вполне возможно реализовать даже в Excel с помощью блоков и гиперссылок.



Заказать звонок