Freelancer's Blog

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

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

Устанавливайте цели в жизни так же, как вы это делаете на работе

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

Планируйте встречи с другими людьми

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

Разделяйте работу и жизнь

Если вы проверяете почту, чтобы посмотреть присланные друзьями фотографии, а вместе с тем видите рабочие письма и задания, то вряд ли вы сможете отвлечься. Возможно, стоит всё-таки завести разные почтовые ящики, im аккаунты и т.д.

Заранее знайте, когда стоит сказать «нет»

Помните правило 80/20? Подумайте, какие дела занимают у вас много времени, но практически не несут никакой пользы. Наверное, всё-таки не стоит на них тратить своё драгоценное нерабочее время. Определите для себя менее полезные дела, от которых можно будет отказаться, не нанеся ущерб конечному результату.

via 5 Boundary-Setting Tips for the Work Obsessed [Four Hour Work Week]

Обычный поисковик – это уже не совсем то, что нужно в эпоху Веб 2.0. Специализированные поисковые системы, работающие в определенном сегменте, все чаще появляются и позволяют искать только данные определенного типа. Именно таким сервисом является Spock – инструмент онлайнового поиска людей. Авторы проекта планируют создать единую базу данных, куда внести информацию обо всех 6 миллиардах людей, живущих на Земле.

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

После регистрации пользователь получает возможность пригласить 101 друга в Spock. Правда, это мало понятно – зачем, если регистрация на сервисе бесплатна.

Также Spock позволяет осуществить импорт своих контактов из наиболее популярных сервисов, среди них – LinkedIn, Plaxo, Gmail, AOL, Yahoo, Hotmail. Указав параметры доступа к сервису, вы увидите сообщение, что импорт будет осуществлен в ближайшие несколько дней что тоже не может не удивлять.

Далее можно описать свой профайл на сервисе. Здесь указываются теги, с какими людьми связан пользователь, можно выбрать свои сайты. Также можно загрузить свою фотографию, указать день рождения, место расположения (Location), краткое описание.

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

Интересно, что поиск по фамилии осуществлялся на основе содержимого базы социальной сети LinkedIn (http://www.linkedin.com/). А профайл, созданный с той же фамилией, по крайней мере, сразу же после регистрации в результатах поиска не отображался. В то же время, поиск по электронному адресу указанному при регистрации, срабатывал сразу. Непонятно, это недоработка сервиса или же таковы принципы его использования. Кроме этого, для отображения данных сервис использует Википедию и другие справочные источники.

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

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

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

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

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

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

Примечательно, что обычно героями подобных сообщений становились доблестные китайцы, но в этот раз отличились другие азиаты - японцы. Местная компания SoftBank вскоре выпустит вот такой продолговатый аппарат. Он будет обладать 3,2 МП камерой, поддержкой карт памяти стандарта microSDHC, а также получит полноценный Bluetooth-интерфейс. По понятным причинам ждать его продаж вне территории Японии не следует.

Материал основан на 11 тестированиях сайтов в рамках проекта «Час юзабилити» и на личном опыте автора.

1. Плохой текст.

Вне всякого сомнения самая распространенная проблема.

Примеры:

Чаще всего:

1. Текст не адаптирован для Сети (слишком большие абзацы, много воды, не расставлены нужные ссылки, возможно текст в конкретном месте вообще не нужен как таковой).


2. Шрифт слишком маленький для комфортного чтения (даже для людей с идеальным зрением).


3. Цвет текста не контрастный на своем фоне.


4. Между-строчное расстояние слишком маленькое (об этом забывает 90% дизайнеров, часто даже хороших).


5. Текст растягивается в слишком длинные строки (не указано max-width).


6. Текст плохо иллюстрирован там, где это бы сильно помогло его восприятию.


7. Текст сложно воспринимать, потому что элементы графического оформления страницы его подавляют (даже тогда, когда текст — главное на странице).


8. Заголовки не отличаются по размеру от текста (в основном проблема встречается на «попсовых» CMS типа Битрикса).


9. Ссылки плохо отличимы от текста (некоторые дизайнеры уверены в том, что это абсолютно нормально, и их уже не переубедить).


10. Не используется логическое форматирование (списки, код, цитаты).


11. Текст безграмотный и грамматически, и в пунктуации (тире, отступы, кавычки — очень редко хорошие).

2. Лишние вещи и боязнь пустоты.

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

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

Примеры:

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

3. Отсутствие единого стиля и стандартов оформления.

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

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

4. Плохая мета-информация (URL, title, favicon).

Очень редкий сайт не имеет проблем в этой области.

Примеры c URL:

http://site.ru/nav/id23567/

http://www.site.ru/1/7/ssylka-primer1245.html

http://www.site.ru/2008/01/02/ssylka-primer.html

Чаще всего:

1. URL не «читается».


2. Нет единства системы ссылок, контент доступен на разных доменах, с разными префиксами и суфиксами, перенаправление не настроено.


3. Транслит используется там, где он совершенно не нужен.


4. Расширение документов показывается даже тогда, когда оно совершенно не нужно.


5. Шаблон не подходит типу размещаемых документов, например в нем используется текущая дата, когда материал абсолютно статичного характера.

Сюда же можно отнести в основном две вещи: ориентация исключительно на интересы SEO при задании заголовков (title) страницы (встречается очень часто) и отсутствие либо плохое качество мини-иконки (favicon).

5. Плохая 404-страница.

404-страница, как таковая, встречается почти всегда, но оформлена правильно крайне редко.

Примеры:

Чаще всего:

1. Страница оформлена в обычном шаблоне системы, факт ошибки плохо определяется пользователем.


2. Не указаны возможные причины случившегося.


3. Не предложен список ссылок, по которым можно перейти.


4. Не дан контактный адрес администрации.

6. Текущее положение пользователя на сайте указано плохо.

На большинстве сайтов текущее положение (в пунктах меню, в иерархии сайта) не указано вообще, либо указано очень плохо.

Примеры:

7. Сайт заточен только под конкретную платформу.

Мелочи в этой сфере есть у всех, но и крупные недоработки встречаются довольно часто.

Что удивительнее всего, заточенность сайта под альтернативные браузеры (Firefox, Opera) встречается довольно часто, хотя и уступает, конечно, концентрации разработчиков только на IE. Сюда же можно отнести концентрацию только на одном разрешении экрана — сейчас это обычно 1280*1024. На существование Mac и Linux мало кто вообще обращает внимание.

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

8. Нет возможности подписки на обновления.

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

Пример:

9. Применение технологии Flash неуместно.

Самый яркий пример последнего месяца — уже фактически класика жанра top4top.

Пример полной уместности Flash в качестве контрпримера — bonga.net

10. Не прописаны «юзабилити-атрибуты» (title, alt, теги label, width и height у картинок, …).

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

Gmail – достаточно удобная почтовая служба, стремительно завоевывающая любовь миллионов пользователей. Читая блог Мэтта Каттса (Matt Cutts), обнаружил несколько полезных советов.

Во-первых, стоит экспериментировать с поисковыми запросами. Мэтт пишет, чтобы, например, в папке «Входящие» (Inbox) были видны только непрочитанные сообщения, нужно ввести запрос label:unread label:inbox.

Во-вторых, если вам удобнее было бы перетаскивать файлы, чтобы добавить их во вложения к сообщению, стоит установить дополнение к Mozilla Firefox — dragdropupload

В третьих, используя горячие клавиши, многие действия в Gmail можно делать в новой вкладке. Например, чтобы написать сообщения в новом окне, нажмите ‘C’ вместо ‘c’. Чтобы составить ответ в новом окне, используйте ‘R’ вместо ‘r’.

11 Power Tips for Gmail [Matt Catts]

Британское сетевое медиа агентство The Brand Union охватывает 30 городов и сотни крупнокалиберных клиентов, из дальнобойных, к примеру - Водафон и др.

The Brand Union - creative media network with UK home office shows off most valuable case studies like Vodafone and etc.

• Visit http://www.thebrandunion...

Скромная датская студия выделяется интересным графическим дизайном.

Danish studio "Painted." presents its small but colourful portfolio.

• Visit http://www.studiopainted...

Несколько ссылок на так называемые “поисковики иконок”, которых сегодня становиться все больше и больше…

iconfinder

+ еще три не менее интересных сайта:

searchicon

iconspedia

iconarchive

В последнем отчете Smashing Magazine «Лучшее за январь 2008» я обнаружил неплохой и полезный на мой взгляд ресурс Snipplr. Ресурс позволяет сохранить разнообразные куски кода, которыми вы часто пользуетесь. Вот что говорят сами авторы о своем проекте.

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

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

Как вам?

The Serifless Roman

Welcome to another edition of Sunday Type. I hope that everyone had a good week. It’s been an especially busy week, with more than the usual number of emails through iLT. Kris Sowersby’s Why Bembo Sucks article was incredibly popular. There are some more great articles to come from Kris.

Let’s get started with a great new type from Carl Crossgrove. It’s a ‘modulated sans serif’ by the name of Beorcana (pronounced: byor-KON-ah):

For more information and a PDF sample, see Carl’s Beorcana web site. You can find out more about Carl and his typefaces on Terrestrial Design. Here’s one of my personal favourites, Origami:

Difficult to classify in conventional schemes, Beorcana could be described as a serifless roman, as it retains the proportions and contrast of Renaissance Roman typefaces. It could also be described as a modulated or calligraphic sans, as it has no proper serifs, just swellings and taperings. In that sense it is a hybrid…

iPhone wallpapers

Last week I mentioned some of the new Veer iPhone wallpapers. I’ve created some of my own. Ferl free to download them. And of course, you can submit your own.

Where art meets type

Everything You Thought We’d Forgotten is a series of text-based interactive works. Some very novel and interesting ideas:

Thanks to Robert for the link.

TypeNuts

Some time ago I wrote that I’m developing a type-related news web site. It’s nearing completion; mostly just the details of the design to iron out.

There are myriad type-related news items out there, and not space enough to mention them all here, as iLT is geared toward longer articles — so typenuts.com was born. You’ll be able to submit and vote for news items; I’m hoping that it will become a great resource and archive of type-related news. So long as the news is related to type, it will be in there, so new font releases, etc will be there too and you’ll be able to subscribe to all or to specific channels of your choice. I’ll let you all know when I launch.

Free Font

Recently I mentioned Stefan Hattenbach’s beautiful Anziano. I especially like the small caps, and you can now download them for free. But be warned: use them and you’ll fall in love with them.

If you decide to buy it, there are numerous wonderfully drawn ornaments included. Here is a small taster:

And on a lighter note…

In the comments to my FontBook review, I paraphrased Mel Gibson’s words in BraveHeart. Hamish, kindly watched the entire movie again and took this screen grab:

In fact, I was so thoroughly impressed by Hamish’s work, that I thought I’d make a competition out of it. Here’s what you have to do:

Preferably choose a movie that most are familiar with (though it’s not obligatory), and find a role for FontBook. I can either choose a winner, or you can vote on them; your decision. I’m trying to work one into Casablanca. The winner will receive a copy of Robert Bringhurst’s The Elements of Typographic Style. Just mail your entries to jboardley{at}gmail{dot}com, mentioning FontBook in the subject line.

Miscellaneous links

1. A PDF article on .net magazine: Better Web Typography.

2. Smashing Magazine’s incredible January Roundup with several type-related entries. I especially like the Better Ordered Lists item.

3. Some time ago, Emigre promised that as their stock of back issues sold out, they’d re-publish some of the content on their web site. I like this one: The Art of Type Founding.

Competition results

During my review of FontBook I asked if you could identify the three types I used in the header. 86 correct entries went into the hat and out came Miha, a design student from Slovenia. Miha wins a copy of Helmut Schmid’s Typography Today.

The winning answers: FF Meta Serif black italic; Officina bold, and Scala Sans regular. Thanks to everyone for their submissions. Interestingly no-one chose the correct weight for FF Meta Serif italic, but it’s difficult to tell when it’s reversed out (light on dark).

Coming up…

A great interview with the man behind the Porchez Typofonderie and designer of Le Monde, Sabon Next and Ambroise, Jean François Porchez; and some more great articles from Kris Sowersby. Alec Julien has also been working hard on a series of video tutorials. They’ll be posted soon; I think you’re going to like them.

And finally

Thanks to everyone for their continued support of iLT. We’ve now passed one million page views. It really is great to receive your emails and to read your comments. That reminds me: February 8th marks iLT’s six-month birthday — how time flies! Have a great Sunday, folks.

Внимание буквально на днях в Сети обновился ресурс iClarified, который способен сильно помочь при работах по приведению свежекупленный iPhone в чувство. Прежде всего, можно найти все необходимое для активации мобильника с прошивкой 1.1.2 OTB (проверьте неделю производства - 4 и 5 цифры в серийном номере на задней панели устройства - если они больше “45″, то вам не повезло, и bb там выше версии 4,6, а значит, потребуется посещение умельцев с SIM-програматорами). Также там есть инструкция для тех, кто уже успешно прошился до 1.1.2 и хочет обновиться до 1.1.3 (причем без использования компьютера, но со стабильным и быстрым WiFi). Удачи, и помните, что все ваши действия вы совершаете на свой страх и риск, а поэтому надо внимательно читать что написано в инструкции.

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

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

1. Находим иконку предварительной загрузки

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

2. Пишем CSS-код

Код минимален, создается всего одно просто правило следующего содержания:

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

3. Пишем HTML-код

Чтобы иконку предзагрузки можно было центрировать относительно размеров изображения, поместим изображение в div-контейнер, которому зададим размеры изображения:

Готово.

Посмотреть примеры с несколькими вариациями описанного способа можно здесь.

Данный способ был проверен и совместим с Internet Explorer 5.5, 6, 7, FireFox (PC и Mac), Netscape и Safari (PC и Mac).

Вольный перевод статьи “css: add a “loading” icon to your larger images”

Британское сетевое медиа агентство The Brand Union охватывает 30 городов и сотни крупнокалиберных клиентов, из дальнобойных, к примеру - Водафон и др.

The Brand Union - creative media network with UK home office shows off most valuable case studies like Vodafone and etc.

• Visit http://www.thebrandunion...

Скромная датская студия выделяется интересным графическим дизайном.

Danish studio "Painted." presents its small but colourful portfolio.

Помните, Юрий Зозуля рассказывал о обалденском будильнике aXbo: который будит пользователя (пользователя? хм...), ориентируясь на фазу его сна? Так вот: у Юрия слова не расходятся с делом – он купил aXbo и испробовал его на себе!

[aXbo обзор – преимущества и недостатки]

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

Используем встроенные возможности RSS-читалок

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

Я прочитаю это позже — расширение для Firefox

Если пользуетесь браузером Mozilla Firefox, то, возможно, стоит обратить внимание на расширение Read It Later, которое позволяет добавлять статьи в списки на “дальнейшее вдумчивое прочтение”.

Занесем ссылки в записные книжки

Еще одно преимущество Google Notebook — возможность скопировать в блокнот фрагменты веб-страниц. Заведите отдельную записную книжку в Google Notebook и добавляйте статьи (или их фрагменты), которые прочитаете, как будет время.

Пользуетесь Opera? В этом браузере есть свои заметки (Notes). Их можно даже группировать по папкам. Скидывайте в “оперные” заметки ссылки на статьи, которые не можете прочитать прямо сейчас

Добавляем в закладки

Меня удивляет, как многие пользователи работают с сервисами социальных закладок — они добавляют туда ссылки на ya.ru, Google, Rambler. Думаю, изначально социальные закладки предназначались все-таки для другого — сохранения ссылок на ценные материалы, а не общеизвестные ресурсы.

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

So Much To Read So Little Time [Web Worker Daily]