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

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

Это происходит потому, что все «специалисты» знают: дизайн — это красивая картинка.

Дизайн лишь на 20% искусство, на 80% — это точная наука. И вы будете удивлены, когда узнаете, из чего на самом деле состоит каждая картинка.

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

Итак, получили письмо от клиента

обычно есть следующие варианты

1. клиент явно перспективный и обратился «выборочно» именно к нам — есть большая вероятность, что переговоры будут удачными — тогда лучше сразу набивать стрелку и устанавливать личный контакт и все выяснять на месте. Хотя, границы бюджета лучше выяснить в любом случае.
2. клиент интересный, но многое неясно из его письма ( нет ТЗ, нет бюджета, он написал в несколько студий, сайт потенциально сложный, сайт неинтересный и тд. ). Тут важно прислать ему БРИФ на заполнение, выяснить сроки и бюджет. Согласовать бюджет сроки — уже потом встречаться в случае, если все устраивает.
3. Письмо подозрительно короткое и не «пахнет интересом». Например, «нужен обувной интернет-магазин, сколько стоит? Как быстро сделаете? Виталий» — тут вряд-ли чтото выгорит + вероятно это пробивон по ценам от конкурентов.
   В этом случае — цену говорим в полтора раза дето дороже, интересуемся «укладываемся ли мы в их бюджет» в положительном случае — можно встречаться. Иначе — скорее всего трата времени.

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

UPD: Опубликована вторая часть статьи habrahabr.ru/blogs/ui_design_and_usability/45680

Когда вы хотите увеличить доход вашего сервиса вы должны увеличить количество заполнений ваших веб-форм. Даже, если, на первый взгляд, у вас есть какие-то революционные идеи для того чтобы удивить посетителей, недостаточно просто добавить возможность регистрации на вашем сайте. Для того, чтобы сервис достиг максимальных посещений мы, дизайнеры, должны предоставить пользователю хорошие решения (good user experience). Мы должны завлечь их, описать им, как работает сервис, объяснить им, почему стоит заполнить форму и описать выгоду, которую они от этого получат. И, конечно, мы должны сделать их участие максимально простым.

Тем не менее, разработка дизайна веб-форм — это не простое дело. И здесь есть одна простая причина: никто не любит заполнять формы — ни в оффлайне ни в онлайне. Следовательно, как дизайнеры, мы обязаны найти дизайнерские решения, чтобы сделать заполнение форм делом простым, интуитивным и безболезненным.

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

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

Именно это утверждение вынесено в шапку забавного проекта от Xtranormal Inc. Любому посетителю (для того, чтобы попробовать, не нужно даже регистрироваться) предлагается почувствовать себя в роли режиссера анимационного проекта.

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

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

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

Рекомендую тем, кто так или иначе связан с анимацией или режиссурой, рекомендую всем (как это...«широкому кругу лиц») — улыбнуться. Проект, не смотря на игрушечность, добрый и занятный.

www.xtranormal.com — ссылка на головную страницу проекта.

В очередной раз перелистывая мануал по wordpress'у, решил его скомпилировать в один файл, оный и предлагаю Вам для скачивания…

Даже такой скучной штукой, как облако тегов, можно развеселить и привлечь к себе на блог читателей. Так решил некий Roy Tanck и написал плагин к WordPress, который назвал — WP-Cumulus. Суть плагина в том, чтобы выводить облако тегов, но делать это немного в непривычной форме.

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

Floomby — простой способ обмениваться скриншотами и файлами.

Кросспост из блога про стартапы


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

10 Место

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

Илья Васильев (Разработчик): «Несмотря на свою betta-версию, в tuddu воплощены некоторые штуки, которых мне так нехватало в других сервисах:
— Регистрация на сайтах приелась уже, в tuddu ее просто нет
— В tuddu, чтобы добавить задачу в список, не надо 10 минут выбирать приоритет, прописывать теги и выбирать даты. Дела могут быть срочными и несрочными.
— Настоящий русский интерфейс, наконец-то!»

Скажите, часто ли мы пользуемся облаками тагов (upd.) для поиска? — Пока что только из любопытства, а для навигации по сайту используем классическое меню.
Думаю, что в том виде, в каком «облака» стали популярны (как сейчас на Хабре) этот элемент интерфейса несёт скорее информационно-декоративную функцию нежели навигационную.

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

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

С.Т.А.Л.К.Е.Р., Сталкер, Stalker, S.T.A.L.K.E.R

веб2.0, веб 2.0, web 2.0, web2.0, вебдваноль


etc.

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

Моя статья на Временно.нет

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

Здесь представлен обзор 38 статей, разбитых на 4 категории по способам реализации.

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

PS Hero — перейти


PSD tuts — перейти


Tutorial 9 — перейти

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

Первым в этом списке я выбрал http://www.textureking.com/ — красивый и понятный дизайн сайта, а также хороший выбор текстур которые разделены на 14 категорий.

Следущим будет http://www.cgtextures.com/ — огромное количество текстур и их категорий (вожможно он и получше textureking :), вам решать.

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

Ключевые моменты в управлении временем

Если ты будешь упорно работать по восемь часов в день, то со временем станешь начальником и получишь право работать по двенадцать часов в день.

Самый большой груз несет самый сильный верблюд.
Законы Мерфи о работе.

1

Нужно помнить, что наше сознание одновременно может оперировать не более 7±2 объектами (число Ирвин-Миллера). Это касается левого полушария. Возможности правого (условно полагаем, что оно отвечает за подсознание) гораздо шире. Поэтому сложные оценочные решения нужно отдавать подсознанию, т.е. развивать то, что называют интуицией.

2

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

Сначала маленькая преамбула:

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

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

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

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

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