Неписаные правила веб-дизайна
За то короткое время что нас окружают веб-сайты, по сравнению с другими СМИ, многие узнали о веб-дизайне. Есть целый ряд принципов и правил, которых вы должны придерживаться при разработки веб-сайтов. Вот несколько правил, которые вам следует принять к сведению при разработке.
Не печатать веб-дизайн
В некоторых компаниях, как правило полученный дизайн-концепцию распечатывают, показывают заказчику и потом доводят до «идеала». Это является плохой идеей, поскольку есть существенные различие при просмотре на мониторе и в печатном виде.
— Цвета в печати не будут соответствовать цветам дизайна на экране монитора.
— Несоответствие размеров. Длинные страницы будут выглядеть меньше на листе бумаги и короткие страницы будут большими при печати. При просмотре на экране, каждая страница будет выглядеть так, как она должна выглядеть.
— Отсутствие интерактивности. При печати вы не сможете показать какую-либо интерактивность отдельных частей сайта ( мигание, эффекты и т.п). При просмотре на экране монитора вы можете это сделать и показать.
Если вы не знаете как еще можно показать дизайн-эскиз заказчику. Возьмите ноутбук или какой-либо другой дешевый компьютер и установите в зале заседаний. Это сэкономит много хлопот, когда клиент видит «живой» сайт на экране, а не картинку на бумаге.
Юзабилити
Если вы и ваши коллеги будете больше уделять внимания юзабилити вашего сайта, то скорее всего вы избежите большинства проблем, нарушающих удобство пользования сайтом. Действительно, некоторые клиенты не могут работать с сайтом в неудобной для них «обстановке»(юзабилити), из-за этого вы можете потерять множество клиентов.
Тестирование вашего сайта, поможет вам точно определить как пользователи используют ваш сайт. Тестирование вашего сайта поможет вам найти и исправить ошибки в юзабилити.
Ссылки:
Юзабилити-тестирование — это проще и дешевле, чем вы думаете. Вот несколько способов тестирования, которые вам помогут.
— Смотрите видео и отзывы, как пользователи используют ваш сайт и что они думают. Настоятельно рекомендуется.
— записывает, как пользователи используют ваш сайт. Используется путем добавки простого Javascript кода.
Дизайн комитет
Обычно дизайн-комитет — это когда много людей, которые собрались с целью обсуждение дизайна и принятие решение. Любой веб-дизайнер, который гордится тем, что они вам скажут. Но это не идеальное рабочее состояние и дизайн практически всегда из-за этого страдает.
Это происходит обычно в крупных компаниях, но может произойти и с клиентами в дизайнерских агенствах и даже с фрилансерами. Есть вещи, которые вы можете сделать, чтобы шансы отказа от вашего дизайна были минимальными.
Никогда не используйте Inline Styling
Inline Styling способ применения CSS свойства непосредственно в HTML-коде , который показан ниже:
<h1 style=»color: red; padding: 5px;»>Title Goes Here</h1>
Это может вызвать у вас проблемы при попытке изменить размер шрифта или цвет на другой. Лучше такие вещи сразу выносить в отдельный CSS файл, который потом проще всего изменить или поменять то, что вам нужно.
Просматривайте, как выглядит ваш дизайн в различных разрешениях и на разных мониторах
Как дизайнеры, мы используем настолько хорошие мониторы, насколько мы можем себе позволить. Нам всегда хочется, чтобы монитор был большой и с высоким разрешением. Такие мониторы дают нам большое пространство для нашей работы.
Помните, что не все пользователи интернета используют одинаковые разрешения. На данный момент самое низкое разрешение экрана это 1024 x 768. Правда, со временем оно уже теряет свой стандарт, потому что люди приобретают новые широкоформатные мониторы, с высоким разрешением. Так что, если вы работаете с вашим дизайном на большом разрешении 1650 x 1050 или выше, не забывайте, что на других экранах это может выглядеть совсем по-другому.
Также при просмотре вашей работы на различных экранах, вы сможете увидеть различие в цвете, контрасте и т.п. Среднестатистический пользователь компьютера не меняет настройки своего монитора. Поэтому невозможно подогнать работу полностью под всех пользователей. Но при просмотре на нескольких экранах вы сможете создать какое-либо среднее значение, которое будет соответствовать всем нормам.
Дополнительные правила
Подобные темы мы будем рассматривать в будущих постах. А пока что делитесь комментариями, не стесняйтесь своего мнения, нам это тоже интересно.
Метки: веб-дизайн, Разработка, Цвета, Шрифты, Юзабилити
Опубликовал: Дизайнер от 18 Ноя 2009
Комментарии (8)
Раз уж статья и про дизайн, и про юзабилити, то ответьте, а зачем в этой статье эти картинки? Они не относятся к содержимому статьи (т.е. к правилам). Они не дополняют статью. Они не помогают читать статью.
Зато они отвлекают от чтения. Заставляют меня переносить взгляд с текста на картинку. Это мешает и раздражает.
[Ответить]
1) С картинками быстрее соображаешь что имеется ввиду
2) Интересней
[Ответить]
1. Когда я вижу заголовки «Не печатать веб-дизайн», «Юзабилити» и «Никогда не используйте Inline Styling», то я сразу понимаю о чем речь. Зато когда я вижу фотографию компьютерной мышки, то без подсказки я и не догадаюсь, что речь идет про юзабилити. И тоже самое относится и ко всем остальным картинкам. Они никак не помогают читать статью.
2. Что касается интереса, то, на мой взгляд, картинки с голыми девушками куда интереснее. Но вы же не станете разукрашивать ими статью.
По-моему, вы просто где-то прочитали, что нужно картинки в статью пихать. Мол статьи с картинками чаще читают или еще какая-то надуманная причина. И слепо пихаете картинки.
По-моему, картинки нужны тогда и только тогда когда они дополняют пост, дают читателю какую-то новую информацию. И созданы во время написания поста, как часть этого поста. А не найдены в гугле, после написания поста и «чтоб было». Выкиньте эти картинки и пост ничего не потеряет, только выиграет. Так может быть такие картинки не нужны?
[Ответить]
ви несете бред, ето ви непонимаете картиник, а я все понимаю.
Все что ви написали – СПЛОШНОЙ БРЕД
[Ответить]
Почитал первый пункт статьи и уже сразу понятно что мало общего у статьи с реальной практикой разработки проектов в целом и дизайнов.
[Ответить]
В этой статье мы хотели лишь дать вам несколько советов, которые соответствуют основным стандартам. Ваша жизненная практика может опровергнуть их, т.к. это всего лишь стандарты, а не законы, которым нельзя не подчиняться.
[Ответить]
