главная (main)   карта сайта   написать письмо (e-mail)  
 
 
главная   о нас   работы   цены на услуги   технологии   статьи   отзывы   контакты  
   
   
   
Заказать прямо сейчас создание сайта

Заказать прямо сейчас разработку логотипа

Заказать разработку фирменного стиля

Заказать прямо сейчас создание бренда

Р Е К Л А М А:


Создание бренда, Создание торговой марки

Студия дизайна интерьера APRIORY, Киев, Украина: дизайн интерьера Киев, дизайн интерьера квартиры, дизайн проекты интерьера, студии дизайна интерьера, дизайн интерьера офиса дома кухни 3d дизайн интерьера

Всеукраинский стоматологический портал. Стоматолог дантист, лечение зубов, стоматологическая клиника, стоматология цены, лечение кариеса, добрый детский стоматолог.

Раздел: Веб дизайн


К черту плохие броузеры


13.08.07 11:08

автор: 2000 Джеффри Зельдман (Jeffrey Zeldman) и A List Apart перевод: Александр Качанов

Если этот web-сайт выглядит так, как должен выглядеть web-сайт, а не похож на кучу кусочков мозаики, перемешанных беззаботной рукой ребенка, поздравляем! Ваш броузер на "хорошо" или "отлично" справился с поддержкой таких стандартов Web, как CSS-1, HTML 4.01 и скриптовые языки.

Если же этот сайт выглядит уродливо, хотя и читаемо, ваш броузер не поддерживает стандартов Web. К счастью, вы можете с легкостью установить на свою машину броузер, который с этой работой справляется.

Перед тем как начать кричать благим матом, выслушайте нас.

Что вы наделали? Мы обновили дизайн журнала A List Apart и привели его в соответствие со стандартами Web, некоторые из которых (например CSS-1) были утверждены еще в 1996 году. А сейчас уже пошел 2001 год.

Почему сайт не работает в старых броузерах? Потому что они создавались без учета поддержки стандартов Web.

Зачем вы так ужасно поступили? В течение многих лет идея Web, доступного для всех, была скорее опиумным дымом, чем реальностью. А затем, в 2000 году Microsoft, Netscape и Opera начали делать доброе дело. Наконец-то мы можем возблагодарить их за их усилия и начать использовать стандарты Web на своих сайтах. И мы призываем других сделать то же самое.

Для этого обратитесь к ссылке Инициатива по обновлению броузеров (Browser Upgrade initiative) на сайте Web Standards Project's. На этой странице даются советы и подсказки. Вы можете и сами сделать это, проверяя на правильность разметку своего сайта, и вежливо предупреждая своих посетителей о существовании броузеров, удовлетворяющих стандартам, и о том, откуда их можно загрузить. Страница Browser Updgrade Initiative просто облегчает вам вашу работу.

Почему именно сейчас? Стандарты существуют уже несколько лет. Броузеры, которые их поддерживают, появились примерно шесть месяцев или год назад. Если не сейчас, то когда же?

Обычно у Web-пользователей на обновление броузеров уходит от 18 месяцев и более. Многие до сих пор используют такие броузеры, как Netscape, созданные аж в 1997 году. Эти ребята обновят свои броузеры только, если мы дадим им повод это сделать.

Если достаточное количество сайтов последует нашему примеру, 18-месячный период беременности сократится и тем самым приблизится эра Web-а, построенного на общих стандартах.

Считаете, что ваш убогий дизайн стоит всего этого? Речь идет не о графическом дизайне. А о разделении стиля и содержания, что открывает удивительные возможности. Например на дизайн всего сайта будет уходить несколько часов, а не месяцев. Хватит создавать и отлаживать страницы с глупой, специфической для каждого броузера разметкой. И давайте поддерживать нетрадиционные броузеры, от Palm Pilot-ов до броузеров для слепых. Для этого нам не придется создавать несколько версий одной и той же страницы. И это уже неплохо.

А кому это нужно? Если вы - web-дизайнер, то вам! Через шесть месяцев, год или два года максимум все web-сайты будут делаться на основе этих стандартов. (Или их будут делать во Flash 7). Либо нам придется наблюдать, как наши знания быстро устареют, либо мы начнем учиться стандартам сейчас.

В связи с наступлением трудных времен для "электронной экономики", нельзя рассчитывать на то, что ваши теперешние таланты помогут вам удержаться на месте. Гораздо лучше учиться сейчас новым технологиям. Мы хотели бы, что все читатели A List Apart на ближайшие годы имели работу и творили. И она у вас будет, если вы обратите внимание на эту статью.

Если вам этого недостаточно, почитайте новые законы о доступности Web. Отделение стиля от содержания с помощью HTML4/XHTML и CSS поможет вам не нарушать эти законы. Всякие трюки и хитрости с HTML-ом намного затрудняют выполнение этой задачи. Временный недостаток заключается в том, что сайты, построенные по стандартам, не будут работать правильно в старых броузерах. Но людям гораздо легче обновить свой броузер, чем инвалидам обновить свои глаза, уши или суставы.

Могут ли броузеры 4-ого поколения читать ваши таблицы стилей? Да, но они их интерпретируют настолько жутко, что мы воспользовались специальной уловкой, которая отключает отображение стилей в этих броузерах. Статья A Designer's Journey объясняет, как мы это сделали.

Почему же вы плюнули на обратную совместимость? Старое программное обеспечение не поддерживает стандарты. Разве мы этого не говорили? Было бы шикарно, если бы наши сайты могли одновременно поддерживать обратную совместимость и соответствовать стандартам. Но мы не можем этого сделать. Нам приходится выбирать. В течение многих лет мы делали выбор в пользу обратной совместимости. Но был ли этот выбор лучшим?

На протяжении стольких лет нас учили быть такими маленькими хорошенькими web-дизайнерами, которые создают сайты, работающие в кривых броузерах. Каждый новый сайт, построенный по старинке, превращался в еще одну кучу отвратительного кода, в еще один тупик Web-а, который перестает работать, по мере развития броузеров и стандартов.

Чем дольше мы продолжаем так делать, тем больше появляется на свет обреченных сайтов. Каждый день открываются тысячи сайтов. При их создании преследовалась цель, чтобы они хорошо смотрелись в плохих броузерах, а не соответствовали стандартам. Это эпидемия. С нас хватит. Уже наконец появились хорошие броузеры. Давайте же пользоваться ими.

Давайте продвигать эти новые броузеры, настолько, насколько они этого заслуживают, давайте отыскивать в них оставшиеся дыры и несоответствия стандартам, и давайте помогать их разработчикам, чтобы эти броузеры стали соответствовать стандартам еще больше. Именно так поступают Flash-дизайнеры. Они продвигают Flash настолько, насколько это позволяет, спотыкаются о его ограничения и говорят Macromedia, как сделать его лучше. В результате Flash улучшается. Разве мы не должны делать то же самое с инструментами, через которые пользователи получают из Web 90% информации и функциональности (то есть с броузерами)? Так считает WaSP, так считает и A List Apart.

Моя компания "стандартизировала" броузеры 4-ого поколения Мы понимаем, что многие из вас находятся в подобном затруднительном положении. Считайте, что это шанс напомнить боссу или отделу информатики о том факте, что броузеры 1997 года задерживают развитие Web-а. Сделайте так, чтобы идея обновления броузеров стала их собственной. Часто это помогает.

Я не могу позволить себе купить новый компьютер, а на моем старом компьютере эти новые навороченные броузеры не работают Для соответствия стандартам броузерам вовсе не нужно иметь огромные размеры и нагружать под завязку процессор. Многие из них требуют меньше ресурсов, чем едят броузеры 4-ого поколения. Мы не даем конкретных названий, но если вы обратитесь к странице Browser Upgrades на сайте WaSP, вы найдете там ссылку на один или несколько броузеров, которые прекрасно смогут работать на вашей существующей системе.

Эти новые броузеры не будут работать на моей 286-ой машине с 4-мя Мб оперативки. Что скажете? Скорее всего это так. Опять же, если мы будем способствовать всеобщему распространению стандартов Web, мы сделаем Web доступным для всех - и принудим изготовителей дешевых Интернет-устройств и компьютеров поддерживать эти самые стандарты в новых версиях своих доступных продуктов.

Кроме того, этот сайт соответствует стандартам и работает в любом броузере. Он выглядит лучше в броузерах, правильно поддерживающих CSS, но содержимое сайта доступно для любого броузера или устройства. Кроме того, этот дизайн рассчитан на низкоскоростное соединение (а сейчас он стал еще легче благодаря тому, что избавился от 6 Кб вложенных таблиц). Благодаря этому он нравится тем, кто подключен к Интернету по медленным каналам или через старое оборудование. Этот сайт будет работать в любой системе, понимающей HTML. Это самое большее, на что вы можете рассчитывать.

JavaScript - это зло! Спасибо, мы разделяем ваше мнение. Отключите JavaScript, если хотите. Сайт все равно будет работать.

А почему вы не воспользовались XHTML? Из-за лени, кроме того, нам нужно было вовремя закончить редизайн сайта к моменту старта инициативы обновления броузеров на WaSP. Кроме того, мы проверяли, HTML 4.01 по-прежнему является действующим Web-стандартом.

Вы что, сошли с ума, или вы действительно думаете, что вашему примеру последуют другие сайты? На какой вопрос отвечать первым?

Вы действительно думаете, что вашему примеру последуют другие сайты? Ну, мы же сделали это. То же самое сделал давний партнер A List Apart - сайт Babble List. Множество разработчиков сайтов уже сообщило нам, что они собираются последовать нашему примеру. Вы следующий?

Вы попали бы в прекрасную компанию. Многие сайты уже сейчас интенсивно используют таблицы стилей - включая CNN, ESPN, и Hewlett-Packard. Эти сайты используют скрипты, которые определяют, какая таблица стилей лучше всего подходит под ваш броузер, а затем динамически ее подгружают. Вместо этого мы пишем одну единственную таблицу стилей, которая будет работать в любом броузере, правильно поддерживающем CSS.

Мы признаем, что не каждый сайт может позволить себе эти изменения сейчас, но мы и не ждем от них этого. Но по мере того, как наше число будет расти, к нам присоединятся и другие. Один человек с дубинкой - хулиган, тысячи человек с дубинками - это уже армия.

Неужели какой-то клиент в здравом уме согласится пойти на это? А почему клиенты в здравом уме согласны потратить миллион долларов на сайт, изготовленный во Flash, и даже не упоминают про его HTML-версию? Нас от этого коробит, но мы можем назвать десяток компаний, которые сделали это. Почему клиенты в здравом уме соглашаются на изготовление сайта, который работает только на одной платформе? Черт нас подери, если мы знаем ответ на этот вопрос, но мы встречались и с таким фактом. И вы, наверняка, тоже. В поддержке стандартов в ущерб внешнему виду сайта в старых броузерах больше смысла для нас, чем в тех фактах, о которых мы упомянули выше.

И не забывайте, мир не ограничивается только клиентами в здравом уме.

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

О стандартах вы также можете узнать здесь - на сайте A List Apart (начните со статей, которые упомянуты на врезке (sidebar)), на странице ресурсов сайта The Web Standards Project, в превосходных публикациях на таких сайтах, как Builder.com, Webmonkey, Webreference, XML.com или прямо из печки.

Уж не хотите ли вы сказать, что HTML-таблицы умерли? Нет. В использовании HTML-таблиц есть хорошие и плохие стороны. Лучше всего они подходят для того, для чего они собственно и предназначались: для вывода табличных данных. Но в переходный период, когда одни пользователи все еще пользуются старыми броузерами, а новые броузеры все еще отшлифовывают свою поддержку стандартов, иногда можно использовать таблицы и для вёрстки.

Например таблицы хороши для создания многоколоночного макета. A List Apart удалось создать двухколоночный макет без использования таблиц, но трехколоночный макет не так уж и легко сделать, если опираться только на CSS, хотя это и запланировано внести в CSS-3. Несомненно, существуют способы создать трехколоночный макет и с той поддержкой CSS, которая имеется на сегодняшний день; мы просто эти способы еще не изучили.

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

<

div class="menu">, чем тратить свою жизнь на копание в бесчисленных вложенных таблицах.

А вы пытались обновить подобным образом реальный сайт, типа Yahoo! или Amazon, чтобы разделить содержимое и его представление? Мы всю неделю были немного заняты. Но сотрудник A List Apart David Eisenberg попытался сделать это. После двух часов работы он частично перевел Yahoo! Weather. Сгрузите запакованный файл с Yahoo! Weather, если вам это интересно. И не говорите, что мы вам ничего не давали.

Для любителей качать права: мы не заявляем, что являемся партнерами Yahoo (мы не являемся партнерами Yahoo!), так же мы не пытаемся нарушать какие-либо законы об авторских правах и торговых знаках. Запакованный файл является простым учебным пособием, в котором использован хорошо известный (и любимый всеми!) сайт. На его примере люди могут убедиться, можно ли преобразовать его, пользуясь только Web-стандартами. Мы молимся на Yahoo и прямо восхищаемся до щенячьего визга ее юристами. Мы желаем юристам Yahoo и их семьям тысячу лет здоровья и процветания.

Два часа? Гы.. И все равно работа не закончена? Если вы подразумеваете, что перейти со старого стиля на новый непросто, то вы правы. Чаще всего это связано с тем, что мало пока кто из нас понимает CSS на достаточно глубоком уровне. Даже те из нас, кто считает, что постиг все, по-прежнему не перестает учиться.

HTML-таблицы вошли в нашу плоть и кровь. Чтобы понять и работать с боксовой моделью CSS, овладеть такими изощренными технологиями CSS, как Float, нужно желание учиться и немножко терпения. Также полезно, если вы попытаетесь воспроизвести в CSS существующий табличный макет. В общем, не бойтесь экспериментировать, и не проклинайте новое только потому, что оно отличается от старого.

Вы переделали весь сайт A List Apart? Еще нет. Если бы сайт с самого начала строился с учетом стандартов, мы могли бы его обновить целиком, отредактировав всего одну таблицу стилей. Вместо этого нам приходится просматривать более 500 страниц, заполненных вложенными таблицами и прочим мусором. Мы не коммерческий сайт. У нас нулевой бюджет. Мы сделаем это так скоро, как только сможем.

Вы спороли чушь, и потеряли своего читателя Нам искренне жаль, что вы так думаете. Прежде, чем вы покинете сайт, поделитесь своими чувствами в форуме A List Apart. Он сделан на ColdFusion, который весьма посредственно поддерживает стандарты, и следовательно является нестандартной частью нашего сайта. Вам понравится, как он выглядит в вашем броузере 4-ого поколения.

Джеффри Зельдман (Jeffrey Zeldman)


10 главных ошибок веб-дизайна 2005 года


13.08.07 11:08

автор: Якоб Нильсен перевод: Александр Качанов

Вкратце: В списке по-прежнему наши старые знакомые - ошибки, которые продолжают доставлять неприятности пользователям и в 2005 году.

Для данного списка худших ошибок веб-дизайна 2005 года я решил попробовать нечто новое: я обратился к читателям моего списка рассылки с просьбой назвать те проблемы юзабилити, которые по их мнению являются самыми раздражающими.

Я предположил, что, обращаясь с такой просьбой к читателям, мне удастся выявить множество таких деталей, которые ускользали от меня во время моих тестов с пользователями. Но оказалось, что это не так. Вместо этого я получил список из всех тех же пунктов, которые занимают верхние 30 строчек в уже давно существующем списке рекомендаций по юзабилити. Поэтому, если вы, просматривая данную "горячую десятку", поймаете себя на мысли "Да, я это уже давно знаю", это нормально.

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

  1. Проблема с читаемостью Ошибка в выборе шрифта вышла на первое место с подавляющим преимуществом. Она получила в два раза больше голосов, чем ошибка №2. Примерно две трети голосовавших жаловались на слишком мелкий шрифт или на фиксированный размер шрифта; примерно одна треть - на малый контраст между цветом шрифта и фоном.

О том, как гибкий размер шрифта улучшает читаемость текста, см. статью "Размер шрифта пусть выбирают сами пользователи", написанную в 2002 году.

  1. Нестандартные ссылки Вот пять главных правил для ссылок:

Ясно указывайте на странице, что является ссылкой: если это текст, пусть он будет цветным и подчеркнутым (не используйте подчеркивание для обычного текста) Не скрывайте различие между посещенными и непосещенными ссылками Объясните пользователям, что они обнаружат, перейдя по ссылке, добавьте хоть немного ключевой информации в текст самой ссылки, чтобы контент можно было легко сканировать человеку и поисковому роботу. Не используйте в ссылке текст "щелкнуть здесь" или другие подобные ничего не говорящие фразы. Избегайте использования JavaScript-а в ссылках, а также прочих изощренных приемов, которые нарушают стандартное взаимодействие со ссылкой. В особенности не открывайте страницы в новых окнах (за исключением PDF-файлов и проч.) Ссылки - это первейший элемент взаимодействия в Web-е. Нарушая привычную работу ссылки, вы путаете пользователей, а это затрудняет им работу с вашим сайтом.

  1. Flash Я считаю своей личной неудачей то, что Flash получил бронзовую медаль в этом соревновании. Уже прошло три года с того момента, как я призвал разработчиков исправить насущные проблемы Flash-а и опубликовал руководство о том, как надо правильно им пользоваться. Когда я выступал на главной конференции Flash-разработчиков, практически все согласились с тем, что чрезмерное увлечение Flash-ем должно кануть в Лету, и что Flash может в будущем дать пользователям удобный пользовательский интерфейс.

При всех этих благих намерениях большая часть Flash-разработок, с которыми приходится сталкиваться веб-пользователям, являются простыми поделками, которые лишь раздражают людей, не принося никакой пользы. Радует лишь, что экраны-заставки и flash-заставки практически вымерли. Они были настолько вредными, что даже самые неискушенные веб-дизайнеры не берутся делать их, хотя находятся еще заказчики (еще более неискушенные), которые желают видеть такие заставки на своих сайтах.

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

Использование Flash-а в навигации почти всегда является ошибкой. Люди предпочитают предсказуемую навигацию и статические меню.

  1. Контент, не написанный специально для Web-а Писать для Web-а значит:

писать коротко писать так, чтобы текст удобно было просматривать писать точно в тему (а не заполнять пространство рекламным шумом) Текст для Web-а должен:

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

  1. Несовместимость браузеров Я признаю: во время своих семинаров весной 2004 года я присвоил требованию кросс-платформенной совместимости одну звезду (что значило - "об этом стоит подумать, но только в том случае, если есть лишнее время, а вообще - не обязательно"). В то время практические все пользовались Internet Explorer-ом, а в поддержка других браузеров все больше оценивалась как лишние расходы, не приносящие прибыли.

Сегодня же достаточно много людей пользуется браузером Firefox (и другими не такими распространенными продуктами, как Opera и Safari), что требование поддержки разных браузеров вновь в повестке дня: не отпугивайте своих клиентов только потому, что они предпочитают работать на другой платформе.

  1. Громоздкие формы Я получил множество жалоб на проблемы, связанные с формами. Какие? Формы слишком часто используются в Web-е и они часто оказываются слишком большими, с множеством ненужных вопросов и вариантов. По большому счету нам для веб-приложений требуется нечто большее, чем старая метафора приложения. Ну а пока пользователям приходится сталкиваться с формами, потому сделайте так, чтобы эта встреча прошла как можно безболезненно. Вот пять главных правил по этому поводу:

Удалите все лишние вопросы. Например, так уж вам нужно знать, как следует обращаться к пользователю: мистер, миссис или мисс? Сделайте обязательными лишь те поля, которые вам точно нужны. Поддерживайте функцию автозаполнения в браузере. Для этого выбирайте для полей в html-коде обычные имена (просто name, address и т.п.) Устанавливайте курсор автоматически на первом поле формы. Так экономится один щелчок мышкой. Гибко поддерживайте формат телефонных номеров, номеров кредитных карточек и проч. Ведь очень просто запрограммировать компьютер, чтобы он сам удалял лишние скобки и пробелы в номерах. Это особенно важно в случаях с пожилыми людьми, когда сайты требуют от них данные в непривычном для них формате. Зачем терять заказ только из-за того, что покупатель предпочитает красиво группировать цифры по четыре в номере своей кредитной карточки, а не вводить их сплошным потоком из 14 цифр? Формы, нарушающие правила интернационализации, вызывали множество нареканий у зарубежных пользователей. Если на вашем сайте ввод канадского почтового индекса приводит к ошибке, не удивляйтесь, что у вас не так уж много клиентов из Канады.

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

О том, как лучше всего подавать контактную информации, почитайте статью «О нас» - как представлять информацию об организации на сайте и статью "Helping Users Find Physical Locations"

  1. Макеты страниц с фиксированной шириной Здесь жалобы делились на две категории:

На больших мониторах с веб-сайтами было неудобно работать, так как они не становились шире на широком окне. И наоборот, если пользователя был маленький монитор, а страница не была "резиновой" по ширине, появлялся невыносимая полоса горизонтальной прокрутки Правая часть фиксированной страницы оказывалась обрезанной. Это особенно раздражало европейцев, которые используют более узкий формат бумаги (А4), чем тот, что используется в США Здесь мы также напомним о размерах текста. Предположим, что ваш сайт не допустил ошибку №1 и вы не зафиксировали размер шрифта. Пользователи с большими мониторами непременно увеличат шрифт. Однако, если они также увеличат размеры окна, чтобы более крупный текст удобнее читался в контексте сайта, ваш фиксированный макет останется прежним и пользователи останутся недовольными.

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

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

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

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

Хуже всего, когда пользователь, щелкая по кнопке "увеличить фотографию", видит ту же самую фотографию. Элементы, которые ничего не делают, всегда являются ошибкой. Такие ссылки и кнопки зря занимают место, зря тратят время пользователя и путают пользователя: "Что случилось? Я что-то не так сделал?" (И даже еще более распространенной ошибкой является ссылка, на главной странице, которая ведет - на главную же страницу. Это был пункт №10 в нашем списке самых распространенных ошибок при создании главных страниц сайта.)

Другую почти такую же грубую ошибку совершают сайты, которые увеличивают фотографию лишь на долю процента. Если уж посетитель попросил большую фотографию, так и дайте ему большую фотографию. Лучше всего если эта фотография будет по размерам совпадать с наиболее распространенными размерами экрана у ваших пользователей (1024х768 для коммерческих сайтов типа B2C). В других случаях даже этого недостаточно, и тогда посетителю следует предложить несколько небольших снимков в укрупненными деталями, чтобы ему не пришлось для этого прокручивать вверх-вниз большую фотографию.

Да, на начальной странице должны быть маленькие фотографии, чтобы дизайн был опрятным. Да, всегда надо помнить о скорости скачивания и "весе" страницы. Даже в наш век скоростного Интернета медленная скорость закачки фигурирует в списке ошибок веб-дизайна под номером 15. Но, когда пользователи явно просят показать им большую фотографию, они явно согласны подождать, пока она загрузится... за исключением лишь тех случаев, когда вопреки ожиданиям они получаю фотографию среднего размера, на которой не видны мелочи, позволяющие принять решение о покупке.



 

   
   
Студия фито-дизайна Музыка цветов: оформление свадеб, торжеств, декор интерьера
   
   
Copyright © 2002-2013. Все права защищены и принадлежат FloMaster ® Web & Design Studio.
Использование материалов допускается только с предварительного согласия студии.