Дизайны веб-форм: современные решения и креативные идеи

Автор: SmashingMagazine Перевод: Всеволод Козлов Веб-формы обычно являются основным средством коммуникации между посетителями сайта и его владельцем. Поскольку обратная связь с пользователями очень важна, веб-формы должны быть юзабельными, красивыми и понятными. В оформлении нам помогут наши великие и могучие творцы прекрасного — веб-дизайнеры! Веб-формы, будь они сделаны на CSS или Flash, должны нравиться пользователям. Для этого дизайнеры обычно используют соответствующие техники, привлекающие внимание своими изысками! Мы потратили немало времени на то, чтобы найти как можно больше разнообразных техник, используемых дизайнерами при создании веб-форм! Итак, представляю Вашему вниманию около 40 отличных примеров использования различных техник для создания красивых и эффективных форм с помощью (X)HTML и CSS. Читать далее Дизайны веб-форм: современные решения и креативные идеи

80 отменных шрифтов для профессионального веб-дизайна

Автор: SmashingMagazine.com Перевод: Всеволод Козлов Время от времени дизайнеры сталкиваются с одной очень неприятной проблемой — выбором уникального, оригинального шрифта, выполняющего 3 основные функции: Гармонирует с корпоративным стилем Обогащает внешнее восприятие Сочетается с дизайном проекта Очень часто бывает так, что клиент указывает на огромное количество нюансов, вследствие чего подобрать соответствующий его (клиента) пристрастиям шрифт становится далеко не легкой задачей. Поэтому дизайнер всегда должен иметь под рукой широкий выбор шрифтов. Мы поставили перед собой задачу ответить на самый животрепещущий дизайнерский вопрос: какие шрифты одинаково хорошо подходят под различные концепции корпоративных проектов? И мы отвечаем на него данной статьей-обзором! Для того, чтобы собрать эту коллекцию необычных и профессиональных шрифтов, нам потребовалось провести анализ данного информационного рынка. Мы отобрали, изучили и обобщили данные из огромного количества дизайнерских статей на эту тему, изучили ТОП-сайты, предоставляющие шрифты как на бесплатной, так и на коммерческой основе. Обобщив все полученные нами данные и собрав их воедино, мы решили опубликовать их в данной статье-обзоре! Итак, специально для Вас обзор 80 отменных шрифтов для профессионального веб-дизайна. Читать далее 80 отменных шрифтов для профессионального веб-дизайна

10 наиболее популярных ошибок юзабилити, которые Вы обязаны знать и не повторять

Автор: SmashingMagazine.com Перевод: Всеволод Козлов Иногда посетители заходят на сайты, чтобы быстро найти необходимую им информацию, сохранить ее на винчестере и взяться за реализацию других своих планов. Но это слишком идеально и очень редко, когда возможно. Причина всему этому — грубейшие ошибки юзабилити. Они являются скорее, к сожалению, правилом, чем исключением. Как очень метко выразился Джерри МакГоверн в своей статье «Почему сайты-победители всевозможных конкурсов столь неэффективны?»: «Для победы в конкурсах достаточно одного внешнего вида сайта, для удовлетворения покупателей же важны контент и юзабилити». И он абсолютно прав! Абсолютно неважно, какой внешний вид у Вашего сайта, абсолютно неважен его функционал – если посетитель не сможет найти необходимую ему информацию на Вашем сайте, он его покинет навсегда! Каждый профессионально выполненный дизайн сайта (иногда за исключением некоторых его элементов, например страницы портфолио) должен отвечать следующим требованиям: Обладать четкой, интуитивно-понятной системой навигации по сайту Контент должен быть грамотно размещен на страницах сайта Обладать функциональным поиском по сайту Обладать прозрачной и грамотно-организованной структурой сайта Сказанное выше означает, что для достижения успеха необходимо придерживаться базовых правил юзабилити. Вы ведь хотите контактировать со своими посетителями? Хотите превращать каждого нового посетителя в постоянного? В данной статье мы собрали для Вас 10 наиболее популярных ошибок юзабилити, которые Вы обязаны знать и не повторять ни при каких обстоятельствах. Каждая ошибка имеет краткое пояснение и подкреплена ярким примером в виде скриншота. В самом конце статьи Вы найдете чек-лист: 8 правил юзабилити. Читать далее 10 наиболее популярных ошибок юзабилити, которые Вы обязаны знать и не повторять

7 практических рекомендаций по улучшению юзабилити главной страницы Вашего сайта

Автор: Стэуни Дегюйтер Перевод: Всеволод Козлов Как известно, главная страница сайта является основной его страницей, иными словами, главная страница сайта – его лицо! Именно главную страницу увидит подавляющее большинство посетителей. По этой странице посетители будут судить о Вас, о Вашей компании и вообще получат общее представление о Вашем отношении к делу. Соответственно, Вы должны произвести на них максимально положительное впечатление, иначе Вас ждет провал. Главная страница Вашего сайта должна быть максимально доступной и юзабельной. С нее посетитель должен попасть на любую интересующую его внутреннюю страницу сайта. Это очень важно! Многие веб-мастера банально не понимают, как же организовать главную страницу своего сайта, чтобы она была максимально юзабельной. Видя острую проблему, я решил протянуть руку помощи всем нуждающимся веб-мастерам. Хочу заметить, что нынешняя статья получилась опять максимально показательной, что не может не порадовать моих читателей! Читать далее 7 практических рекомендаций по улучшению юзабилити главной страницы Вашего сайта

8 инновационных элементов дизайна и пользовательских интерфейсов, делающих сайты привлекательнее

Автор: Рэнд Фишкин Перевод: Всеволод Козлов Давно я уже не писал о новых тенденциях в веб-дизайне, необходимо исправляться, тем более появился самый что ни на есть «вынуждающий» повод. Серфя веб-сайты, я наткнулся на несколько очень интересных дизайнерских решений, о которых и поведаю Вам в этой статье! Читать далее 8 инновационных элементов дизайна и пользовательских интерфейсов, делающих сайты привлекательнее

25 шагов к совершенству Вашего сайта

Автор: Эндрю Фолкнер Перевод: Всеволод Козлов По названию может показаться, что это очередная статья, написанная для зелёных новичков и освещающая всем уже давно надоевшие прописные истины. Но на самом деле это совсем не так. Данная публикация, напротив, очень серьезная. В ней я поделюсь с Вами своей формулой, состоящей из 25 шагов, способной довести Ваш сайт до совершенства в весьма короткие сроки – от Вас требуется всего лишь пошаговая реализация данной формулы! Кстати, при добросовестном подходе к делу данная формула может быть реализована за несколько минут. Нынче, когда все онлайн процессы протекают с бешеной скоростью, работа над сайтом начинает отнимать всё больше и больше времени, которого и без того не хватает. Но приходится мириться и держать руку на пульсе событий, т.к., в противном случае, мы останемся далеко позади наших конкурентов, догнать которых уже будет не под силу. Читать далее 25 шагов к совершенству Вашего сайта

Вдохновите себя просмотром 50 превосходных Favicon’ов

Автор: SmashingMagazine.com Перевод: Всеволод Козлов В настоящее время в дизайнерской среде остро стоит проблема неиспользования этих графических элементов. Редко можно встретить дизайнеров, использующих favicon, а зря… Что же такое favicon? Favicon – очень маленький (16×16px) графический элемент сайта, отображаемый в: адресной строке браузеров закладках (избранном) браузеров вкладках (Tabs) браузеров. Для улучшения запоминаемости и узнаваемости Вашего сайта необходимо использовать favicon, гармонирующий с логотипом и дизайном сайта. При таком подходе Вы облегчите пользователю задачу поиска Вашего сайта в закладках (избранном) браузера. Таким образом, Вы налаживаете визуальную связь с представителями своей целевой аудитории. Тем не менее, создание favicon’ов – искусство. Далеко не так просто создать цепляющую внимание миниатюрную иконку размерами 16×16px. Именно поэтому на создание таких иконок-шедевров у дизайнеров уходит достаточное количество времени, сил и мастерства. Геометрические формы favicon’ов могут быть разнообразными. Все отобранные для работы цвета соответствуют тенденциям Web 2.0. Ниже следует собранная нами коллекция из 50 превосходных favicon’ов, способная вдохновить Вас на создание чего-то необычного, цепляющего, креативного! Чтобы зайти на сайт, использующий тот или иной favicon, просто нажмите на понравившуюся иконку. Ну и конечно же не забывайте высказывать свое мнение по теме данной публикации! Прятного просмотра! Читать далее Вдохновите себя просмотром 50 превосходных Favicon’ов

20 рекомендаций по юзабилити блогов, почерпнутых из блогерского опыта

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