Все для дизайна

Шаблонный дизайн: два взгляда на проблему

Идея для этой статьи пришла к автору после детального изучения портфолио некоторых крупных студий веб-дизайна в Рунете. В последнее время люди стали искать любой способ заработка денег в Интернете — будь то мошенничество (например, финансовые пирамиды) или бестолковое кликание по баннерам, участие в реферальных программах, создание сайтов низкого уровня (как правило основанных на шаблонах) и т. д. Объясняется такой поток «рабочей силы» в глобальную сеть очень просто — многие не в состоянии заработать хорошие деньги в реальной жизни, да и многие уловки таких «работников» уже всем известны. Сейчас все сложнее и сложнее найти простаков в реальности, зато в виртуальном мире их хоть отбавляй. В данной статье мы рассмотрим одну из сторон (очень важную и массовую!) заработка денег в Интернете — разработку веб-сайтов методом шаблонов. Наберите в любом поисковике словосочетание «студия дизайна» и вы откроете для себя многие сотни страниц, из которых как минимум 4/5 принадлежат неким людям, которые называют себя «дизайн студией».

» Continue Reading

Popularity: 6%

Теги:, , , ,
Июль 31st, 2008 at 11:27 дп | Comments & Trackbacks (0) | Permalink


Стиль против дизайна

Джефри Зельдман: о стиле в web-дизайне, о тенденциях информационного дизайна, о повальном увлечении flash-технологиями.

Мой отец был полупрофессиональным художником (Sunday painter), книжки с его иллюстрациями сыграли для меня в детстве формирующую роль. Как и многие другие дети, я зачаровывался эффектностью. Я забывал все вокруг, глядя как старательно вырисовываются сражающиеся гладиаторы, живописные деревеньки, древнеримские руины в свете восходящего солнца. Я считал, что искусство – это «умение хорошо рисовать». Чем старательнее вырисованы детали, чем скрупулезнее выписаны листья на деревьях, тем лучше художник – так оценивал я по своей детской неопытной шкале. Позднее, я открыл для себя комиксы. А еще чуть позже, музеи. Максфилд Парриш (Maxfield Parrish) вызвал у меня головную боль, и привел меня к мысли, что я никогда не стану художником.

» Continue Reading

Popularity: 4%

Теги:, , , ,
Июль 31st, 2008 at 11:26 дп | Comments & Trackbacks (0) | Permalink


Адекватная классификация сайтов

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

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

» Continue Reading

Popularity: 4%

Теги:, , ,
Июль 31st, 2008 at 11:25 дп | Comments & Trackbacks (0) | Permalink


Роль дизайна в создании сайта

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

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

Но «группировка», считающая, что дизайн ничто, «контент рулит» по численности не уступит количеству своих оппонентов. А, как известно, истина всегда находится посередине. Вот эту середину и надо стараться найти при создании своего сайта.

» Continue Reading

Popularity: 5%

Теги:, , ,
Июнь 30th, 2008 at 1:56 пп | Comments & Trackbacks (0) | Permalink


Как самостоятельно создать сайт? Несколько рекомендаций

Самостоятельно создать сайт на сегодняшний день совсем несложно. В этой статье я расскажу, как это можно сделать вполне профессионально.

Рекомендация №1. Начните с разработки целей и задач создания сайта

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

» Continue Reading

Popularity: 5%

Теги:, , ,
Июнь 30th, 2008 at 1:55 пп | Comments & Trackbacks (0) | Permalink


index.html Что то такое?

После относительно загрузочных статей о профессиональном дизайне так и хочется поговорить о чем-нибудь более земном, близком к простому народу.
Вот, например, ставить в ссылках «index.html» — это ламерство. Естественно, ламером никому быть не хочется, и некоторые читатели заинтересовались: почему это, собственно, ставить в ссылках «index.html» — это плохо? Объясняю.
Абсолютно все URL’ы, существующие в интернете, замечательно обходятся без всяких там «index.html» (как и index.htm, default.htm и т.п.). И с индекс.хтмл, и без него результат, который пользователь увидит в окне браузера, будет совершенно одинаковым.
Поэтому не нужно усложнять и без того длинные адреса страниц. Не нужно подстраховываться, думая: «А вдруг без индекс.хтмл главная страница моего сайта не будет показываться». Не беспокойтесь, все будет в порядке. Сервер сам найдет в каталоге index.html и покажет его содержимое, даже если в ссылке вы укажете, например, www.softlist.ru, а не www.softlist.ru/index.html.

» Continue Reading

Popularity: 5%

Теги:, , , ,
Февраль 25th, 2008 at 4:34 пп | Comments & Trackbacks (0) | Permalink


Целевая аудитория на вашем сайте

Сразу хочу сказать: может быть, эта статья покажется вам в чем-то банальной или неинтересной. Что ж, на огромную оригинальность я не претендую. Хочу лишь сказать, что написал я эту статью для помощи новичкам-сайтостроителям, которые в последнее время все чаще и чаще задают себе вопрос: «Как раскрутить свой сайт?» Действительно, почему-то люди, которые сваяли свой первый «шедевр» и выставили его в Сеть, сидят возле монитора и ждут, когда к ним придет известность и люди повалят валом на их «супер-портал». Обычно не дожидаются, и супер портал в этом случае ожидают два пути развития: либо про него сразу забудут, либо, прежде чем забыть, еще несколько раз обновят.

Но что делать, если ваш сайт (не обязательно первый, он может быть и десятый, раскручивать надо любой ресурс) представляет собой нечто большее, чем «Все в одном и обо мне»? Что делать, если вы чувствуете, что создали действительно «полезняцкий» ресурс, но не можете донести его до широкой общественности? Если уже в течение месяца цифра на счетчике не меняется? Выход один! Забрасывайте все! Забрасывайте усовершенствования дизайна, технические изыски, бесполезные блуждания по гостевым книгам и форумам с бесполезными призывами «Зайди ко мне!» и вплотную беритесь за раскрутку ресурса. Вплотную…

Первое, что приходит на ум любому интернетчику, равно как и поисковику при упоминании слова «раскрутка» – многочисленные реферальные системы обмена посетителями типа знаменитого Neosap. О вкусах, конечно, не спорят, но я порекомендовал бы воздержаться от регистрации на таких «крутилках» по одной простой причине: мы ведь договорились, что вам нужна целевая аудитория? А то, что каждый пришедший к вам посетитель пробудет у вас не более 30 секунд, я думаю, вас не очень устраивает? Тогда даже не будем смотреть в сторону этих систем. А займемся настоящей рекламной кампанией: упорной, пошаговой, без капиталовложений (не считая счета за Интернет), но с максимальными затратами сил и энергии.

Итак, начали!..

В первую очередь, регистрация в поисковиках. Почему в первую? Потому что занятие это весьма трудоемкое, и результат дает не сразу, а примерно через месяц (только неделя-полторы уходит на то, чтобы поисковик ваш сайт проиндексировал и занес в свою базу данных). Не ограничивайтесь общеизвестными Яндексом и Рамблером! Ищите поисковики! От себя могу подсказать следующие: Punto.RU – сравнительно новый российский поисковик с пока еще небольшой базой известных ему сайтов, Google.RU – Рунетовский вариант американского Гугла и Акавита.BY – белорусский поисковик и одновременно каталог, работающий и с Рунетом, и с Байнетом. На любом из этих поисковиков ищите ссылку типа «Добавить ресурс» и дальше действуйте по инструкциям.

Далее будет регистрация в рейтингах. Конечно, во всех подряд регистрироваться не стоит, поэтому выберите для себя те 5-6 (а можно и 2-3), которые вам больше всего нравятся. По возможности рейтинг должен быть незагруженным, т.к. если в нем уже насчитывается более миллиона ресурсов, то регистрироваться и незачем – ваш сайт потеряется в этом море буквально за час и регистрация ничего не даст. Еще более разумно выбирать рейтинг, ваше место в котором зависит от количества кликов по кнопке самого рейтинга, т.е. от количества переходов. Лично мне нравятся рейтинги ProtoPlex TOP-100 и RAX. Поищите в Сети, вполне возможно, что вы найдете и другие интересные рейтинговые системы помимо общеизвестных. Только не надо жульничать. После регистрации в такой системе обязательно поставьте ее кнопку себе на сайт, иначе через некоторое время вас просто выкинут из списка, и все услия будут потрачены зря.

Конечно же, приличному сайту никуда не дется без баннерообменных сетей. Ваша реклама должна крутиться на других сайтах, это также гарантия того, что хотя бы на первых порах к вам зайдет пара-тройка человек, а чем дальше, тем больше. Для начала, еще перед выбором сети и регистрацией аккаунта, внимательно посмотрите на свой баннер или баннеры, если их несколько. Постарайтесь не делать таких крикливых аляповатых треугольников, которыми сейчас полон весь Рунет. Даже если вы и не художник, пусть ваш баннер выглядит просто, но стильно и аккуратно. Это резко повышает привлекательность сайта в глазах ваших потенциальных посетителей. К выбору баннерообменной сети лучше тоже подойти ответственно. Конечно, есть RLE.RU, но сами подумайте: а устроит ли вас такой вариант? Ведь RLE – сеть достаточно большая и обширная, и кроме баннеров сайтов новичков, там крутятся баннеры сайтов-гигантов, огромных порталов, новостных агенств и т.д. Так стоит ли все валить в одну кучу? Опять же, потратьте немного времени, и найдите баннерообменную сеть, соответствующую именно вашей тематике: компьютеры, работа, отдых, туризм – сейчас существуют баннерокрутилки самых различных направлений. Одну такую баннерную сеть, посвященную компьютерным играм, я могу назвать: GamesBanner Network. Если ваш сайт отвечает данной тематике – пожалуйста, регистрируйтесь!

Далее сделаем такой оригинальный ход, как реклама в газетах. Конечно же, не огромным блоком на главной странице (можно и так, но неизвестно в какую сумму вам это выльется), а обычной ссылкой с описанием в специально отведенной для этого рубрике. Обычно, в каждой газете компьютерной тематики такие есть и ведущие этих рубрик с радостью примут ваши ссылки на свои сайты. От себя могу дать два адреса белорусских газет: Компьютерные Вести и Компьютерная Газета. На сайтах этих газет можете найти необходимый адрес e-mail для отправки информации о вашем сайте.

И последний вариант, раздать ссылку всем своим знакомым. Вариант весьма эффективный, т.к. при условии, что ваш сайт им понравится, они передадут ссылку своим знакомым, те своим и т.д. и т.п.

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

И, конечно же, где бы вам не пришлось регистрироваться, в графе «Web-страница» указывайте адрес своего ресурса.

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

Popularity: 7%

Теги:, , , ,
Январь 14th, 2007 at 11:16 дп | Comments & Trackbacks (2) | Permalink


Статистика web-сайта, подходы и выбор

В данной статье мы попытаемся рассмотреть задачи определенной группы владельцев сайтов.Итак, пусть это будет следующий сайт: небольшая или средняя суточная загрузка – до 5 тыс. хостов (примерно 15-20 тыс. загрузок страниц);

сайт использует БД и динамическое формирование страниц (связка Apache+PHP+MySQL);

команда обслуживания сайта 1-5 человек;

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

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

для чего делается сайт?

для кого делается сайт?

что будет на сайте?

Если Ваши ответы на эти вопросы будут – для галочки, для начальства, что-нибудь нароем – эта статься не для Вас. Хотя…

Если же данные вопросы будут решены по совести, то следующим вопросом будет: ну, как там дела?

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

Статистика для администратора web-сервера.

Бывает, например статистика работы web-сервера – это фактически логи сервера, а также различные обработчики логов помогающие узреть основные детали. Данный вариант часто предлагается хостинговыми компаниями. В качестве исходников берут логи web-сервера Apache, настраивают их посуточную архивацию (или используют ротацию для экономии места на диске) и натравливают на логи обработчик – например небезызвестный analog.

Это решение подходит для администратора web-сервера – можно укрупнено рассматривать тенденции загрузки сервера, трафика, ошибки, при желании можно мануально докопаться до самой распоследней строчки лога и выявить, например, ошибку. Это решение подходит для хостинг компаний – дешево (бесплатно) и сердито (ресурсов требуется самый минимум, а сервис вроде как и предоставлен). Это решение подходит для построения псевдонаучных отчетов для начальства (распределения по дням недели и т.д. ну в общем вы понимаете…). Это решение подходило 5-10 лет назад, когда анализ загрузок файлов по каталогам в принципе мог дать картину спроса на некоторую тему (при условии, что на сайте для каждого раздела, статьи и пр. есть свой каталог). НО! Это решение совершенно не подходит для сегодняшних реалий. Оно не дает информации об изменениях, невозможно проследить спрос к контенту, корректно отследить путь каждого пользователя и т.д. На самом деле решение обработчика лога не может дать вообще никакой информации для контент-менеджера, для тех кому интересен именно каждый посетитель и его запросы. Нужна статистика web-сайта.

Статистика для контент-менеджера web-сайта.

Для многих проблема сбора статистики посещаемости web-сайта решается очень просто – будем использовать внешний счетчик. Благо есть масса решений, платных и бесплатных, навороченных и ограниченных минимумом. На наш взгляд использование внешнего счетчика имеет только одно важное преимущество – для его внедрения в сайт не нужна высокая квалификация администратора – это просто и быстро. Все остальное у внешних счетчиков плохо. Это и цена (получается весьма дорого, например за средний сайт можно заплатить соразмерно оплате за сам хостинг), и недостаточная точность. В общем, использовать внешние счетчики можно, это как бы независимый показатель посещаемости сайта, это как бы модно, это включение в рейтинги (естественно, есть смысл попадать только на первые страницы).

Нужна своя программа получения он-лайн статистики по посетителям и контенту. Сейчас появилось несколько программ удовлетворяющих указанным вначале текста условиям. Все они функциональны и рабочие, но мы подробнее остановимся на CNStats. Легкая инсталляция, быстрый запуск в работу. Если надо считать cookie используем графический счетчик, но авторами рекомендуется использовать php include. Все отчеты генерятся на лету, на фактически любой отчет можно наложить фильтр. Например, отчет по реферерам, накладываем фильтр «Английский язык» – получаем всех рефереров у которых язык в браузере выставлен английский. Уникальный отчет страны делается по базе принадлежности IP адресов, рисуется соответственно раскрашенная карта мира. Нажимаем на IP адрес и получаем его RIPE данные, нажимаем еще раз, получаем персональный для этого IP лог – все страницы которые последовательно просмотрел пользователь. В общем, CNStats это то, что надо для анализа работы именно статистики посещений сайта и его посетителей.

Заключение

CNStats отличается от Analog как Visual C от assembler. При этом каждый выполняет свою важную задачу, главное правильно понять какая именно нужна статистика – по контенту и посетителям сайта или по работе сервера.

Popularity: 5%

Теги:, , , ,
Январь 14th, 2007 at 11:15 дп | Comments & Trackbacks (1) | Permalink


VRML – технология будущего

Очень удивился, обнаружив недавно, что у некоторых людей в сети существует своя жилплощадь… Причем практически бесплатно! Я не имею в виду бесплатные хостинги для сайтов, нет, я имею ввиду… Впрочем, перед тем как узнать, что кроется под пониманием словосочетания «виртуальная жилплощадь», я хочу немножко отступить в сторону и кратко рассказать человеку непосвященному о языке VRML, его возможностях и сферах его использования. VRML (Virtual Reality Model Language – Язык Моделирования Виртуальной Реальности, по-русски – ЯМВР), нечто гораздо большее чем просто модификация языка гипертекстовой разметки (HTML). VRML занимается гораздо большим делом – моделированием трехмерных миров в Интернете в режиме онлайн. Отсюда и название – «Моделирование Виртуальной Реальности». Теперь, после краткого экскурса в основы VRML, вернемся, собственно, к началу статьи. С развитием языка VRML в Интернете появилось очень большое количество виртуальных городов (опять же, оговорка: речь идет не о хостингах и не о всяких Geocities), в которых мог получить «постоянное место прописки» любой желающий. Но… Искусство требует жертв… Ранее для того, чтобы поселиться в таком городе, требовалось скачивать специальный браузер (например, весьма известный и поныне 3D-браузер Alice), так как обычные Эксплореры и Нетскейпы не поддерживали VRML в корне. Потом долго возиться с настройками… Потом стучаться на сервер «виртуального города»… Теперь ситуация кардинально упростилась… Я не буду ничего говорить о Netscape, я не поклонник этого браузера, но Internet Explorer (версии 5.5), похоже, стал обучаем и VRML. Но… Обо всем по порядку.

Долгое и упорное лазание по Cети привело меня как-то на сайт Cybertown.com. Вот после этого мне в голову и пришла мысль написать данную статью. Как следует из названия, сайт представляет собой огромный кибергород, в котором может поселиться любой желающий. Причем, в отличие от других подобных ресурсов, данный город может работать и в 2D режиме, если у вас, к примеру, маломощная машина. Но рассказывать о «виртуальном городе» человеку, никогда с таким понятием не сталкивавшимся очень трудно. Поэтому давайте сначала разберемся, что такое «виртуальный город», в чем принцип его существования, чем он отличается и чем он похож на настоящие, «реальные города».

Вообще, в реальной жизни понятие «город» охватывает массу понятий. Это и жилье, и работа, и деньги, и развлечения, и еще масса различных удовольствий и проблем. Виртуальный город в этом смысле не сильно отличается от реального. Например, первая проблема, которая встанет у вас на пути при «переезде» в виртуальный город – это проблема покупки (да-да, именно покупки) жилья (хотя там его приобрести проще, чем в реальном мегаполисе:)) Потом – проблема заработка. Потом – еще множество всевозможных вопросов и аспектов. Только не думайте, что «виртуальный город» это одни сплошные проблемы. Если бы так было на самом деле, разве кто-нибудь бы там поселился? К счастью рядового пользователя, проблемы в «virtual city» решаются так же легко и быстро, как и возникают. Да, это вам не real life…:))

Только не надо думать, что все Интернет-мегаполисы – это SimCity онлайн. Нет! Это скорее симулятор вашей жизни в Интернет, ваше, если можно так выразиться, online-зеркало. Теперь, когда читатель знает хотя бы элементарную составляющую основу «Интернет-городов», можно перейти к рассмотрению одного такого мегаполиса – конечно же, это Cybertown.com. Ресурс этот англоязычный, поэтому для «не спикающих» понять что-либо здесь будет сложно, либо вообще невозможно, так как некоторые страницы сайта просто напичканы различными терминами и названиями. Зато у свободно говорящих на языке Шекспира будет хорошая возможность поболтать и подружиться с «забугорными» жителями, той же Англией или Америкой (кстати, американцев в этом городе больше всего).

Регистрация, точнее, как выразились разработчики, иммиграция, достаточно проста. После ввода желаемого логина и пароля на ваш почтовый ящик придет электронное письмо со ссылкой для подтверждения регистрации. Щелкнув по ней, вы станете полноправным жителем Cybertown.com. После этого вам будет предложено скачать четырехмегабайтовый файл, который требуется для поддержки VRML в Internet Explorer, попросту говоря, для создания трехмерного мира. Вот оно, важное отличие! Не надо никаких «десятитонных» стороних браузеров, можно просто скачать четырехмегабайтовую библиотеку. А на наших линиях, как известно, разница, пусть и в шесть мегабайт, огромна. Допустим, библиотека скачана и установлена. Теперь можете смело нажимать переключатели «2D» и «3D» на Панели Управления сайта. Однако для начала советую освоиться в 2D режиме – в 3D даже самые простейшие операции выполнить гораздо труднее (и это можно записать сайту в минус).

Как ни странно, основу такого «мегаполиса» составляет… чат. Добрые американцы быстро помогут вам адаптироваться к новому микроклимату и будут звать вас к себе в соседи. Так как эта статья не претендует на справочный материал по Cybertown.com, я скажу еще только, что:

1) Весь город поделен на районы, а районы – на земли (например, есть район Ангелов, и в нем земля Небесных Ангелов).

2) Практически на каждой земле есть незастроенные уголки, куда можно примостить ваш уютный «виртуальный дом».

3) По домам пользователей очень часто бегают БОТы и развлекают скучающих метким смайликом (т.к. больше ничего говорить не умеют).

4) Не удивляйтесь, если в созданном вами секунду назад собственном доме уже кто-то присутствует. В «виртуальном городе» царит «простота нравов» и к вам просто пришли знакомиться.

5) Живя в городе, вам придется – зарабатывать деньги, обставлять дом, со временем покупать новый, ходить на конференции, в кафе и даже музеи. 6) Вы сможете завести себе питомца, причем любого, начиная от собаки и заканчивая жучками и динозаврами.

Ну вот вроде и завершилось краткое ознакомление с «виртуальными городами» вообще и с Cybertown.com в частности. Но мне кажется, что технология VRML в будущем будет служить не только для создания «Интернет-мегаполисов», но и для куда более серьезных вещей. Может, со временем HTML и VRML превратятся в единое целое, и наши внуки или правнуки, увидев сохранившуюся в каком-нибудь архиве старую страничку, будут долго говорить о серости и однообразности современного для нас сейчас Интернета.

Popularity: 6%

Теги:, , , ,
Январь 14th, 2007 at 11:07 дп | Comments & Trackbacks (0) | Permalink


Как заценить собственный сайт

Любой дизайнер по природе своей любопытен. Хотя бы в той части, что является предметом его деятельности. В частности, это относится к его работам: сделав сайт, ему интересно узнать – получилось или нет? В большей части это относиться к начинающим дизайнерам, ибо у профессионалов «проколы» случаются редко.

Обычно, чтобы оценить свой, зачастую построенный на чистом интузиазме, труд, новичок обращается на форумы о дизайне, где есть раздел, посвященный оценке сайтов другими пользователями. И, наверное, такой ход оправдан: создатель сайта при минимуме усилий со своей стороны получает максимум, зачастую достаточно компетентных комментариев. Однако, я советую, прежде чем выносить сайт на обсуждение, самому «заценить» свой сайт. Понимаю, это достаточно сложно сделать это объективно, все-таки свое, родное… Но, чтобы вам помочь, могу привести примерный список деталей, на которые я обращаю внимание при оценке сайта. На всякий случай, я приведу расширенный список, для «глубокой оценки», ведь лучше сделать сразу все в лучшем виде, чем потом выслушивать гневно-насмешливые высказывания в свой адрес.

Сразу оговорюсь, что все ниже сказанное зыбко и шатко, и список неполон… Просто примите к сведению. В большинстве случаев, ошибки случаются в «технической части», например неполадки с версткой, или ошибки с юзабилити. Своевременно найдя, и исправив их можно создать качественный и удобный ресурс. Но, с другой стороны, если у вас совершенно нет дизайнерского таланта, то, даже сделав трижды грамотный сайт, но «запоров дизайнерскую часть» (подбор цветов, идея, стиль, исполнение графики), больше чем на «3», ваш сайт «не потянет».

Ищем грубые ошибки

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

Нет ли ошибок в скриптах, SSI-директивах? Все ли ссылки работают и ведут на существующие страницы?

Исправлены ли все орфографические ошибки, особенно в важных элементах, таких как заголовки? Исправлены ли грубые ошибки в верстке – блоки разной ширины, «поехавшие» заголовки, отсутствующие изображения, текст вне предназначенного для него места, в общем, все, что бросается сразу в глаза

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

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

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

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

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

Ошибки при использовании графики

Хорошо ли оптимизирована графика? Нет ли лишних изображений, особенно больших? Графика существенно увеличивает время загрузки сайта. Обычно, вес всей страницы с графикой, не должен превышать 50 kb. Иначе пользователь может так и не дождаться полной загрузки и уйти Использует ли графика метафоры, известные пользователю по обычной жизни? Лишаете ли вы её несущественных подробностей, без пользы усложняющих её восприятие? Вообще говоря, нет никакого смысла, как в абстрактных пиктограммах, так и в пиктограммах, инспирированных компьютером. Место хранения файлов можно обозначить изображением жёсткого диска, но при этом от пользователя будет требоваться знание того, как этот диск выглядит. Что неправильно, т.к. от пользователя вообще нельзя ничего требовать. Лучше нарисовать шкаф. Если вы используете графику, имитирующую трехмерность, все ли тени падают в одну сторону? Это очень распространенная ошибка, сайт на котором все тени падают в разные стороны выглядит нелепо и смешно

По назначению ли используется флеш и анимированные изображения? Лишнее мельтешение на странице еще никому не принесло пользы. Кроме того, такие объекты обычно прилично «весят» У всех ли графических изображений есть соответствующий альтернативный текст? Он поможет разобраться, если у пользователя в браузере отключена возможность просмотра графики, кроме того, указание этих атрибутов является обязательным в стандарте HTML 4.0

Ошибки в навигации

Хорошо ли продумана навигация? Разбит ли сайт на разделы, если это необходимо? Навигация должна присутствовать на всех страницах сайта. На каждой ли странице есть ссылка на главную страницу? Отражает ли навигационная панель текущее местоположение посетителя на сайте? Это может быть выделение текущего пункта в меню цветом, либо другим эффектом Всегда ли корректно работает кнопка Back браузера? Некоторые страницы, переданные по шифрующему протоколу, не могут быть взяты браузером из кэша и их требуется загружать заново (в лучшем случае пользователю нужно самому нажать кнопку Refresh, в худшем – производить более сложные и неочевидные действия). При повторной загрузке таких страниц может также слететь установленная в браузере кодировка (и весь русский текст превратится в тарабарщину). Избегайте делать такие страницы. Также, если у вас есть страницы с формами ввода, добейтесь того, чтобы вернувшийся на эту страницу пользователь (не важно, копкой ли Back, либо благодаря гиперссылке) нашел её со всеми своими установками (это очень экономит время, если нужно вернуться и что-нибудь поправить). Если навигация вашего сайта непрозрачна, сложна, имеет древовидную структуру, то доступна ли карта сайта?

Тестируем юзабилити

Использованы ли все возможности для взаимодействия с пользователем? Я имею в виду интерактивные кнопки, другие элементы, реагирующие на действия пользователя. Если объем сайта велик, имеется ли возможность текстового поиска? Всегда ли доступен архив информации? Старая информация не значит ненужная. Предупрежден ли пользователь о возможных неприятных последствиях его действий? Это может быть открытие нового окна, запуск апплета, уведомление о ходе загрузки страницы или размер файла, доступного для скачивания Видимы ли все изменения в содержании и дизайне, произошедшие из-за действий пользователя? Например, если пользователь установил какой-нибудь переключатель, то во всех страницах, демонстрирующих результаты его действий, должно быть показано, что этот переключатель установлен в соответственное положение. Принципом, послужившим основой этого вопроса, является утверждение, гласящее, что любое действие пользователя должно быть отражено интерфейсом. Находятся ли важные данные в начале страницы? Важная информация должна заинтересовать пользователя, заставить его прочесть до конца ваш материал Помогает ли альтернативный текст понять изображение? Имеется ли у всех навигационных ссылок пояснение? Пояснение должно отвечать на вопрос, куда попадет пользователь, щелкнув по ссылке. Различаются ли цвета у пройденных и непройденных гиперссылок? Отражают ли заголовки (title) путь к данной странице? Стараетесь ли вы использовать кнопки с глаголами, нежели иными частями речи, например «Показать» вместо «Готово»? Нет ли на странице ссылок на саму себя? Это нелогично, т.к. ссылка сама по себе предполагает перемещение. Изображение логотипа должно быть ссылкой на главную страницу. Помните что синий подчеркнутый текст – это стереотип? Так чаще всего обозначают ссылки. Старайтесь это использовать и вашу ссылку заметят

Послесловие

Это лишь основные, но далеко не единственные пункты. Соблюдение всех из них необязательно, более того, иногда даже вредно и может совершенно испортить весь дизайн. Но все же, для большинства сайтов большинство пунктов актуально. Хотя даже соблюдение правил не гарантирует создание хорошего дизайна. Ведь, зайдя на сайт, мы прежде всего оцениваем общую красоту, стильность, а лишь потом сталкиваемся со всеми прочими частями. Впечатление от сайта, как известно, формируется в первые 5-10 секунд после загрузки. Если вам удалось создать стильный, красивый, необычный сайт, и при этом не испортив все впечатление грубыми ошибками, то можете считать, что дизайн удался! Можно начинать заполнять сайт информацией, раскручивать, совершенствовать. Немного терпения – и ваш проект будет популярным!

Удачи тебе, Дизайнер!

Popularity: 6%

Теги:, , ,
Январь 6th, 2007 at 12:53 пп | Comments & Trackbacks (0) | Permalink