SlideShare a Scribd company logo
1 of 7
Правила оформления сайта
Структура сайта
Определяется удобством использования для
пользователя. Это принято называть Юзабилити
(usability). Информация или модель содержания
определяется исходя из интересов пользователя.
Пользователь должен принять решение о том, что
ему нужно, легко найти нужную ссылку, и
получить именно ту информацию, которая
соответствует его ожиданиям.
При оформлении страницы необходимо
учитывать:
• соотношение цветовой гаммы;
• организацию информационных блоков;
• использование и необходимость использования
динамических объектов.
Золотые правила оформления сайта
• Меню может быть выделено, и бросаться в глаза
даже в ущерб читабельности. Его не надо
рассматривать - оно должно быть заметным.
• Информация должна быть представлена так,
чтобы ее долго читать. Это значит: небольшая
ширина колонки (читать глазами по
горизонтали), текст с засечками, темным по
светлому (так как не утомляются глаза).
• На одной странице должен быть размещен
только один блок текста.
Если надо перейти к блоку с другим
содержанием сделайте ссылку.
• Ссылки должны однозначно определять то место,
куда они указывают! Если это заголовок статьи -
сделайте рядом описание. Если это переход к
целому разделу - опишите все пункты раздела.
• Не злоупотреблять динамическими объектами.
Дизайн сайта
Основные требования:
• правильная компоновка информации на
странице;
• удобство и наглядность представления
элементов управления и кнопок навигации;
• соответствие определенному стилю и
самобытность;
• быстрая загрузка страницы;
• комфортное сочетание цветовой гаммы;
• учет интересов целевой аудитории.
Художественное и функциональное оформление
сайта, предполагающее единство содержательных и
навигационных моментов, выбранных исходя из
интересов пользователей.
В качестве основных ошибок при
создании Web-страниц можно отметить:
• неудачное цветовое решение;
• неработающие ссылки;
• слабое информационное наполнение;
• плохая навигация, неудобное перемещение по
сайту;
• неработающие разделы;
• отсутствие контактной информации;
• только контактная информация.

More Related Content

Similar to Pravila web saita

Современные технологии создания сайтов: адаптивный дизайн, сайты-одностраничн...
Современные технологии создания сайтов: адаптивный дизайн, сайты-одностраничн...Современные технологии создания сайтов: адаптивный дизайн, сайты-одностраничн...
Современные технологии создания сайтов: адаптивный дизайн, сайты-одностраничн...borovoystudio
 
Семинар по онлайн журналистике: тизер, текст, ссылки, юзабилити
Семинар по онлайн журналистике: тизер, текст, ссылки, юзабилитиСеминар по онлайн журналистике: тизер, текст, ссылки, юзабилити
Семинар по онлайн журналистике: тизер, текст, ссылки, юзабилитиPaulyuk Bykowski
 
Elementstroy
ElementstroyElementstroy
ElementstroyAuditorr
 
Оптимизация сайта сегодня: 5 ключевых моментов современного SEO. Кейсы
Оптимизация сайта сегодня: 5 ключевых моментов современного SEO. КейсыОптимизация сайта сегодня: 5 ключевых моментов современного SEO. Кейсы
Оптимизация сайта сегодня: 5 ключевых моментов современного SEO. КейсыНетология
 
Аудит сайта Shopelvorti
Аудит сайта ShopelvortiАудит сайта Shopelvorti
Аудит сайта Shopelvortikostetskiy
 
Bazele conceptuale a dezvoltarii produselor
Bazele conceptuale a dezvoltarii produselorBazele conceptuale a dezvoltarii produselor
Bazele conceptuale a dezvoltarii produselorDmitrii Stoian
 
Юзабилити или как сделать ваш сайт идеальным
Юзабилити или как сделать ваш сайт идеальнымЮзабилити или как сделать ваш сайт идеальным
Юзабилити или как сделать ваш сайт идеальнымDmitry Nikotin
 
Наука Usability - как сделать сайт удобным
Наука Usability - как сделать сайт удобнымНаука Usability - как сделать сайт удобным
Наука Usability - как сделать сайт удобнымAnastasia Parokha
 
Life after finish
Life after finishLife after finish
Life after finishb2bfest.com
 

Similar to Pravila web saita (20)

Современные технологии создания сайтов: адаптивный дизайн, сайты-одностраничн...
Современные технологии создания сайтов: адаптивный дизайн, сайты-одностраничн...Современные технологии создания сайтов: адаптивный дизайн, сайты-одностраничн...
Современные технологии создания сайтов: адаптивный дизайн, сайты-одностраничн...
 
интернет2
интернет2интернет2
интернет2
 
Семинар по онлайн журналистике: тизер, текст, ссылки, юзабилити
Семинар по онлайн журналистике: тизер, текст, ссылки, юзабилитиСеминар по онлайн журналистике: тизер, текст, ссылки, юзабилити
Семинар по онлайн журналистике: тизер, текст, ссылки, юзабилити
 
Elementstroy
ElementstroyElementstroy
Elementstroy
 
Ekoplat
 Ekoplat Ekoplat
Ekoplat
 
Оптимизация сайта сегодня: 5 ключевых моментов современного SEO. Кейсы
Оптимизация сайта сегодня: 5 ключевых моментов современного SEO. КейсыОптимизация сайта сегодня: 5 ключевых моментов современного SEO. Кейсы
Оптимизация сайта сегодня: 5 ключевых моментов современного SEO. Кейсы
 
Аудит сайта Shopelvorti
Аудит сайта ShopelvortiАудит сайта Shopelvorti
Аудит сайта Shopelvorti
 
Yg 4
Yg 4Yg 4
Yg 4
 
Yg
YgYg
Yg
 
Bazele conceptuale a dezvoltarii produselor
Bazele conceptuale a dezvoltarii produselorBazele conceptuale a dezvoltarii produselor
Bazele conceptuale a dezvoltarii produselor
 
Юзабилити или как сделать ваш сайт идеальным
Юзабилити или как сделать ваш сайт идеальнымЮзабилити или как сделать ваш сайт идеальным
Юзабилити или как сделать ваш сайт идеальным
 
6.4
6.46.4
6.4
 
Наука Usability - как сделать сайт удобным
Наука Usability - как сделать сайт удобнымНаука Usability - как сделать сайт удобным
Наука Usability - как сделать сайт удобным
 
дублированный контент
дублированный контентдублированный контент
дублированный контент
 
yurkevich
yurkevichyurkevich
yurkevich
 
yurkevich
yurkevichyurkevich
yurkevich
 
yurkevich
yurkevichyurkevich
yurkevich
 
yurkevich
yurkevichyurkevich
yurkevich
 
Life after finish
Life after finishLife after finish
Life after finish
 
Stroytec
StroytecStroytec
Stroytec
 

Pravila web saita

  • 2. Структура сайта Определяется удобством использования для пользователя. Это принято называть Юзабилити (usability). Информация или модель содержания определяется исходя из интересов пользователя. Пользователь должен принять решение о том, что ему нужно, легко найти нужную ссылку, и получить именно ту информацию, которая соответствует его ожиданиям.
  • 3. При оформлении страницы необходимо учитывать: • соотношение цветовой гаммы; • организацию информационных блоков; • использование и необходимость использования динамических объектов.
  • 4. Золотые правила оформления сайта • Меню может быть выделено, и бросаться в глаза даже в ущерб читабельности. Его не надо рассматривать - оно должно быть заметным. • Информация должна быть представлена так, чтобы ее долго читать. Это значит: небольшая ширина колонки (читать глазами по горизонтали), текст с засечками, темным по светлому (так как не утомляются глаза).
  • 5. • На одной странице должен быть размещен только один блок текста. Если надо перейти к блоку с другим содержанием сделайте ссылку. • Ссылки должны однозначно определять то место, куда они указывают! Если это заголовок статьи - сделайте рядом описание. Если это переход к целому разделу - опишите все пункты раздела. • Не злоупотреблять динамическими объектами.
  • 6. Дизайн сайта Основные требования: • правильная компоновка информации на странице; • удобство и наглядность представления элементов управления и кнопок навигации; • соответствие определенному стилю и самобытность; • быстрая загрузка страницы; • комфортное сочетание цветовой гаммы; • учет интересов целевой аудитории. Художественное и функциональное оформление сайта, предполагающее единство содержательных и навигационных моментов, выбранных исходя из интересов пользователей.
  • 7. В качестве основных ошибок при создании Web-страниц можно отметить: • неудачное цветовое решение; • неработающие ссылки; • слабое информационное наполнение; • плохая навигация, неудобное перемещение по сайту; • неработающие разделы; • отсутствие контактной информации; • только контактная информация.