Записки лондонского фрилансера

Синий цвет приносит удачу в бизнесе?

Рубрики: Дизайн, маркетинг, Переводная статья, Психология, Реклама, Фриланс

Чтобы быть действительно успешным, фрилансер должен не просто быть хорошим специалистом, он должен стать брендом. Хороший пример тому – Артемий Лебедев. Можно по-разному относиться к его хуйне работам, но первое имя, которое приходит на ум при слове “дизайнер” – это Лебедев. Не у всех, но у многих. Как “поэт – Пушкин”, хотя кто-то, конечно, скажет “Хлебников”.

Если проанализировать бренды ведущих фрилансеров, можно увидеть, что при разработке бренда имени себя важную роль играет все – и никнейм, и вебсайт (представляете сайт Лебедева на бесплатном narod.ru?), и репутация в сети, и собственный блог, и даже узнаваемый аватар. Но данный топик будет посвящен логотипам.

Какой логотип выбрать для себя? Я бы выбрала тот, который нравится лично мне. Конечно же, он должен быть выполнен профессионально, но главный критерий был бы один – нравится мне или нет.

А авторы www.COLOURlovers.com собрали логотипы top 100 веб-сайтов и проанализировали цветовую гамму ведущих онлайн брендов (The Most Powerful Colors in the World, ссылка http://ru-ru.colourlovers.com/business/blog/2010/09/15/the-most-powerful-colors-in-the-world). И вот что они получили

Как видно из рисунка, среди цветов логотипов ведущих сайтов преобладают синий и его оттенки и красный.

10 лет назад журнал “Wired Magazine” проанализировал цвета самых успешных корпораций Америки. И этот анализ также показал явное лидерство синего и красного:

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

Комментаторы статьи предложили более наукообразное объяснение могуществу синего цвета: 5-10% мужчин страдают той или иной формой дальтонизма, причем большинство не различает цвета в оранжево-желто-зеленой области спектра. Частично этот вывод подтверждает и сам автор статьи: “Я однажды спросил Марка Цукерберга (Mark Zuckerberg), основателя Фэйсбук, почему он выбрал синий цвет для дизайна его сайта. Он ответил, что он – дальтоник, и синий – это единственный цвет, который он хорошо различает”.

Возможно, на самом деле ответ прост: синий и красный – цвета яркие, “чистые”, основные (в RGB), всем привычные. Но как бы там ни было, к результату исследования стоит присмотреться – практика показывает, что действительно существуют более и менее успешные цвета в бизнесе. А если так, имеет смысл равняться на лучших и использовать для создания своего бренда цвета, приносящие успех.

20 бесплатных электронных книг для дизайнера и блоггера

Рубрики: Блоги о фрилансе, Верстка, Дизайн, маркетинг, Переводная статья, Полезные ссылки, Реклама, Фриланс

В блоге speckyboy.com опубликована отличная подборка бесплатных электронных (в PDF формате) книг для дизайнеров и блоггеров (http://speckyboy.com/2010/09/02/20-useful-free-pdf-ebooks-for-designers-and-bloggers/). Некоторые из них я бы отнесла к разряду маст – их просто необходимо прочитать, если вы еще не сделали этого. Да, все они на английском… Надеюсь, это вас не очень огорчило . Зато все книги – легально бесплатные и выложены авторами в свободный доступ.

---

Peter Pixel
Introduction to Good Usability
Краткий учебник – введение в юзабилити. Расчитан прежде всего на начинающих дизайнеров. Нет тонкостей и ньюансов, но основы юзабилити веб-сайта изложены кратко и доступно.

Автор и источник http://www.peterpixel.nl/writings/introduction-to-good-usability/
Скачать PDF

Также в блоге есть: 35 ресурсов, помогающих улучшить юзабилити сайта.

---

Seth Godin
KnockKnock
Книга о том, как, используя современные инструменты маркетинга, заставить веб-сайт работать более эффективно.

Автор и источник http://sethgodin.typepad.com/seths_blog/2005/09/free_ebook_1_no.html

---

Seth Godin
Who’s There?Еще одна книга этого же автора, рассказывающая, как собственный блог может положительно повлиять на вашу карьеру и что для этого нужно сделать.

Автор и источник http://sethgodin.typepad.com/seths_blog/2005/09/whos_there_the_.html

Скачать PDF

---

Mike Smith
Guerrilla FreelancingКнига для фрилансеров – как начать зарабатывать деньги, что необходимо фрилансеру. Расчитана на начинающих, хотя и более опытным фрилансерам будет интересно узнать об особенностях работы с зарубежными заказчиками.

Автор и источник http://www.guerrillafreelancing.com/download-the-guide-to-guerrilla-freelancing-ebook-for-free/

Скачать PDF

---

Mark McGuinness
Time Management for Creative PeopleТайм-менеджмент для креативных людей – как планировать свое время, чтобы его хватало на все. Много очевидных истин, но все же…

Автор и источник http://www.wishfulthinking.co.uk/2007/12/03/time-management-for-creative-people-free-e-book/

Скачать PDF

---

Hugh MacLeod
How To Be CreativeКнига пытается рассказать, как быть креативным. Автор, рекламщик и популярный блоггер, предлагает свои 26 проверенных советов, как быть действительно креативным. Каждый совет сопровождается веселой картинкой от автора.

Автор и источник  http://changethis.com/manifesto/show/6.HowToBeCreative

Читать http://changethis.com/manifesto/6.HowToBeCreative/pdf/6.HowToBeCreative.pdf

---

AIGA
Why design?Книга о роли дизайна в бизнес-стратегии и о том, как дизайн помогает решать бизнес-задачи. В написании участвовали многие ведущие западные дизайнеры.

Источник http://www.aiga.org/content.cfm/why-design

Скачать PDF

---

Michael Martine
How to Start a Business BlogПошаговая инструкция о том, как вести бизнес-блог.

Автор и источник http://remarkablogger.com/how-to-start-business-blog-ebook/

---

Forty
Forty’s Pocket Guide to SEOВсе что надо знать о SEO. Книга будет интересна всем, у кого есть свой сайт или блог и кто заботится о его оптимизации и раскрутке в поисковых системах. Расчитана, на мой взгляд, на начинающих. Никаких тем авторы не палят и Америку не открывают.

Автор и источник http://www.fortyagency.com/stuff/post/fortys-pocket-guide-to-seo

Скачать PDF

---

И несколько книг о верстке и типографике – поскольку мне они менее интересны, привожу только названия и ссылки, по которым можно скачать книги.

---

Natalie Downe
CSS Systems For Writing Maintainable CSS
Автор и источник http://natbat.net/2008/Sep/28/css-systems/

---

Nathan Ford
Better CSS Font StacksЧитать http://unitinteractive.com/blog/blog-images/BetterFontStacks.pdf

---

Bram Pitoyo
Faster, and More Secure WebfontsЧитать http://noteandpoint.com/documents/pdf/fmsw.pdf

---

Jacob Cass
Type Classification eBookЧитать http://justcreativedesign.com/web/type-classification-ebook.pdf

---

freehtml5templates.com
HTML5 Quick Learning Guide
Как быстро перейти от HTML к HTML5.Читать http://freehtml5templates.com/downloads/free/html5-quick-learning-quide.pdf

Скачать PDF

---

FontShop
Web Font User GuideЧитать http://www.fontshop.com/blog/newsletters/pdf/webfontfontuserguide.pdf

Скачать PDF

---

Erik Spiekermann
Typo Tips – Seven Rules for Better TypographyЧитать http://www.fontshop.com/education/pdf/typo_tips.pdf

Скачать PDF

Verdana – самый лучший для зрения шрифт

Рубрики: Дизайн, Переводная статья

Проводящим сутки за компами фрилансерам эта информация обязательно покажется интересной – по данным научной лаборатории эргономики зрения (Vision Ergonomics Research Laboratory), Verdana был признан самым безопасным для зрения шрифтом. При этом текст, набранный шрифтом размером в 10-12 pt, воспринимается без особого напряжения для зрения.

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

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

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

По материалам

http://www.themedguru.com/20100816/newsfeature/viewing-wrong-font-can-cause-computer-vision-syndrome-study-86139553.html.

http://www.techeye.net/internet/scientists-claim-that-verdana-is-the-best-typeface

Где найти ТЗ? На www.freetz.ru

Рубрики: Дизайн, Полезные ссылки, Реклама, Фриланс

Чтобы не было конфликтов с заказчиком, работайте по ТЗ.
Настолько банальный совет постеснялся бы дать даже Капитан Очевидность . “Да это и так все знают” – покивал головой дизайнер и ушел рисовать то, что заказчик ему описал как “ну короче надо чтобы было брутально и с черными блестками”.

Чтобы работать по ТЗ, надо, как минимум, иметь ТЗ (техническое задание). И тут может пригодиться интересный сайт  www.freetz.ru, на котором собраны примеры технических заданий на разработку веб-сайтов, логотипов, текстов, баннеров, визиток и другой полиграфической продукции и т.д.

Конечно, брифы и ТЗ  придется доработать под конкретный проект, но уже хорошо, когда есть что доработать.

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

Короче, ссылка фрилансерам в мемориз.

Еще несколько полезных ссылок из прошлых постов в темзе.ком:

• вебсборник – полностью бесплатные инструменты для дизайнера
• машина времени Интернета
• бесплатные фотостоки
• коллекция английских идиом
• в каких странах читают ваш блог

Пирамида веб-стратегии: как создать лучший веб-сайт

Рубрики: Блогосфера, Дизайн, Переводная статья, Полезные ссылки, Фриланс

В эпоху (а 2-3 года по меркам Интернета уже можно нахвать эпохой) нездорового увлечения SEO (оптимизацией сайтов), социальными сетями, экспериментами над юзабилити (какой сайт приносит больше прибыли – красивый или уродливый?) многие просто забывают (или забИвают), ради чего вообще создаются сайты. Для монетизации? Хм…

Пару дней назад на сайте sixrevisions.com была опубликована статья “The Web Strategy Pyramid: A Well-balanced Web Strategy” (“Пирамида веб-стратегии“). Ссылка на статью http://sixrevisions.com/content-strategy/the-web-strategy-pyramid-a-well-balanced-web-strategy/.
Автор статьи – Jason Schubring (его страница на Linkedin http://www.linkedin.com/in/jschubring) – веб-разработчик, на счету которого более сотни созданных веб-сайтов. Суть статьи заключена в самом ее названии – автор предлагает пирамиду стратегии создания сбалансированного веб-сайта.

Как в любой пирамире, чем выше слой, тем меньше его объем. И тем менее важен он для качественного веб-сайта.

Как видим, в основе пирамиды расположен контент – содержание сайта. То, ради чего пользователь приходит на сайт. Доля контента – максимальна. Если его не будет, пирамида просто рухнет. Чуть выше идет слой юзабилити – когда у вас уже есть полезная информация на сайте, ее надо правильно подать. Хорошее жаркое для гостей приятно выложить на серебрянные блюда.Но подайте гостям одни пустые тарелки… и послушайте, что думают пользователи о сайтах без полезного контента .

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

Ну и в самом верху, маленький и неброский, кусочек пирамиды, посвященный PPC – “pay-per-click”. Иными словами, монетизация сайта. Вот тут уже можно и ставить те волшебные красные кнопочки, на которые тыкают чаще, чем на зеленые. Но контент все равно рулит. Все остальное – десерт, который нужен, но который все равно не заменит основное блюдо.

Если перед вами стена и вам надо через нее пройти, помните, что приспособление для прохождения сквозь стены изобретено давно. Оно называется дверь. Двери межкомнатные – распашные и раздвижные, из различных пород дерева или стеклянные можно заказать на сайте mdoors.info.

WordPress3.0 вышел в свет

Рубрики: Блогосфера, Дизайн, домены, Фриланс

Вниманию всех блоггеров, блогеров, блоговодов и сайтостроителей. Под звуки вувузел вчера было объявлено о том, что наконец появился тот самый долгожданный WordPress3.0. Причем не просто появился, а стал доступным для скачивания и установки.

Почитать о новой версии Вордпресса можно в блоге на wordpress.org. Там же выложен видеоролик, показывающий новые возможности Вордпресса номер 3.0.

Что нового приготовили нам создатели WordPress3.0?

• Слияние WordPress MU и WordPress, что позволит установить Вордпресс один раз и управлять несколькими сайтами из одной панели.
• Возможности легко видоизменять темы для Вордпресс прямо в панели управления – менять фон, заголовок, вид меню и т.д.
• Новой темой по умолчанию станет Twenty Ten – прощай набивший оскомину Kubrick.

Ну и так далее. А что именно далее – станет понятно после того, как апдейтну версию Вордпресс на своем блоге.

Скачать WordPress 3.0 можно с того же официального вордпрессового сайта, с которого скачивали и все предыдущие версии: http://wordpress.org/download/. Да, и перед апдейтом лучше сделать бекапы.

Добавлено 27.06.10. О мультисайтовости. Как было написано выше, WordPress 3.0 позволяет упарвлять несколькими сайтами, установив всего одну систему управления. Чтобы эта опция заработала, необходимо в файл wp-config.php добавить строку




1 define('WP_ALLOW_MULTISITE', true);

Подробнее о подключении сетки сайтов к одной системе управления написано в http://www.deluxeblogtips.com/2010/05/multisite-wordpress-30.html.

Творческой личности – творческую визитку

Рубрики: Дизайн, маркетинг, Переводная статья, Полезные ссылки, Реклама

Чтобы быть замеченным, фрилансер должен выделяться из толпы конкурентов. Своими работами, своим портфолио и даже своими визитными карточками.

Авторы поста  How to Design Your Business Card (http://www.webdesignerdepot.com/2010/06/how-to-design-your-business-card/) собрали интересную коллекцию необычных, а, значит, обращающих на себя внимание и запоминающихся визитных карточек.

Если систематизировать приведенные авторами примеры визиток, можно выделить основные тенденции создания нестандартных визитных карточек:

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

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

Визитные карточки, сделанные из различных нестандартных материалов - прозрачного пластика, дерева (или подделки под дерево)

Трехмерные “визитные карточки – раскладушки” (помните детские “книжки-раскладушки”?)

Визитные карточки с дырками,  дырочками, прорезями, резными узорами и т.д.

Многофункциональные визитки – например, являющиеся одновременно и держателями для ручки или мини-линейкой

Визитные карточки нестандартного вида – например, “написанные от руки на линованной бумаге” (взято в кавычки, потому что от руки никакой уважающий себя дизайнер уже давно не пишет)

Урок, рассказывающий, как создать готовую к печати визитную карточку в Иллюстраторе (http://www.blog.spoongraphics.co.uk/tutorials/create-a-print-ready-business-card-design-in-illustrator. осторожно – английский язык).

4 способа сделать вашу визитку незабываемой
В дизайне визиток также можно использовать QR коды

Зеленый или красный – на какой кликают чаще?

Рубрики: Блогосфера, Дизайн, маркетинг, Переводная статья, Психология, Реклама

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

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

Красота сайта versus юзабилити – результат эксперимента
Как пользователь воспринимает насыщенный текстом веб-сайт – результат эксперимента
Формы – дизайн с точки зрения юзабилити

Еще один эксперимент провел недавно автор блога blog.performable.com: какая кнопка привлекает больше внимания – красная или зеленая? ( Button Color Test: Red beats Green (http://www.uxbooth.com/resources/button-color-test-red-beats-green/ и http://blog.performable.com/post/631526233/button-color-test-red-beats-green)).

Эксперимент проводился в блоге blog.performable.com, общий фон сайта – белый.

Было создано 2 абсолютно идентичных дизайна блога, отличавшихся только цветом кнопок “Start”.

Эксперимент продолжался несколько дней. В среднем каждую страницу посетило более 2,000 человек (конечно, на кнопку “Старт” кликали далеко не все посетители сайта). В конце эксперимента подсчитали, сколько раз пользователи кликали по кнопке “Старт” в случае, если она была красного цвета, и сколько раз – в случае зеленой кнопки (иными словами, определяли CTR красной и зеленой кнопки).

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

Например, вы ведете блог и вам нужны подписчики?Поменяйте свет кнопки “Подписаться на рассылку” на красный и получите на 21% больше подписавшихся при том же количестве посетителей.

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

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

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

Как сделать скриншот всего сайта? Полезная ссылка

Рубрики: Верстка, Дизайн, Полезные ссылки

Многим фрилансерам для портфолио приходится делать скриншоты сайтов со своими работами (дизайном, текстами и т.д.).

Сделать скриншот одного экрана элементарно – PrintScreen. Но иногда текст или картинка занимает 2-3 экрана.

Сделать скриншот главной страницы сайта целиком можно с помощью capturefullpage.com.

Вводите урл сайта, жмете на “Take screenshot” и получаете скриншот всей страницы сайта. Для примера, скриншот главной страницы этого блога temza.com делался секунд 20. Файл jpg, полученный в результате, весил 7,3 мегабайта. Как-то я много пишу .

Каким должно быть портфолио фрилансера (опрос)

Рубрики: Дизайн, маркетинг, Фриланс

В одном из старых постов я писала, что “портфолио фрилансера – как Родина, просто должно быть”.

Да и сами заказчики считают (как показал недавний опрос на фриланс.ру), что критерием профессионализма фрилансера является портфолио.

Стандартная отмазка тех, кто вместо портфолио предлагает заказчику в личке показать свои работы (иногда в виде архива в 37 Mb – так ему и надо, гаду-заказчику, пусть качает) – “нет времени оформить портфолио”. Беспортфельным фрилансерам кажется, что это звучит как “чувак, я такой крутой и востребованный, что у меня нет ни секунды времени”. Хотя мне, как заказчику, видится совсем другой текст: “я так плохо управляю своим временем и мне так плевать на тебя, заказчик, что мне просто лом поработать на себя – за свое портфолио мне ведь бабки никто не заплатит”. Или еще более вероятный вариант: “да мне просто стыдно показать свои работы – коллеги или засмеют, или уличат в краже чужих работ”. Так и является собственное портфолио самой охраняемой тайной некоторых фрилансеров.

В то время как на создание своего портфеля совсем необязательно тратить уйму времени. Интересный опрос в блогах на фриланс.ру (http://www.free-lance.ru/blogs/view.php?tr=544818&ord=new&b=all) показывает, что большинство фрилансеров, ответивших на опрос, отдает предпочтение самому простому варианту портфолио – список работ с превью без чрезмерных украшательств a-la Пирогов.

Времени на создание такого портфолио уйдет не много. В крайнем случае идеи для портфолио дизайнера (в том числе в стиле минимализма) всегда можно найти в инете (пример – вышеприведенная ссылка).

А для души – красивые и разнообразные фотографии садов и ландшафтного дизайна – полезная коллекция как для настоящих садоводов (а настоящий садовод никогда не променяет сделанный своими руками французский сад на крядки картошки), так и для фотографов.