Юзабилити сайта

(Проголосуй)

Vector isometric concept of development skeleton framework of a
Итак вначале хочу рассказать про некоторые самые важные моменты, которые стоит учитывать при создании сайта для повышения его юзабилити. Эти моменты помогут сделать сайт более удобным и доступным. Человеку не придется учиться пользоваться сайтом.

Во-первых не стоит переусердствовать с графикой. Не забывайте, у многих людей достаточно медленный интернет. А видеть такое не очень приятно.

Лучше всего, если на сайте не очень много графики, зато много текста. Качественный текст – один из основных инструментов дизайнера. Не верите? Приведу вам слова Людвига Быстроновского из студии Лебедева:

Настоящая веб-дизайнерская контора 21-го века — это бригада редакторов и копирайтеров, которые не заморачиваются картинками, а бьют в самое сердце Словом.

Во-вторых забудьте про мерцающие gif’ки, они вам только все напортят. Вспомните личные дневники, на которые вы наверняка не раз натыкались, – куча мигающих сердечек, поцелуйчиков, ангелов и т.д. на фоне, итог – прочитать что либо невозможно. Через 5-10 минут прибывания на таком сайте у вас наверняка заболит голова.

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

Ясно покажите, по чему можно щелкать мышью. Текстовые ссылки должны быть подчеркнуты. Ссылки в виде изображений должны быть с пояснениями, либо привычны людям. Например значок RSS или Строка поиска пояснений как правило не требует, т.к. она изначально очень привычна людям.

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

Если вы используете выпадающее меню на своем сайте, то обязательно покажите, что оно выпадающее. Например фоновыми стрелочками вот так:

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

Длинный текст должен быть без засечек, стандартного вида, например: Georgia или San-serif. Это сильно упростит чтение, глаза не будут уставать. Если хотите как-то оформить текст, можно сделать это с помощью буквиц.

Буквица – Первая буква в тексте с увеличенным кеглем (по сравнению с основным текстом), как правило оформляется с помощью различных орнаментов.

Не менее важной функцией сайта должна быть кнопка возврата на главную страничку, чтоб человек не заблудился. В основном люди привыкли возвращаться на главную страницу нажатием логотипа или кнопки «Главная».

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

Якоря можно использовать если у вас например длинная статья, в которой объясняют сразу несколько ключевых моментов. Тогда в начале статьи можно сделать ссылки-якоря на начало каждого из таких объяснений.

25.03.2021 / Новости

Добавить комментарий