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

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

Опубликовано admin в разделах Переводная статья, Дизайн

Проводящим сутки за компами фрилансерам эта информация обязательно покажется интересной - по данным научной лаборатории эргономики зрения (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

Опубликовано admin в разделах Полезные ссылки, Фриланс, Реклама, Дизайн

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

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

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

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

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

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

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

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

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

В эпоху (а 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 вышел в свет

Опубликовано admin в разделах Фриланс, Блогосфера, домены, Дизайн

Вниманию всех блоггеров, блогеров, блоговодов и сайтостроителей. Под звуки вувузел вчера было объявлено о том, что наконец появился тот самый долгожданный 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.

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

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

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

Авторы поста  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 способа сделать вашу визитку незабываемой

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

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

Изучению психологии восприятия сайтов пользователями в последнее время уделяется все больше и больше внимания. Сегодня уже недостаточно, как в далекие 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% больше подписавшихся при том же количестве посетителей.

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

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

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

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

Опубликовано admin в разделах Верстка, Полезные ссылки, Дизайн

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

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

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

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

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

Опубликовано admin в разделах маркетинг, Фриланс, Дизайн

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

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

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

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

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

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

Фотобанк с оплатой с помощью webmoney и sms

Опубликовано admin в разделах Фото, Полезные ссылки, Фриланс, Блогосфера, Дизайн

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

Где вы их берете?

Только не говорите “гугл - имиджи - поиск по ключевому слову - тыр-тыр”.

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

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

А, собственно, почему бы не купить нужную фотографию на платном фотостоке? При стоимости имиджа в 1-3 доллара вполне можно потратиться на покупку и не тратить время на закрашивание ватермарков на краденых фотографиях. Нет кредитки/не принимают кредитные карточки из России? Им же хуже, купим на другом фотостоке за вебмани или sms :). Да, я подхожу непосредственно к сути поста - наконец я нашла забугорный фотобанк, который принимает вебмани:

DepositPhotos.com

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

Сайт DepositPhotos.com поддерижвает 4 языка, в том числе - (улыбочка!) русский. Правда, флажки языков кто-то засунул в футер сайта, где они всем сразу бросаются в глаза не видны.

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

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

Цена на стоковые изображения начинается от 50 центов. Среднее изображение для использования в дизайне будет стоить 1-3 доллара (как и на многих других фотостоках):

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

Ну и самая приятная (для меня) часть - оплата.

Оплатить изображения на депозитфотос можно с помощью

• вебмани
• SMS 
• PayPal
• кредитных карт
  

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

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

Цены на подписку начинаются от 19 долларов за 3 дня, при этом можно получать до 10 изображений ежедневно. Еще выгоднее оформить подписку на 7 дней за 39 долларов и иметь возможность скачивать до 15 изображений (в том числе векторных) в день. Несложный математический расчет показывает, что в этом случае цена одного имиджа равна 39 / (15*7) = 0.37 цента. При таких количествах нескольким небольшим сайтам или студиям вполне можно скооперироваться, оформить совместную подписку и получать, к примеру, 5 качественных изображений в день за 13 долларов в месяц - вполне достаточно для скромной жизни. И недорого, и не воруете :).

Понятно, что чем дольше, тем дешевле. Подписка на год стоит 1600 долларов, но позволяет получать до 40 изображений ежедневно. Если 4 новостных сайта скооперируются и заплатят каждый по 400 долларов в год, они смогут ежедневно получать до 10 имиджей для иллюстрации всех новостей на сайте - предложение более чем отличное. Особенно если посчитать, что в этом случае одна фотография стоит 0,1 доллара.

Мои запросы поскромнее :). 2 фотографии по цене одной и за вебмани - это ли не цель, что мне желанна :).

Подписку можно попробовать на зуб -  DepositPhotos.com предлагает пробные бесплатные 2 недели подписки. При этом в день можно будет скачивать до 10 изображений и думать, стоит ли иметь дело с фотобанком и дальше. За 2 недели (14 дней) можно скачать 140 изображений бесплатно (и иметь полное право использовать их абсолютно легально!) - стоит того, чтобы попробовать.

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

Webсборник.com для дизайнеров - антипиратов

Опубликовано admin в разделах Моя жизнь, Полезные ссылки, Фриланс, Баннеры, Дизайн

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

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

Поэтому, господа дизайнеры, прошу любить и жаловать -

websbornik.com - бесплатные инструменты для дизайнера.

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

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

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

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