Что такое маскот и что такое персонаж

[web-design]

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

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

Эти качества могут быть
- техническими (к примеру, для обозначения базовой и профессиональной версий софта),
- подобранными в рамках продвижения продукта на рынке (уютный дедок-домовой, так располагающий к беседе за чаем, всемогущий мистер Пропер и жуткий Рональд Макдональд)
- личными, отражающими характер коллектива или лидера фирмы (к таким я отношу сумбаевского хоря и CrazyNick-a).

В общем, персонаж по большому счету — такая же ценная боевая еденица в айдентике, как и логотип или фирменный стиль, и может «работать» на узнаваемость не хуже, чем они.
Очень хорошо и интересно про работу с персонажами написал Оника Александр.


Живчик и его друзья, Лимончик и Грушка. Компания растет по мене выпуска на рынок новых вкусов напитка.


Шустрый и неунывающий Квикки завоевал для Несквика симпатии как детей, так и мам. Еще бы — вот он, наглядный результат правильного питания


Пример персонажа, прототипом для которого был непосредственно заказчик. Подробнее — у Турбомилков.

Если же по большому счету персонаж проекту нафиг не упал, но уж больно хочется — люди создают себе маскота.

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

Частенько маскот выходит настолько обаятельным и харизматичным, что начинает воспринимается отдельно от своих владельцев, ярчайший пример тому — обожаемый всем рунетом Заяц Несудьбы (сфотографироваться в обнимку с его ростовой моделью — обязательный пункт в списке каждого посетителя Фестиваля 404) или народный любимец Олимпийский Мишка, основательно переживший память об Олимпиаде-80.


Вот они, красавцы


Загадочного дэмиартовского кота можно найти на самых неожиданных страницах форума.


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

Примерами маскотов также можно назвать все олимпийское зверьё. И Лукморье, кстати, о маскотах очень интересно рассказывает.

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

Если провести параллель с домашними животными, то персонаж — это больше из области рабочей скотины: обученная сторожевая собака, воспитанная лошадь, умеющая ходить в упряжи и под седлом. А маскот — это животное «для радости»: породистая кошка, боящаяся мышей, но все равно самая любимая

Источник: iloveicons.ru/chto-takoe-maskot-i-chto-takoe-pe...

@темы: Статьи, Интересно, Иллюстрации, Известные люди

---

Как правильно выбрать название для сайта?

[web-design]

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

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

Есть некоторые правила, следование которым поможет в выборе красивого и удобного для произношения доменного имени.

- Доменное имя должно в точности отображать суть деятельности компании, услуг, предоставляемых сайтом или его тематику, если это блог или информационный портал. Конечно, это не аксиома, но всё-таки логичнее будет смотреться, допустим, SEO-блог с названием соответствующей тематики, чем с доменным именем ivanov.com, на котором будут публиковаться статьи о SEO.

- Выбор доменной зоны. На заре развития Интернет доменных зон существовало не очень много, и все международные зоны назначались для сайтов определенной тематики. Сейчас такого ограничения нет, но всё-таки при регистрации домена нужно правильно подойти к выбору зоны. Например, если компания, которая делает себе сайт, будет российской, логично купить домен в зоне .ru, если сайт информационный – лучше будет смотреться зона .info, чем например .biz.

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

- Длина имени. Количество допустимых символов в доменном имени - 64, минимум, возможно зарегистрировать домен из 1-2 знаков (в зависимости от правил доменной зоны). Несмотря на довольно большой запас длины, не стоит увлекаться при выборе: имени – чем оно длиннее, тем сложнее его запомнить пользователям, набрать в адресной строке и тем проще подделать его мошенникам.

- Дефис. Рекомендуется не использовать его в домене, если этого можно избежать.

- Транслитерация. Очень важно подойти к выбору «языка» грамотно. Если имя или части имени сайта – это английские слова, они не должны перемешиваться с русскими. К примеру, домен new-okna читается нелепо, а new-windows будет смотреться и звучать намного красивее. Также следует правильно переводить русские названия в транслит. Если правильный вариант уже занят, лучше придумать другое имя, чем зарегистрировать домен с неудобным произношением.

- Верх нелепости – регистрация домена с именем, визуально похожим на русские буквы, например, OTBET.ru, потому как в верхнем регистре имена пишутся редко, и такой домен будет читаться не иначе как оtbet.ru
Конечно, сейчас свободных и красивых доменных имён практически нет ни в одной популярной зоне, но это не означает, что для своего сайта нельзя подобрать красивое название. Главное, рассмотреть все возможные варианты написания имени в подходящих зонах, в крайнем случае, через дефис. Также можно воспользоваться сервисами подбора доменных имён (к примеру, Nameboy), где необходимо ввести желаемые составляющие названия и система сразу выдаст все возможные вариации этих слов.

Автор: Hostmaster
Источник: sitepolice.ru/blog/sites/17961/

@темы: Статьи, Интересно, Мнение

---

Неработающий сайт своими руками

[web-design]

Дата публикации: 03.08.2011

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

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

Запаситесь терпением, чаем и бутербродами, это пригодиться Вам для безотрывного осмысления моих советов, итак, я начинаю:

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

Совет 2
Для составления меню ни в коем случае не пользуйтесь правилом семи пунктов. Даже если ваша фирма сравнительно не велика, непременно создайте меню из сотни пунктов с подпунктами, не забудьте и об их абстрактном названии.

Совет 3
Отсчитайте 600 px от верхнего края и уберите весь текст за эту границу. Этим вы добьетесь того, что на мониторе с разрешением 1024х768 пользователь ничего не увидит кроме красивой фоновой картинки.

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

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

Совет 6
Посетителя сайта всегда «цепляет» приветственная пламенная речь генерального директора, ведь радушное приветствие и широчайшее гостеприимство являются актуальным трендом в бизнесе.

Совет 7
Покупательскую корзину и контакты спрячьте подальше, желательно в подвал сайта, кому будет надо, он всё равно их найдет. Причем, чем дольше поиски, тем горячее жажда покупки.

Совет 8
Примените в дизайне неоднозначные метаморфозы и образы, обязательно разбавьте их сомнительными иллюстрациями. Посетитель всегда любит разгадывать ребусы и загадки, несмотря на постоянную нехватку времени. Мертвые рекламные модули и ссылки — правильный путь! Продолжайте в том же духе!

Совет 9
Обратите особое внимание на «текстовую слепоту», предшественница «баннерной слепоты». Подробные, длиннющие, и на ваш взгляд, важнейшие тексты — залог успеха. Смело уповайте на их прочтение, причем внимательнейшее прочтение. Досконально описывайте свои товары и услуги, обязательно добавляйте множество длинных однотипных отзывов. Ни в коем случае не ограничивайтесь тезисами и конкретикой. Поверьте, чем длиннее вступление и светская беседа с клиентом, тем они качественнее продемонстрируют клиенту состояние вашей готовности к диалогу. Обязательно прислушайтесь к совету «профессионального» оптимизатора и заполните всё пространство ключевыми запросами для поисковиков. Результатом этого, должна получиться бессмысленная синтетическая текстовка: «Наш парфюмерный магазин — лучший парфюмерный магазин среди парфюмерных магазинов. Если Вам нужна парфюмерия, то закажите парфюмерию в нашем парфюмерном магазине». Не боитесь тавтологии, несогласованности предложений и прочей ерунды, имидж — фигня, позиции — вершина мира!

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

Совет 11
Это последний, но самый важный совет для вашего успеха. Неработающий сайт — это тяжелый сайт, думаю, 20 мегабайт веса сделают его недосягаемым для пользователя.

Применив мои советы, Вы превратите свой сайт в неприступную крепость для своего рыцаря — посетителя.

Автор: Sherlock
Источник: sitepolice.ru/blog/sites/33363/

@темы: Статьи, Юмор

---

Неужели вы пропустили юзабилити-мессию?!

[web-design]

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

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

Тор-10 must-see сайтов, по Вашей версии?
Google Maps, Gmail, GeoDistance.com, GapMinder.org, The Story Of Stuff with Annie Leonard, Harmonize with Ed, Molecular Expressions... Сколько получилось - семь? Зато это действительно лучшие.

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

Какой из сайтов на сегодня наиболее удобен в пользовании?
Трудный вопрос. Я думаю, что GeoDistance.com очень удобен в использовании.

А Вы могли бы еще улучшить его?
Я не смог найти способа его улучшить.

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

To be or not to… oh, sorry… Возможно ли измерить коэффициент окупаемости инвестиций (ROI) в дизайн и юзабилити?
Грубо - да. С большой точностью - нет.

Пишете ли Вы сейчас книгу? Если даже не пишете, то если бы писали – о чем она была бы?
Я планирую написать книгу на одну из тем, которые буду представлять на моем семинаре на User Experience Russia 2008: психологические основы правил проектирования пользовательских интерфейсов. Однажды я также хотел бы написать книгу об интересных и удаленных местах Земли – с фотографиями.

Какая будет следующая книга, которую Вы прочтете?
Сейчас читаю биографию Барака Обама. Затем я планирую прочитать “Визуализацию информации” (Information Visualization) Колина Варе (Colin Ware).

Вы считаете себя гуру? Что есть гуру в UI и в UCD? Есть ли разница между гуру в UI и в UCD?
Слово “гуру” просто значит “учитель”. Мне приходится много учить, таким образом, я подозреваю, что это делает меня гуру. Но слово часто используется в значении “великий эксперт”. Я считаю себя экспертом в UI дизайне, но пусть мои клиенты скажут, велик я или нет. Я считаю, что UI дизайн и UCD близко связанные области. Кто-то может быть экспертом в юзабилити-тестировании, не будучи экспертом в UI дизайне, но такая персона не может называться UI гуру.

Вам нравится, когда Вас называют гуру?
Те, кто мне платит, могут называть меня как им угодно.

Если в юзабилити есть гуру, значит, юзабилити – это религия? Значит ли это, что люди просто спят и видят, что придет мессия от юзабилити и даст всем свет "истинной юзабилити"?
Я думал, что мессия от юзабилити уже явился – Якоб Нильсен. Неужели вы его пропустили?

Сколько e-mail'ов Вы получаете каждый день? О чем они?
Не так просто ответить. У меня несколько ящиков для входящей почты и они служат разным целям. Один для получения рассылки одной дискуссионной группы, туда приходят сотни сообщений в день. Другой для сообщений от неизвестных отправителей (вероятный спам). Если игнорировать эти два ящика, число писем в день около 50. Некоторые из них – запросы на консалтинг от потенциальных клиентов. Другие сообщения от текущих клиентов.

Что за песню и с кем Вы исполняли на конференции UPA?
Дебора Хайндерер Сова (Deborah Hinderer Sova) пела “Юзабилити Блюз”, который она написала. Еще один парень и я пели бэк-вокал. Дебора впервые исполнила эту песнью несколько лет назад на предыдущей конференции UPA.

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


Джеф Джонсон на UserExperience '08
Джеф Джонсон (Jeff Johnson) – президент и главный консультант компании UI Wizards, Inc.(расположенной в Сан-Франциско на улице под названием Moscow Street), которая занимается консалтингом в области юзабилити и оказывает услуги по проектированию пользовательских интерфейсов, оценке юзабилити, юзабилити-тестированию и обучению. Работает в области взаимодействия человека и компьютера с 1978 года. Получил степень бакалавра (В.А.), а позднее доктора (Ph.D.) в Йельском и Стенфордском университетах. Работал дизайнером UI, тестировщиком юзабилити, руководителем проектов и аналитиком в компаниях Cromemco, Xerox, US West, Hewlett-Packard Labs и Sun Microsystems. Преподавал в Стенфордском университете и в колледже Mills College, а также в университете Кентербери в Новой Зеландии.
Джеф Джонсон известен в России главным образом как автор книги “Web-дизайн: типичные ляпы и как их избежать”. Его новую книгу "GUI Bloopers 2.0" Якоб Нильсен назвал «чрезвычайно полезной». Хотя эта книга еще не переведена на русский язык, у участников конференции будет возможность составить впечатление о ней и ее авторе по выступлению Джефа Джонсона на конференции User Experience '08. Д.Джонсон прочитает доклад "GUI ляпы: Как избежать типичных ошибок проектирования".
Его практический семинар, который пройдет в последний день конференции, будет состоять из двух частей. Первая часть посвящена психологии, на базе которой основаны правила проектирования интерфейсов. Ведь для того, чтобы создавать действительно удачные интерфейсы недостаточно только слепо следовать правилам, которые зачастую противоречат друг другу. Важно понимать, почему эти правила именно таковы, когда следует или не следует их применять, а для понимания этого необходимо опираться на знания психологии. Вторая часть семинара будет посвящена модели задач, ориентированных на пользователя, и будет включать практическое занятие.
Источник

@темы: Статьи, Известные люди, Профи

---

Веб-дизайн по половому признаку

[web-design]

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

Беспрецедентную научную работу опубликовали эксперты из британского университета Глэморгана — Глория Мосс (Gloria Moss) из бизнес-школы и Род Ганн (Rod Gunn), специалист в области статистики. В результате проведенного исследования они доказали, что мужчины и женщины по-разному воспринимают информацию в интернете. Если говорить о дизайне, то из-за разницы в эстетическом мироощущении мужчины предпочитают один дизайн, а женщины — совершенно другой.

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

Чтобы доказать теорию о разнице «интернет-вкусов» мужчин и женщин, исследователи изучили персональные веб-сайты 30 мужчин и 30 женщин, пытаясь найти важные отличия в дизайне. Они учитывали такие факторы, как стилистическое оформление текста, визуальный дизайн и навигация — всего 23 параметра. И уже на этом этапе обнаружилась огромная разница в мужском и женском дизайне. Значительные различия наблюдались почти по половине параметров.

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

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

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

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

Вызывает сожаление другой факт, обнаруженный британскими исследователями. Они изучили множество сайтов в интернете и обнаружили, что 94% из них спроектированы именно для мужского восприятия! И это несмотря на то, что аудитория сайтов практически поровну делится между мужчинами и женщинами. Что здесь говорить, если подавляющее большинство дизайнеров — мужчины. По статистике, всего лишь 7% сайтов в интернете созданы женщиной либо женской командой дизайнеров. Это действительно печально. Настоящий курьез, но даже 78% интернет-магазинов по продаже косметики тоже спроектированы мужчинами!

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

Автор: Анатолий Ализар
Источник

@темы: Статьи, Интересно

---

Как защититься от «кидала»? Повышаем уровень фриланс культуры

[web-design]

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

Если Вы занимаетесь текстовой информацией (переводы, верстка, статьи)

Итак, для защиты от «кидала» нам понадобится программа Macromedia Captivate. Ее можно скачать с macromedia.com, она весит около 50 мегабайт. Эта программа позволяет создавать мини-презентации вашего продукта или услуги всего за три минуты. Т.е. выполнив свою работу, Вы не отправляете заказчику готовый текст, боясь, оплатит он Вам работу или нет, а отправляете презентацию. Заказчик смотрит презентацию, видит что работа сделана, пересылает Вам деньги, а Вы ему текстовый документ. Я Вас уверяю, из презентации он не сможет выдрать вашу работу и оставить вас без денег. Ниже для скачивания я представляю два собственных примера, посмотрев их, Вам все станет ясно.



посмотреть презентацию (200 Кб)
В этом примере я выполнял текстовый перевод. Заметьте, я прокручиваю лишь левую часть текста, а правая остается закрытой. Сначала я отправил эту презентацию в качестве доказательства перевода, заказчик, посмотрев на нее, перевел деньги, а потом я ему выслал документ Word.



посмотреть презентацию (900 Кб)
А в этом примере я выполнял черновую html-верстку (не на div-ах). Схема такая же: сначала презентация, потом деньги, а потом файлы верстки.
Перед началом выполнения работ я заведомо предупреждаю заказчика о такой схеме. И если он заранее хотел Вас кинуть, то Вы это сразу же поймете.

Если Вы занимаетесь баннерами, flash-презентациями и прочими флэш-примочками.
Моя рекомендация будет распространяться только на онлайновые Ваши изделия. Сейчас поймете почему. Рассмотрим ситуацию на примере баннера. Бывало ведь такое - сделаешь баннер, а заказчик скажет «Баннер не подходит, задумка плохая», а потом сам будет использовать все твои наработки.
Способ борьбы заключается в следующем - в код баннера или другого flash-изделия вы можете вставить «защитные строки», т.е. чтобы баннер всегда спрашивал именно у Вас разрешение на проигрывание, независимо от того, где его запускают. Это достигается за счет считывания переменной из файла с Вашего сервера. К примеру, запускается баннер у заказчика, flash-ролик подает запрос на проигрывание, получает ответ с сервера и, если получена «1», то проигрывается, а если «0», то останавливается. Ну, Вы конечно знаете, что любая флэшка ломается и подлежит переделке, но, во-первых, это умеют делать только знающие люди, а во-вторых, код флэшки можно искусственно «запачкать», и запрятать наши строки где-нибудь в глубине. И тогда даже знающему человеку придется изрядно постараться, чтобы исправить баннер.
Защитные строки имеют примерно следующий вид:
{
c_lv = new LoadVars();
c_lv.load(”parusnik.com/play.php”);
c_lv.onLoad = function (success)
{
if (success)
{
play();
}
else
{
stop();
} // end if
};
И еще способ. Если в баннере используются какие-либо фразы, например «Наша компания занимается продажей сумок», то вы можете в первоначальном варианте баннера написать «Наша компания занимается продажей колготок». Текст с неправильным слоганом заказчик не будет запускать в рекламу.

Если вы занимаетесь графикой или фото



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

Общие советы по организации free-lance процесса
Следующая рекомендация не подходит как стопроцентная защита от «кидала», но все-таки косвенно говорит о благонадежности намерений заказчика. Итак, положительным моментом считается, когда заказчик готов перевести оплату через WebMoney с протекцией. Это значит, что деньги на Ваш счет придут, но Вы ими не сможете пользоваться, пока не введете специальный пароль, который Вам должен сообщить заказчик по окончанию работ.
В качестве универсального метода могу предложить использовать сервис Free-lance.ru «Сделка без рисков». В этом случае заказчик перечисляет деньги на счет Free-lance.ru, а исполнитель приступает к выполнению работ. В этом случае и исполнитель не беспокоится, что за его работу не заплатят, и заказчик не волнуется, что с его деньгами сбегут. В случае возникновения споров, грамотные эксперты Free-lance.ru всегда рассудят, кто прав, а кто виноват. Администрация Free-lance.ru берет 5% от сделки за свою услугу.
На сайте Free-lance.ru очень грамотно организована система рекомендаций. После успешного сотрудничества не забывайте друг друга рекомендовать и писать отзывы о работе. Это будет способствовать накоплению положительного имиджа добросовестных заказчиков и исполнителей.
Всегда имейте в виду, что свой продукт или услугу нужно защищать. Чем выше будет уровень культуры фриланс-услуг, тем больше мы с вами будем зарабатывать. Удачи вам, коллеги.


Никита Щекин, написание мануалов и ТЗ
Источник

@темы: Статьи

---

Имеет место: Основы Deface-дизайна, теория и практика

[web-design]

Buenos dias! Sinoras, Sinoritas. Сегодня я хотел бы познакомить вас с таким явлением, как Deface-design. А что это такое и с чем его едят я сейчас объясню.
Весь изложенный материал предназначен для начинающих, или дизайнеров среднего уровня. Поэтому прежде чем писать посты типа:"... это же для новичков, рекомендую прочитать внимательно это предисловие".

Для начала немного теории:

Ху из Ху: Deface - это процес принудительного снятия лица с чужого сайта. То есть подмена оригинальной стартовой страницы на свою собственную.

А зачем оно мне надо?: Раньше, когда медведи были лохматыми, деревья большими, а инет жутко тормозным, то весь дефейс представлял собой простой набор хакерской матерщины. Но сейчас как правило к таким дэфейсам прибегают лишь идолопоклонники студии Артемия Лебедева. Чаще всего на дэфейс кидают еще и красивую картинку. И вот здесь начинаться наша история. Deface-дизайн - это точно такая же работа, как и обычный дизайн. Можно за определённую плату помогать всяким хакерам в их черном деле. Или вообще примкнуть к какой нибудь Deface-студии(есть и такие), опят же в качестве штатного Deface-дизайнера. И в виду того факта, что дэфейс дело темное, плата за такие проекты может быть тоже повыше. Причем ты остаешься в несомненно выгодном положении, ведь ты ничего не взламываешь, не распространяешь вредоносных программ, а просто рисуешь дизайны. Хотя, как говориться, бережёного Бог бережет.

Практика:

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

И снова немного теории:

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

1. Сверху достаточно крупными буквами пишется ник автора дефейса, или дэфейс-студии.
2. Под заголовком ставят изображение.
3. Далее для непосвящённого человека следует самая непонятная часть:

- Greetz: Здесь пишут хорошие отзывы о тех кто вдохновил, или "заставил" сделать дэфейс.
- Fuckz: Здесь диаметрально противоположное. Ругают всех и вся.
- Admin: Здесь идет обращение к администратору сайта/форума с описанием техники взлома и т.д. и т.п. нам это не очень интересно.
- Thanks: Здесь тоже благодарности тем кто помогал "физически". Давал советы, информацию. Именно здесь Гоша должен указать, что вон ту клевую картинку создал именно ты.
- For Contacts: Контакты дэфейсера. Как говорят: "без комментариев"

По типам же Deface-дизайны: Можно поделить на такие.

1. Протест. Вот так бы мог выглядеть Deface-дизайн какого нибудь крупного химического комбината.

На лицо протест против выброса вредных химикатов в окружающую среду.

2. "Операционные войны". Например наш Гоша очень любит операционную систему Free BSD и ненавидит Linux. В этом случае Deface-дизайн какого нибудь портала посвященного Linux'у мог бы иметь такой вид.

Чертик, символ ОС Free BSD бьет пингвина,символ ОС Linux.

3. Поздравление. Как ты думаешь твоей девушке было бы приятно если бы она зашла на mail.ru и увидела вместо привычного сайта открытку поздравляющую "С днем рождения!" Естественно подписанную от кого и кому.

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

Опять практика:

Ну а теперь тот самый Deface-дизайн, который мы сделаем для Гошы. Допустим он нам заказал незлобный дизайн, который бы мог поднять настроение всем кто его видит. Да бы заменить им унылый сайт какой-то юридической конторы. Для этой каверзной цели я избрал сумасбродных кроликов из игрушки "Rayman Raving Rabbids", не знаю как кого, а меня они просто убивают.
1. Создаем документ, заливаем фон белым цветом.
2. Создаем два новых слоя и в каждом проводим по полупрозрачному градиенту. Один вверх, другой вниз. Цвет ставим: 005b98. На верхнем прозрачность 45%, на нижнем 35%.

3. Рисуем эллипс. Цвет: ef30db. Растиризируем. Щелчок правой кнопки мыши по слою "Rastirize Layer". Далее внутри него рисуем еще один. Выбираем его и удаляем. Выделение не снимать! С помощью же полученного выделения делаем дарку в первом эллипсе. Дублируем и уменьшаем. Так пару раз. Внутри и снаружи добавляем еще пару маленьких бубликов размером от 20 до 5 рх. Прозрачность 25%. В конечном итоге должно выйти нечто похожее на это:

4. Пишем заголовок. Шрифт из игрушки я выбирать обломался. Поэтому взял другой более-менее похожий. Щелчок правой кнопкой. Dlending Options:
- Drop Shadow: color: ef30db, angle: 150, distance: 3, spread: 0, size:0
- Stroke: size: 1, color: ef30db.
5. Рисуем белый прямоугольник ниже заголовка. Сверху и снизу ставим две линии толщиной в 2 рх. Цвет: ef30db.
6. Далее я вырезал из картинки такого кролика. Дублировал его 3 раза и поставил их так, что бы они указывали пальцами в центр.

7. Дублируя слои я уменьшал их и сдвигал влево в право, пока не получил толпу кроликов.

8. Далее я взял кролика в спокойном состоянии, который выгодно контрастировал с общей толпой. Натянул на него шлем Дарта Вэйдера и надел футболку чёрного цвета. Посреди футболки я сделал надпись:"I have been just defaced", на великом и могучем сие означает:"Меня только что задэфейсили."
9. Поскольку уши очень уж предательски торчали из шлема, то я окрасил их светло-черным, выделил те места , где они когда-то были розовые и затемнил. Добавив по краям блик. Теперь шлем получился "ушастый".

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

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

Вот и все. Такие они дэфейс-дизайны. Надеюсь, что этот урок оказался для кого то интересным.

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

Люди, будьте терпимы к чужому мнению и взаимо вежливы!

Автор: Ghost201087
Источник

@темы: Статьи, Мнение

---

Что, кроме денег, нужно дизайнеру?

[web-design]

Дизайнер — человек творческий. И приступы вдохновения не всегда приходят к нему с 9 до 18.


Что, кроме денег, нужно дизайнеру?

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

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

Но как же выяснить этот самый тип референции? В этом помогут проективные вопросы. «Лучше постепенно в процессе беседы подвести человека к ответу, который позволит определить тип референции, — советует Константин. — Например: «Ты давно в дизайне? Здорово! Ну и как оно? Добился успеха? А почему?» Если человек отвечает в духе: «Я сделал отличный сайт, который мне самому нравится», — референция внутренняя. Если ответ: «Мои сайты нравятся людям», — внешняя.

«Есть хороший вопрос, который можно и нужно задавать на интервью с кандидатами, - считает Константин. - Он звучит так: «Представь, что 2 лавки предлагают тебе одинаковую по окладу работёнку, но остальное разное. Вот что для тебя будет важно при выборе?» И он расскажет, какие нематериальные стороны в работе его интересуют:
— чтоб босс матом не ругал,
— чтоб можно было задержаться дома и выспаться иногда и прочее.
Вот все эти мелочи и есть нематериальные мотиваторы.

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

Опыт компаний
«Опишу ситуации, которые встречались на практике моих коллег в различных компаниях, — рассказывает Екатерина Волченкова, менеджер по подбору персонала «Группа Гута». — Дизайнерам интересны проекты, где можно максимально проявить свою креативность и художественный вкус. Порой клиент или начальник долго не принимает ни один из предложенных дизайнером вариантов. Тогда мотивация последнего резко падает.

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

Конечно же, и повышение по служебной лестнице никто не отменял. Рано или поздно потребность во власти одержит верх, и дизайнеру захочется быть важным начальником и решать не только творческие, но и административные задачи. Как правило, в небольших компаниях работают 1-2 дизайнера, реализовать карьерную мечту не удастся в глобальном смысле. В крупных компаниях, агентствах перспективы роста предоставляются ровно с той же процентной вероятностью, как и при любых других должностях. Но работодатель должен помнить, что не каждый хороший исполнитель может стать хорошим руководителем».

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

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

Мнение соискателей
А что же думают обо всем этом сами дизайнеры?

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

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

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

Георгий: «Самая сильная мотивация — это слова: «Мы хотим твой проект представить на международный конкурс и сделать своей визитной карточкой».

Александр: «Вообще, в силах начальника сделать работу любого человека интереснее, а уж дизайнера — тем более. Только мотивация не вся работает, порой даже хуже становится от шаблонов. Мотивировать — это как выбрать подарок другу. Деньги... не самый лучший вариант. Нестандартный подход приветствуется в деталях и лучше на личном уровне. Нагрузил дизайнера, запряг на ночь, так сходи в кафе через дорогу, купи хороший кофе и пирог и подари дизайнеру отгул на полдня. Это все отобьется потом сто раз».

Дмитрий: «Дизайнера можно мотивировать тем, что его работа будет принята «как есть», то есть без изменений. Многие заказчики часто обрубают всё творчество под корень. Дизайнеру надо доверять. Многих представителей этой профессии подкупает наличие их доброго имени на готовой продукции».

Алексей: «Самая лучшая схема, применяемая к дизайнерам во многих компаниях, — это нацеленность на результат при минимальной зависимости от штатного распорядка: многие работают ночью, кстати, это очень продуктивно».

Что касается материальной мотивации, то дизайнеры мечтают получать оклад + % от проекта. «Обычно, процент за выполненный проект получает менеджер, а ведь дизайнеру будет очень приятно получить тоже небольшую награду за работу!» — считает бывший дизайнер Станислав.

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

«Комбинирование повременной оплаты и фиксированной цены часто применяется при постоянных заказах, а комбинирование фиксированной цены и процентной оплаты при какой-то конкретной работе», — говорит дизайнер Дарья.

Источник

@темы: Статьи, Интересно

---

10 прекрасных альтернатив Adobe Photoshop

[web-design]

Adobe Photoshop — мечта любого дизайнера: он обладает профессиональным инструментарием для обработки фотографий. Но самая большая преграда — это его цена, часто непосильная. К счастью, существует ряд бесплатных open-source программ, реализующих практически все, что может Photoshop, а иногда даже больше.

GIMP
GIMP расшифровывается, как “GNU image manipulation program”. Это одна из самых старых и известных замен Photoshop. В нем реализована большая часть его функций. GIMP кроссплатформенный и поддерживается сообществом.

Если GIMP кажется непривычным, то следует обратить внимание на другую альтернативу — GIMPShop. Различие между ними — в интерфейсе: он максимально приближен к Photoshop.



Krita
Krita хвалят за удобство использования, и он выиграл Akademy Award как Лучшее приложение 2006 года. Он чуть слабже, чем Photoshop или GIMP, но обладает своими уникальными особенностями.



Paint.NET
Paint.NET вырос из проекта по развитию известного MSPaint в полноценный редактор изображений. Paint.NET работает в Windows.



ChocoFlop
ChocoFlop — приложение, разработанное только для Мака и оптимизированную под его архитектуру. Он быстрый и очень функциональный. Редактор несвободный, но до выхода стабильной версии (на данный момент — в бете), разработчики позволяют бесплатно использовать его. Уже сейчас ChocoFlop довольно стабильно работает. Если вы из тех, кто не боится наткнуться на ошибку, то стоит попробовать.



Cinepaint
Это не только хороший редактор видео, используемый крупными студиями для создания анимационных фильмов, но и мощный редактор изображений с поддержкой 32-битного цвета высокой четкости. В настоящее время нет стабильной версии под Windows.



Pixia
Интерфейс Pixia первоначально был на японском языке, но есть и английская версия. Хотя этот редактор был заточен для обработки аниме/манги, его можно использовать для редактирования любых изображений. Хотя некоторые средства не очень интуитивны, в сети есть много туториалов на английском языке. Pixia работает под Windows.



Pixen
Этот редактор сначала создавали для мастеров пиксельной графики, но он был доработан до приятного и полнофункционального редактора. Определенно, он лучше подходит для анимации, если это — ваш стиль. Pixen работает только под Mac (10.4x и старше)



Picnik
Picnik — web-based фоторедактор, который начал активно развиваться в свете сотрудничества с Flickr. Он обладает всеми базовыми инструментами, плюс продвинутыми, как слои и спецэффекты. Этот редактор — кроссплатформенный, так как для его работы нужен только браузер.



Splashup
Еще одно веб-приложение имеет мощный набор инструментов (включая слои) и напоминает чем-то Photoshop. Splashup легко интегрируется с фотохостингами и также, как Picnik, кроссплатформенный.



Adobe Photoshop Express
У Adobe в действительности есть бесплатный web-based фоторедактор. Он обладает базовым функционалом, который от него ждали, а также рядом дополнительных инструментов (но нет слоев). Интегрирован с фотохостингами. И, снова, полностью кроссплатформенный.



источник

@темы: Ссылки, Статьи, Софт

---

Стив Круг - о нем

[web-design]

Десять лет Стив Круг (Steve Krug) писал различные компьютерные учебники, но в 1989 году он решил изменить свою карьеру и поднялся до специалиста по тестированию юзабилити и дизайну интерфейсов. Таким образом он мог изначально исправлять проблему вместо того, чтобы писать учебники о том, как с ними справиться.

С тех пор он исследовал и улучшал интерефейсы для многих заказчиков, включая интерфейсы он-лайновых служб и веб-сайтов. В числе заказчиков были Apple, AOL, Netscape, печально известная Excite@Home, BarnesandNoble.com, Cox Interactive Media, и Circle.com (изначально Interactive Bureau).

Его консалтинговая фирма Advanced Common Sense (“там только я и несколько зеркал”) расположена в Chestnut Hill, MA.

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

Чтобы написать Стиву Кругу, достаточно дёрнуть за эту верёвочку.

Сайт Стива Круга
Источник

Ребят, от себя могу добавить: ЧИТАЙТЕ СТИВА КРУГА!
Книга Стива Круга: Веб-дизайн или 'Не заставляйте меня думать!' продается в книжных, вы много ПОЛЕЗНОГО почерпнете для себя. Не пожалейте, потратьте время, но прочтите ее.
И из этой же серии есть еще 2 достойные книги "Веб-дизайн: книга Дмитрия Кирсанова" и "Веб-дизайн. Книга Якоба Нильсена". Их тоже можно найти в книжных магазинах.

@темы: Книги, Статьи, Интересно, Известные люди

---

Команда WEB студии и роли ее членов

[web-design]

"Кадры решают все."

И.В. Сталин

Начнем с рассмотрения ролей участников команды по разработке веб-сайтов.

Руководитель проекта
Принимает решения, осуществляет координацию действий, производит разбор "полетов". Утверждает техническое задание, сроки и бюджет проекта. Руководитель - главный человек в команде, ответственность за срыв сроков или провал проекта ложится на него.
Аналитик
Определяет, что нужно заказчику и что должно быть сделано. Осуществляет предпостановку задачи. Как правило, эти функции ложатся на руководителя проекта или менеджера по рекламе и маркетингу.
Проектировщик
Проектирование информационной системы: структуры сайта, структуры базы данных, CGI-программ и их взаимодействий. Составляет полное техническое задание. В команде разработчиков веб-сайтов отдельной должности таковой тоже нет. Функции проектировщика выполняет руководитель или программист. Причина, как уже было сказано, в сильно ограниченных ресурсах.
Программист
На основании технического задания и проектной документации выполняет кодирование CGI-программ. Практика показывает, что брать на эту должность лучше всего высококвалифицированного программиста, на которого можно возложить частично функции проектирования информационной системы. На непосредственное кодирование уходит в два раза меньше времени, чем на проектирование, поэтому держать неопытного кодера просто нецелесообразно. Проектировщик имеет огромный опыт кодирования, тем самым код будет более правильным и надежным. Итак, лучше заплатить побольше проектировщику системы за кодирование, чем пытаться нанять более дешевую и менее квалифицированную рабочую силу для кодирования.
Верстальщик
Верстает сайт. Обязан знать HTML, CSS, Javasсript, а также владеть какой-либо программой для выполнения примитивных действий с графикой, например: сконвертировать картинку в другой формат, порезать, смасштабировать, повернуть, растянуть и т.п.. Обычно в качестве такой программы используется PhotoShop. Верстальщиков в больших проектах обычно двое. Первый - профессионал, выполняет верстку главной страницы, а также делает шаблон для второстепенной. Второй верстальщик, менее квалифицированный, выполняет рутинную работу по конвертации текста из Word'а в HTML.
Художник/Дизайнер
Создает внешний вид сайта. Всегда плачется, что его работа самая сложная, что вдохновение бывает придет, а бывает и нет, что у программистов все понятно, хотя сам он программировать не умеет. Особо сложный вопрос представляет оценка труда художника, как в количественном отношении, в виде оплаты труда, так и в качественном. Отдельно хочется сказать про резюме, которые нам присылают. Девяносто с лишним процентов соискателей, овладев FronPage полагают, что они дизайнеры, и платить им надо не меньше 200уе за одну работу. Художник должен уметь рисовать, профессионально владеть пакетами для создания и обработки графики: Adobe PhotoShop, 3D Studio, Flash(без программирования).
Тестер
Ищет ошибки и недочеты, его задача найти их как можно больше. Очень важно, чтобы это был независимый человек. Очень нежелательно возлагать эти функции на кого-либо из членов команды.
Редактор
Подготовка текстов для публикации в сети. Часто тексты предоставляются заказчиком и публикуются как есть, без каких-либо изменений, т.к. заказчик не готов оплачивать работу профессионального редактора.

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

По поводу совмещения должности руководителя проекта и участия в проекте в качестве непосредственного исполнения хочется сказать отдельно. Этого категорически не стоит допускать! Так или иначе заказчик будет общаться с непосредственными исполнителями. При утверждении дизайна будет присутствовать художник-дизайнер. При приемке информационной системы будет присутствовать программист. Соответственно, при просмотре страниц сайта - верстальщик. Руководитель, исполняющий обязанности кого-либо еще, во-первых, потеряет вес в глазах заказчика.

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

Допустим руководитель проекта по совместительству программист или художник. Заказчику что-то не понравилось, он выдвинул какие-то требования или замечания. Программисты часто втирают очки, что выполнить требования либо вообще не представляется возможным, либо это требует огромных трудозатрат. Тоже самое и в отношении художника, когда ему лень что-то переделывать, или же он просто смотрит на свою работу через малиновые очки и не видит объективных недостатков.

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


Источник: Сайтостроительство (Игорь Тарасов)
Взято

@темы: Статьи

---

Причины реддизайна сайта

[web-design]

Основные причины, почему ваш сайт "не работает", и почему ему требуется редизайн.

У Вас есть сайт, но он не приносит дохода, а зачастую и отдачи от вложенных в него денег. Может быть много причин, почему ваш сайт "не работает". Основные из них следующие:

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

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

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

Возможно, ваш сайт и сделан недавно, и соответствует всем вашим целям и требованиям.
Тогда ваш сайт просто не адаптирован под поисковые системы, неправильно зарегистрирован в поисковых системах или не продвигается в поисковых системах. Или продвигается, но не в тех. Или не используются возможности тематических каталогов. Или… Здесь есть еще много специализированных "или", о которых знают только специалисты-профессионалы.
Есть, конечно, счастливчики, работающие в очень узких областях, где все конкуренты помещаются на 3-5 страницах в Google. Но обычно это не так. Интернет - глобальное средство распространения информации. И если в Беларуси у вас может быть 1-3-5-10 основных конкурентов, то в мировых масштабах цифры совсем другие. Если ваш сайт находится дальше 3-5 страницы поисковой машины, пользователь на ваш сайт просто не попадет. И если вы хотите привлечь новых клиентов и выйти на новые рынки, в том числе и зарубежные, вам просто необходимо использовать услуги Интернет-маркетинга и продвигать ваш сайт.

Источник

@темы: Статьи

---

История развития веб-дизайна от технической графики до современных сайтов

[web-design]

Далее распологается текст первого раздела моей дипломной работы «Юзабилити в web 2.0», написанием которой я сейчас занимаюсь. В данном разделе рассказывается о зарождении web-дизайна и приходе в эту области знаний и опыта HCI (human-computer-interface), как следствие, появлении юзабилити. И в конце информация о тенденциях в современном развитии веба

Cодержание

• История развития веб-дизайна от технической графики до современных сайтов
• Зарождение идей о юзабилити сайтов
• Современный этап развития веба

История развития веб-дизайна от технической графики до современных сайтов

Сразу после создания Всемирной паутины, она, прежде всего, использовалась научными учреждениями, правительствами и военными, как средство обмена простой информацией «старого» образца. Так что документы тех времен были очень простыми. В конце концов, ученым и академикам нет особого дела до привлекательности web-страниц.
Первый в мире веб-сайт появился 6 августа 1991 года. info.cern.ch/ Его создатель Тим Бернерс-Ли (Tim Burners-Lee) опубликовал на нём описание новой технологии World Wide Web (WWW), основанной на протоколе передачи данных HTTP, системе адресации URI и языке гипертекстовой разметки HTML. Также на сайте были описаны принципы установки и работы веб-серверов и веб-браузеров. Сайт стал и первым в мире интернет-каталогом, так как позже Тим Бернерс-Ли разместил на нём список ссылок на другие сайты.
Вспомним, какими были первые сайты. Либо – аршинные красные буквы на бирюзовом фоне (сейчас такие сайты заводят школьники на narod. ru, да и то кажется пародией), либо – очень красивые, очень тяжелые и совершенно нефункциональные ресурсы. Явно дорогие. Явно сделаны профессионалами. Но – профессионалами в какой-то совершенно иной сфере. Красота и функциональность не находили точек соприкосновения. Уродство, правда, тоже – но уродливые сайты, по крайней мере, дешевле обходились владельцам.
Так что ничего удивительного в том, что красота чуть ли не на десятилетие стала жупелом веб-дизайнера, нет. Именно некрасивые, но в принципе функциональные интернет-ресурсы задали моду на многие годы вперед. К дизайну требования были очень простые: он должен быть незаметен. Он не должен мешать посетителю знакомиться с коммерческим предложением. Что, учитывая происхождение, неудивительно: де-факто такой подход означал, что сайт не должен быть страшным . Сайт – это инструмент. Красота инструмента – в его функциональности.
С другой стороны, развитию дизайна мешала неразвитая технология. До сих пор в Интернете принимаются новые стандарты, расширяющие свободу деятельности для web-дизайнеров. Это и html 5, и CSS 3, а также развиваются такие технологии как Adobe Flash, Adobe Air, Microsoft Silverlight. На ранних же стадиях своего развития web представлял собой очень ограниченную информационную среду. В начале же HTML был прост: HTML-теги использовались только для того, чтобы указать - это заголовок, а это - абзац, и так далее.
А потом на свет появилась штука, называемая «графическим браузером» (NCSA Mosaic). Люди начали включать графические элементы графику в свои страницы. И они хотели, чтобы их страницы выглядели лучше, привлекательней, симпатичней. Тогда,HTML был расширен, чтобы включить теги моделирования, такие, как bold, strong, italicisized.
А люди все еще не были удовлетворены: они хотели большего. И возможность добавлять больше стиля к тексту пришла в форме тега, тега , и так далее. Теперь люди могли создавать страницы с красочными фонами и шрифтами, почти как им хотелось.
Однако, этого не было достаточно. На сцену вышли люди, называвшие себя «дизайнерами». Так как многие из них пришли из мира бумажного дизайна, они хотели еще большего контроля над внешним видом создаваемых web-страниц.
В 1996 году была издана очень влиятельная книга Дэвида Сигэла под названием «Creating Killer Web Sites», вскоре она стала бестселлером номер 1 на Amazon – немыслимое достижение для книги по web-дизайну.
Система раскладки страниц, описываемая в этой книге, в основном базировалась на использовании таблиц HTML и однопиксельных GIF’ов. Страница раскладывалась по сетке; содержимое, будь оно текстом или графикой, помещалось в ячейки этой сетки. Чтобы предотвратить «сворачивание» пустых ячеек таблицы, использовались прозрачные GIF’ы размером 1х1 пиксель. Сигэл (и не только он) пошел дальше, и предлагал использовать однопиксельные GIF’ы как средство управления разрывами между буквами в тексте, и для того, чтобы создавать отступы.
Появление таких методов позволило дизайнерам создавать визуально привлекательные страницы, ставя эстетический аспект в сайтах наряду с функциональным.

Зарождение идей о юзабилити сайтов

Однако, все хорошо в меру, и в какой-то момент стало очевидно, что дизайнеры не всегда могут совладать с предоставленными им возможностями. Стали все чаще появляться сайты, в которых из-за неудачного дизайна нельзя было прочитать информацию. Длинные меню, разбитые по всей странице, огромное количество мелькающих gif-баннеров, яркие цвета, контрастный текст, непродуманная навигация, большие тяжеловесные страницы,— вот характерные признаки web-дизайна того времени.
В этот момент пришло осознание того, что при создании сайта необходимо думать об удобстве пользователя. Началось приложение моделей HCI (Human-Computer-Iteraction, человеко-компьютерное взаимодействие) в веб.
Дисциплина HCI основана на психологии и это позволяет экспертам сложные социальные взаимодействия, окружающие новую вычислительную технику. Эти модели позволили исследователям разрабатывать различные рекомендации и правила по созданию веб-интерфейсов. Позже HCI в вебе переродилась в юзабилити.
Одним из основоположников юзабилити стал Якоб Нильсен (Jacob Nielsen). Именно он выпустил в 1999 году книгу Designing web usability. The practice of simplicity (Веб-дизайн: книга Якоба Нильсена), которая стала одним из первых (и наиболее значимым на тот момент) руководством по созданию юзабильных сайтов.
В то же время внутри HCI тоже происходила революция. HCI, традиционно основанная на моделях обработки когнитивной психологии, теперь использует такие отрасли знания, как этнографию, лингвистику и теорию коммуникаций, а также культуру и гуманитарные науки. Все это нужно для того, чтобы улучшить понимание человека, который работает за компьютером в эру Интернета.
Конечно, Интернет-бум не мог долго продлиться. Слишком многим людям казалось, что они знают потребности и желания своих пользователей, но, тем не менее, они никогда не думали о том, чтобы использовать методы разработки, ориентированные на нужды пользователей. Плохое качество бизнес-моделей привело к тому, что многие компании просто выбросили огромные суммы денег на создание продуктов, которые никто не мог и не хотел использовать.
Однако мысль о том, что это явилось сигналом конца Интернета, была преждевременной. Те компании, которые смогли предоставить полезные и удобные сервисы, выжили. Методы юзабилити и HCI доказали свою силу в предотвращении рисков проектирования. Кроме использования методов юзабилити для веб-сервисов, они также используются в проектировании мобильных систем. С конца 90-х годов мобильные устройства расширили способы, с помощью которых мы взаимодействуем с компьютерами и друг с другом. Мобильные телефоны, PDA (personal digital appliances) и беспроводные сети дали начало новой концепции вездесущей вычислительной техники: мир, в котором технология — повсюду, но она находится в фоне. Люди перестали быть пользователями одиночных, изолированных устройств, люди стали жителями цифровых сообществ. Очевидно, что системы, которые имеют такое фундаментальное влияние на способы нашего функционирования, не могут разрабатываться при помощи старых технологий. Человеко-центрированные системы требуют человеко-центрированного проектирования и это задача для юзабилити на следующую декаду.

Современный этап развития веба

В настоящее время наметились две тенденции в развитии Всемирной паутины: семантическая паутина и социальная паутина. Семантическая паутина предполагает улучшение связности и релевантности информации во Всемирной паутине через введение новых форматов метаданных. Социальная паутина полагается на работу по упорядочиванию имеющейся в Паутине информации, выполняемую самими пользователями Паутины. В рамках второго направления наработки, являющиеся частью семантической паутины, активно используются в качестве инструментов (RSS и другие форматы веб-каналов, OPML, микроформаты XHTML).
Существует также популярное понятие Web 2.0, обобщающее сразу несколько направлений развития Всемирной паутины.
Современные сайты превращаются во все более сложные системы, используяв себе множество технологий. В современном вебе хорошо заметны следующие тенденции:

- Использование открытых API успешных проектов. возможности интернет-решений растут с каждым новым стартапом. Грядет время, когда разработчикам придется выбирать, либо предоставлять пользователям современные решения, построенные на сторонних сервисах, либо пытаться успевать за инновациями рынка, рассчитывая лишь на собственные силы.
Пример создания фото-галереи, используя Flickr
Пример интеграции сервиса статистики Google Analytics и CakePHP
Список открытых API

- Использование AJAX, javasсript и различных Фреймворков (напр., Microsoft Silverlight, Adobe Flash)

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

- Использование медиа-информации (потоковое видео, подкасты)

-Унификация авторизационных сервисов в крупных компаниях. Нарастающая популярность OpenID (www.openid.net) выводит это решение в лидеры. Однако используются и прочие решения, такие как SAML, Liberty и MS Passport.

habrahabr.ru/blog/40623.html#chap3
Источник

@темы: Статьи, Интересно, Истории, Известные люди

---

VIRTUO — электронная палитра

[web-design]

Минчанка Яна Климова придумала, как сделать процесс рисования на планшете более интересным и «приближенным к реальности». Ее электронная палитра VIRTUO дает возможность почувствовать себя всамделишним художником. Принцип действия устройства понятен из иллюстраций: светодиодные краски смешиваются на сенсорном экране, а от размера стилуса-кисточки зависит то, как будет выглядеть линия…

Что-то мне говорит, что если этот концепт воплотится в жизнь, отбоя от заказчиков не будет.







Источник

@темы: Новости, Статьи, Интересно

---

Баннеры и баннерная реклама

[web-design]

Сегодня мы поговорим о таком этапе раскрутки, как баннеры и баннерная реклама.

Баннер - слово, заимствованное из английского языка (Banner - флаг, символ, транспорант...), транслитерация английского рекламного термина, в веб-дизайне *баннер* - это графическое изображение на веб-странице, имеющее гиперссылку на рекламируемую страницу (сайт). Интересен факт, что в рунете долго не могли определиться, писать это слово с одной буквой *н* или с двумя - из-за звуковой неразличимости двойного *н* при произношении долгое время использовался как термин "банер", так и "баннер". К примеру по поиску в Yandex`e слова "баннер" (искать точно так, как написано в запросе) было найдено около 3 987 942 ссылок, а "банер" - 411 402 - как видите, меньше, чем в первом случае, однако достаточно много для того, чтобы проиллюстрировать - во втором случае этот термин был написан с одной буквой "н" не по ошибке, а осознанно. Могу сообщить, что теперь слово "баннер" присутствует в русских орфографических словарях, и, вопреки распространенному (ошибочному) мнению, пишется с двумя "н".

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

* статические;
* анимированные:
• .gif-анимация
• flash-анимация
* rich-media.

Главная задача баннера - привлечь внимание посетителя, и одна из важнейших характеристик опубликованного баннерного блока - отношение числа кликов на баннер к числу его показов, т.е. какое количество посетителей, отрывших страницу, захотели кликнуть на баннер и перейти на страницу рекламодателя. По статистике отклик у анимированных баннеров на 25% выше - именно поэтому более дорогие анимационные баннеры пользуются заслуженной популярностью - движение на рекламном блоке привлекает внимание посетителя. Анимация в формате .gif - наиболее традиционное решение для анимированных рекламных блоков, однако в последние годы большое внимание как разработчиков, так и рекламодателей привлекает применение векторной (flash) анимации в дизайне сайтов и баннеров.

Размер баннера измеряется в пикселях (px). Чем больше баннер - тем большее внимание посетителя он привлечет, и, следовательно, больше вероятность того, что посетитель "кликнет" на картинку. О традиционных и наиболее распространенных стандартах на размеры баннерных блоков можно прочесть здесь: стандарты и тарифы. Вам, разумеется, на первом этапе раскрутки нет необходимости иметь баннеры всех перечисленных в этой статье форматов, однако желательно, чтобы вы подготовили несколько изображений самых распространенных форматов.

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

В любом случае правильным решением будет заранее подготовить серию баннерных блоков самых распространенных форматов и типов: статическую кнопку (размер 88х31 px), анимированную кнопку (размер 88х31 px), горизонтальный баннер (full banner, размер 468х60 px), средних размеров рекламный блок (обычно квадратный баннер 100х100 или 120х120 px).

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

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

Источник

@темы: Статьи, Интересно, Баннеры

---

А ваш сайт страдает от этих 7 ошибок в юзабилити?

[web-design]

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

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

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

2. Не подчеркнутые, и (или) не выделенные цветом ссылки
Ссылки являются одним из главных компонентов сайта — с их помощью создается всемирная паутина. Делайте их заметными. Существует негласный стандарт — синие и подчеркнутые ссылки. Необязательно ему следовать, если это не сочитается с вашим дизайном, но вам необходимо сделать так, чтобы ссылки отличались от контента. Я бы не стал выделять ссылки черным цветом, разве что если они находятся в навигации.

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

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

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

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

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

Перевод с сайта Usability Post
Источник

@темы: Статьи, Интересно, Мнение

---

Красивые названия цветов или Королевский синий

[web-design]

Все началось с того, что клиент, как бы между делом, написал: «Смените цвет иконки на Королевский синий». (на английском – Royal Blue) Сказать честно, для меня такая постановка задачи показалась необычной. Вот есть темно-синий, светло-синий и просто синий, но никакого королевского я не знаю. Пришлось искать.

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



Почему бы не использовать активнее эти названия в профессиональном лексиконе дизайнера? Не бездушные цифро-буквы вроде #C41E3A или R:196 G:30 B: 58, а красивые слова — цвет «Кардинал». Тогда речь дизайнера будет звучать как стихи. Например: «Я считаю, что сочетание текста цвета Светлая Вишня и фона цвета Шартрез делают композицию очень необычной. Если добавить нефритовых пятен в качестве акцентов, то вообще будет опупенно».


Автор: Денис Кортунов
Источник

@темы: Статьи, Интересно

---

Зачем нужны иконки

[web-design]

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

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


Нижние 6 иконок прямо изображают результат применения соответствующих инструментов.

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

Пример из жизни: иконка «Формирующий документ» для юридического софта. Обозначает документ, в котором написано, что нужно сменить другой документ на новую редакцию, сделав такие-то и такие-то изменения. Здорово, не правда ли? Даже словами это сложно выразить в одном предложении. Еще сложнее понять с первого раза. Возможно, в понимании этой концепции могла бы помочь визуальная схема, примерно вот такая:


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

Если мы признаем, что в большинстве случаев словами донести суть легче, чем картинкой, для чего все таки нужны нам эти самые иконки? Быть может, для экономии места? В самом деле, иконки в тулбаре чаще всего имеют размер 16×16 пикселей. Надписи обычно намного больше. Однако лично я не хотел бы верить, что, рисуя иконки, я всего лишь помогаю разместить 100 непонятных и ненужных команд на том же пространстве экрана, где без моей помощи поместилось бы всего 10. К тому же, давайте взглянем на современные интерфейсы: MS Office 2007, Windows Explorer:


Мы видим, что почти каждая иконка сопровождается надписью. Стало быть, об экономии места речи не идет.

Так зачем же, к примеру, интерфейс MS Outlook буквально усыпан иконками?


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


О ужас! Мы больше не можем прочитать ни одну надпись. Зато, обратите внимание, иконки в большинстве своем остались вполне отличимы друг от друга. Что это за черный крестик? Черный крестик он и есть черный крестик — удаляет письма. Красный флаг, цветные квадратики на иконке «категории» — все это по-прежнему можно увидеть, так что опытный пользователь Outlook не заблудится.

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


Кроме того, картинки лучше запоминаются. В одном эксперименте испытуемым показали 2500 слайдов. Потом этим людям показывали пары слайдов и спрашивали, который из двух они уже видели, и они давали верный ответ почти во всех случаях. И даже если им показывали 32 слайда сразу, почти все испытуемые могли сразу выбрать тот единственный слайд, который им показывали раньше. О чем это говорит? Люди хорошо запоминают картинки. Иконка может с успехом работать визуальным «якорем» какой-то функции в голове у пользователя.

Разобравшись, зачем иконки нужны, мы можем легко ответить на вопрос, что в иконочном дизайне важно, а что — не очень. Наверное, вы уже догадались, что самое главное для иконки — это различимость. Не зря мой коллега Денис Кортунов в своей статье «10 ошибок в дизайне иконок» поставил недостаточную различимость на первое место. Неразличимые иконки просто не работают, занимают свое место на экране зря: их нельзя быстро найти на экране и они не могут служить визуальным «якорем». В то же время такая характеристика, как «понятность», как бы это крамольно не звучало, обычно совсем не важна.

Более того, погоня за «понятностью» в ущерб различимости может быть только вредна. Одна из самых глупых целей, которые может поставить перед собой дизайнер иконок: чтобы иконка без текстовой подписи была понятна начинающему пользователю. Мы всегда стараемся разубедить клиентов, которые считают такую цель важной и достижимой. Надеюсь, вас мне удалось в этом убедить. Так же, как слушателей моего доклада на фестивале веб-разработчиков 404, с содержанием которого вы только что ознакомились. Спасибо за внимание!


Фотограф: Игнатьев Игорь
Автор: Егор Гилёв
Источник

@темы: Статьи

---

Профессиональная графика

[web-design]

Формируем стиль проекта / Цвета, шрифты, основы композиции

Ведущий дизайнер MTV Россия

Цвета, шрифты, основы композиции

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

От тебя требуется создать настолько удачную композицию, чтобы заказчик сказал «wow!» или хотя бы «неплохо!». Только в таком случае тебя посетит чувство выполненного долга: твой дизайн не так уж плох, а может, даже гениален! Что нужно для всего этого?

Во-первых, жди вдохновения (это как будто в тебя что-то вдохнули) . Не было, а тут раз - и появилось. Срочно начинать работу! Вдохновение надолго не задерживается. Один мой друг, он же известный дизайнер, говорит так: "Начинай работу не отходя от кассы". Послушай хорошую музыку, полистай дизайнерские книжки, зайди на www.computerlove.net - позволь всемирному культурному наследию заронить в тебя семя. При хороших условиях взойдет очень быстро.

Во-вторых, необходимы некоторые знания: вспомнить некоторые рецепты красоты не помешает. Пройдемся по основным понятиям дизайна, таким как шрифт, цвет, композиция и стиль.


Шрифт

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

Во-первых, всегда хочется написать название проекта большими буквами. Когда я учился в Архитектурном институте, мы отличали новичков от тех, кто отучился перед поступлением в художественной школе, по размеру надписи "ПРОЕКТ" на планшете. Во-вторых, всегда тянет разнообразить написание текста. Начинающий дизайнер хочет показать всем, что у него много шрифтов и вообще он в этом деле виртуоз. Смотришь на веб-страничку и легко находишь пять-семь разных написаний. Чем важнее смысл текста, тем более вычурный шрифт. В-третьих, появляется желание приложить свою руку к великом делу типографики и помочь разработчику шрифта. Обязательно надо растянуть текст по вертикали или, еще хуже, по горизонтали, вписать его вдоль кривой или исказить каким-нибудь эффектом, например, "отражением в воде".

Рецепты красоты

Во всей композиции лучше использовать не более трех гарнитур (шрифтов).

Заголовки лучше писать "рублеными" шрифтами (Helvetica, Pragmatika, Arial, Helios). Если есть желание использовать декоративный шрифт с завитушками и вензелями, то используй не больше двух-трех слов, иначе у зрителя возникнут трудности с чтением. Они даже могут нажать на смертоносный крестик в правом верхнем углу браузера, и ты распрощаешься с этими пользователями навсегда.

Если текста много, пиши гарнитурой с засечками. Их еще называют "антиквы" - Times New Roman, Garamond, Journal, Baltica и т.п. Засечки помогают следить за словами по строкам и не сбиваться. Кстати, для этого можно использовать и рубленные шрифты: страничка будет смотреться прогрессивнее и свежее.

Не стоит деформировать шрифт. Поверь, это неблагодарный труд. Все, что тебе простит разработчик гарнитуры - это изменение расстояния между буквами (tracking), между строчками (leading), а также более плотную подгонку отдельных букв друг к другу, что допустимо в заголовках (kerning). Последнее как раз и отличает макет, сделанный профессионалом, от любительского. Буквы - самое совершенное изображение из тех, что придумал человек, и они заслуживают того, чтобы за ними нежно ухаживали.

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

Цвет

Ты можешь сколько угодно спорить со мной, но чаще всего закрывают после пяти секунд просмотра ту веб-страницу, дизайн которой выполнен на основе ярко-красного, зеленого или желтого фона, какой бы интересной она ни была. Глазное дно находится в катастрофической близости от мозга, который еще может пригодиться . То, что мы видим на экране монитора, является всего лишь комбинацией трех цветов: Red (красный), Green (зеленый) и Blue (синий). Задача дизайнера - уговорить всех троих хорошо поработать в коллективе и, как следствие, порадовать глаз зрителя. Для этого надо выяснить, что на самом деле любит этот "Мистер Глаз".

Все видимые для человеческого глаза цвета укладываются в так называемый цветовой круг. Они выстроены друг за другом и взаимозависимы, так как каждый из них по мере движения по цветовому кругу выходит из предыдущего и постепенно переходит в следующий. Теперь ты хорошо видишь, что красный находится напротив зеленого, оранжевый напротив синего, желтый - напротив фиолетового. Оранжевый - это не совсем то же, что оранжевый. Между синим и фиолетовым идет вечная война, а зеленый вообще не признает соседей. Любой цвет также имеет насыщенность и яркость. Чем больше насыщенности, тем цвет более "цветной": минимальная насыщенность у серого цвета. Яркость цвета определяется так: чем ярче, тем светлее. Минимальная яркость у черного цвета.

Рецепты красоты

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

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

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

Композиция

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

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

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

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

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

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

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

Стиль

Существует огромное количество стилей, в рамках которых уже существуют правила построения композиции (когда нужно "сделать дизайн в стиле…"). Перечислять стили можно бесконечно, вот некоторые: корпоративный, традиционный, классический, хай-тек, гламур, панк, кибер-панк, стим-панк, трэш, винтаж, готика, дарк, диско, хип-хоп (граффити), хэви-метал, манга, техно, диджитал, электро, фьюче, барби, ретро 20-х, ретро 40-х, ретро 60-х, ретро 70-х, ретро 80-х, ретро 90-х (уже?!), милитари, родченко, дэвид карсон, рейв, прогрессив и другие.

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

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

Любое ретро делается очень просто: смотришь на оригинальные образцы и повторяешь, смешивая с современными элементами. Многим очень нравится копаться в устаревших формулах. С помощью них можно сделать все быстро, не напрягаясь, вызвав у зрителя ностальгию. Рецепт прост - вычисляешь тот период, когда представителям целевой аудитории было 5-15 лет от роду, и создаешь ретро-дизайн в стиле той эпохи. Успех гарантирован.

В каком бы стиле ты ни работал, результат должен оказаться простым для восприятия и в меру свежим по композиционному решению. Никому не нравится повторение старого, и без того избитого. Каждый дизайнер должен быть неповторим. Новое считается таковым только на момент производства: позже твое творение будут сравнивать с имеющимися в мировой копилке аналогами. Так как эта копилка постоянно растет и пополняется, то понятие о "модности" или "немодности" регулярно обновляется - держи руку на пульсе времени. Можно привести примеры того, что является наиболее актуальным в дизайне сейчас, но уже через полгода эти слова окажутся смешными, бесполезными и пустыми.

Напутствие

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

Полезные ресурсы

ТИП: WWW

www.computerlove.net

www.newstoday.com

www.designiskinky.com

www.surfstation.lu

www.k10k.net

Мнение эксперта

Михаил Воробьев ([email protected]), профессиональный дизайнер

Композиция, колористика, золотое сечение и правила использования шрифтов - все это хорошо и практически всегда работает, но...

"Но" №1 - замыливание глаза. Если ты уже работал в сфере дизайна, то наверняка у тебя бывали ситуации, когда ты не выходил из-за монитора по нескольку часов подряд исполняя какой-то "горящий" заказ (а нужно было еще вчера). И наверняка тебе знакомо ощущение, которое испытываешь когда сидишь перед монитором в попытках посмотреть непредвзятым взглядом на то, что ты наваял, но понимаешь, что ты просто не в состоянии адекватно оценить результаты своей работы. Это вполне нормально и на этот случай есть совет. Не стесняйся показывать плоды своего труда окружающим. Позови кого-то, кто находится рядом, и спроси, что именно их раздражает в твоей работе. Что выбивается и за что цепляется взгляд. Если есть возможность, отойди от монитора минут хотя бы на 15-20 и не думай в это время о работе вообще. А вернувшись к монитору, попытайся посмотреть на свою работу по-новому, представив себе, что ты вообще видишь ЭТО в первый раз. Часто такой подход помогает.

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

Вдохновение надолго не задерживается. Если пришло - используй!

Многое кроется в самих буквах, а не в словах и предложениях. Иногда имеет смысл подогнать буквы друг к другу.

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

Иногда и пустое место несет в себе глубокий смысл. Нужно только уметь обыграть его.

Нюансы позволяют сделать дизайн неповторимым: чтобы смотрели и не могли оторвать глаз.

Мода - понятие относительное. То, что сейчас считается актуальным, завтра станет смешным и пустым.

Когда есть опыт и наметан глаз, красивые и модные вещи рождаются сами по себе.

Источник

@темы: Статьи, Интересно

---

Почему увольняют дизайнеров?

[web-design]

Тема выживания дизайнеров в IT-офисах (хотя и убеждённым фрилансерам имеет смысл взять информацию на заметку).
Почему увольняют дизайнеров?


Хотелось бы собрать статистику: по каким причинам — профессиональным и человеческим — увольняют дизайнеров и веб-дизайнеров? Не будем рассматривать ситуации, когда компания не подошла специалисту (денег мало, работа не интересная, надоело) и он уволился сам, не дожидаясь, так сказать. В теме возможны всё-таки две ситуации - когда дизайнер отработал испытательный срок и не был принят (не прошёл), и - чуть печальнее и тяжелее - когда необходимо уволить человека, проработавшего на компанию приличное время. И ещё маленькая оговорка: давайте учитывать, что под "дизайнер" будем понимать любого специалиста из дизайнерской группы — художника-дизайнера, или технического дизайнера (верстальщика), или ещё какие-то разновидности дизайнеров из IT-отрасли. Поделюсь своим опытом, может, добавлю из рассказов знакомых; интересные дополнения из комментариев включу в текст в режиме UPD (от "такого-то").

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

2. В компании меняются требования к специализации дизайнера. Сложно объяснить, близкое к первому пункту. Дизайнер по-прежнему нужен, но - другой, а старый становится не нужен (умеет визитки, но не умеет бигборды/ или стенды, умеет веб-сайты, но не умеет флеш, умеет 2D и не знает 3D, а ждать, когда научится - некогда, по новой специализации человек нужен уже вчера).

3. Устаревший профи. "Не модность" - у дизайнера нет стремления следить за модными тенденциями, популярными решениями; есть опыт, есть знания, но как засел в стиле эскизов 90-х годов прошлого века так в этом стиле и продолжает ""творить. Ему говорят - не модно, не стильно, не популярно, но то, что модно сейчас, он подвергает критике (безвкусица, попса… а вот в наше время!…). Современные тенденции в веб-дизайне брезгливо оценивает стандартным комментарием "здесь нет дизайна". Очень жалко, потому что динозавр когда-то был лучшим (или одним из), и у него учились, и знакомством с ним гордились, и в пример ставили, и если было на что посмотреть в тех же 90-начале 2000, то это именно его сайты, в те времена на таком крутом уровне единицы могли работать, но… времена изменились. Увольняют, чтобы заменить более прогрессивными молодыми кадрами.

4. Нет вкуса. Отдельная песня - дизайнер умудряется во всём, что делает (не так уж и плохо), привнести элементы безвкусицы - цветовые сочетания у него не играют, элементы - то громоздки, то мелочны, композиция в целом - гуляет. В принципе, если сидеть с ним над каждым эскизом и корректировать весь процесс (давай переподберём эти цвета, здесь изменим размер полей, здесь уменьшим логотип, здесь поменяем шрифт etc.) - работать можно, но если бы он обучался, развивал вкус - это одно дело, на нескольких первых эскизах поисправлять ошибки и дальше работать как с нормальным человеком, но когда на каждом следующем эскизе опять неудачные цветовые сочетания, опять не так стоит лого, опять бросается в глаза неопрятность в модульной сетке… Долго терпели, честно - жалко было сразу прощаться; всё-таки хорошее знание (и владение) инструментами, фотошоп назубок, отрисовка в векторе чего-то там; пытались пересадить на отрисовку элементов (иконочек, пиктограмочек), но увы - и здесь, не то. Распрощались, хоть и со слезами.

5. Нет понимания специфики работы. Опять же — хорошее владение тулзами, и со вкусом всё в порядке. Но - то ли полиграфическое прошлое неистребимо настолько, что человек не может мыслить формами с динамическими размерами, то ли человек просто рождён для другой работы, не знаю. Но за полтора месяца не получилось объяснить, что рисовать нужно не красивые модные открытки, а эскизы для веб-сайтов, где часть графических элементов - это объекты с какой-то функциональностью, часть - оформительская графика, которой придётся "тянуться" по какому-то направлению. На очередной "открытке" спрашиваю - и где, каким образом этот диагональный градиент должен тянуться, если размер изменится? Не понимает. Увы, тоже похоже на первый случай, отличие только в том, что человек осознанно пришёл работать в явно обозначенную отрасль дизайна; но считаться с техническими особенностями макетов так и не научился.

6. Очень креативный. Эх, даже неловко за нашу компанию. Но у нас в самом деле крайне редко возникают задачи сделать интерфейс чего-бы то ни было "не типичный", совсем не похожий на популярные решения. А обычные макеты ему не давались - везде хотелось привнести что-то суперское, что-то очень оригинальное, отрисовать какой-то необычный элемент… на это тратилось время, в 3D, к примеру, что-то наваять великолепное, и с построением модульной сетки макета вроде было неплохо, и поля/воздух чувствовал без дополнительных указаний, и цвета у него всегда были… может и не совсем обычные, но уж точно гармонично подобраны, а в конечном итоге работы не принимались, именно за чрезмерную оригинальность (ой… а можно нам что-нибудь попроще? просто эскиз для простенького корпоративного или рекламного сайта?). По моей оценке ему бы идеально подошла работа в каком-нибудь печатном супермодном издании, haute couture, (но он-то утверждал, что хочет сайты делать?), ну или если совсем уж повезёт - не частые, но уместные для его талантов фрилансерские заказы. Пришлось уволить, с сожалением великим.

7. Технический дизайнер с очень образным мышлением. Человека не смогли присадить на качественную вёрстку, объяснить, почему и как макет перед вёрсткой необходимо анализировать, почему нужно продумывать порезку очень тщательно, чтобы избежать избыточности в коде, чтобы сформировать правильную структуру контейнеров "родитель"-"наследник". Я извиняюсь, конечно, но порезка эскиза слайсами в ImageReady - это не работа верстальщика, поставить направляющие, назначить одним движением мышки слайсы и сгенерить html-код - это и секретарша может, в этом нет работы технического дизайнера. Кстати на нём и запретили использовать для порезки ImageReady - может, работу кому-то на каких-то проектах и упрощает, но понимания логики документа точно не даёт. Всё-таки, думается, верстальщиком (как и художником, поэтом, великим физиком-ядерщиком или Ломоносовым) надо родиться, должны быть какие-то врождённые качества, другое мышление, особое видение мира, особое понимание структур данных. Объяснить же, почему так верстать нельзя - не получилось, человек доказывал, что его вёрстка — супер, кроссбраузерная, а валидация - что валидация, вон сайты Артемия Лебедева тоже не проходят валидацию без ошибок, и что - и ничего… (причём здесь валидация? Валидатор можно, разумеется, использовать для тестирования ошибок, но ни один валидатор из существующих на сегодняшний день не выдаст в результатах "не логично" или "избыточно").

8. Сильно шустрый. Общительный, востребованный, известный, ему бы на выданной работе сконцентрироваться, а смотришь - одновременно он и в аське, и в скайпе, и в gtalk`е, окна мелькают, а в фотошопе два холста запущено, на одном - явно рабочий проект, на втором - халтурный, говорю - фигня, мол, закрой халтуру, займись делом, ага, сейчас-сейчас, тут немножечко, а завтра - я тут приболел, голова болит (а голос - боевой и смешливый), и в аське целый день, и с каждого месяца дней 10 рабочих - у него голова болит, и понимаю, что дома остался "халтуру" дорисовать, и рабочих эскизов за месяц - чуть ли не на порядок меньше сделано, чем у остальных. Что тут поделаешь… Что, говорю, денег мало? Всех денег, говорю, не заработаешь. Ты, говорю, определяйся, ты либо туда, либо сюда, а вот туда-сюда не надо, это раздражает руководство. Никто тебя не гонит, но надо бы… работать, в офисе. А не можешь соскочить с фриланса - выходи из компании. Распрощались. Расстраивалась.

Вот так вспомнились из опыта последних нескольких лет разные причины увольнения из компании хороших, в общем-то, людей. Может, допишу ещё попозже. Сейчас на своих поглядываю - не проскакивают ли знакомые признаки? Когда начинаю одного за качество кода отчитывать и заставлять перевёрстывать, второго - за композицию и очередные неудачные цветосочетания, третьего - за спешность (за час туда-сюда отрисовал задачу, но - без души, но - не достаточно в деталях продумано, или в качестве не видно усердия, выложил рабочее, через минуту смотрю - опять своё что-то творит). Ну да ладно, мы справимся.
UPD: Как и обещала, публикую дописанные в комментариях пункты причин увольнений.

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

Источник

@темы: Статьи, Из жизни дизайнеров