Ctrl +  Позднее

Стажировка в ИнтерПро

10 июня 2015, 10:10

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

При всей глубине профессии, она легко постигается тем, кто понимает ее смысл и применяет принципы личного роста.

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

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

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

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

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

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

Неочевидное усиление интерфейса

18 августа 2014, 16:33

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

Браузеры — прекрасный пример концентрации мозгов на сантиметр.

Яндекс.Браузер не только сам переводит в строке ошибку набора, но и сразу дает пачку адресов на выбор, сэкономив 5-6 полезных секунд за раз.

В аналогичной ситуации, ФайрФокс беспомощно подсовывает поиск.

Какой еще браузер предложит вернутся в начало страницы, кликнув по закладке? Никакой.

Хороший интерфейс использует минимум элементов с максимальной пользой. Хороший интерфейс быстр, прост и все сделает сам.

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

Клик по лого ведет на главную.
Клик по закладке повторяет функцию Home.
Клик в правую часть фото листает вперед.
Клик в пустое место вокруг всплывающего окна закроет окно.

Карточка товара в интернет-магазине

15 августа 2014, 10:18

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

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

Никакие доводы не прошибали веру в проклятье.

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

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

Со временем, суеверие заменяется фактами. Капитализм стальным локомотивом сметает мусор и лишние элементы.

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

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

Прием
Не тыкайте в лицо кнопкой, скидкой и перечеркнутой ценой. Вежливый интерфейс — лучшее оружие вора.

URL-логотипы

4 августа 2014, 9:25

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

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

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

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

Наковальня → Правки

25 июля 2014, 11:03

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

Приветствуем, InterPro!

Ваш заказ «*****» был удалён модератором сайта по следующей причине:

  • «Фрилансим» не для вакансий. Для размещения вакансий следует использовать сервис Brainstorage.me.

    С наилучшими пожеланиями, команда “Фрилансим”

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

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

InterPro, очень жаль, но заказ «*» не прошел модерацию.

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

Если у вас возникнут вопросы, пишите в любое время на support@freelansim.ru
Команда «Фриласим»
...

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

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

Еженедельные рубрики и первый выпуск Наковальни

17 июля 2014, 12:05

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

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

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

Итак, сегодня Наковальня.

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

Помимо пользы для здоровья Кефир от «ФудМастер» обладает бодрящим и освежающим вкусом. Кефир от «ФудМастер» — для здоровья поколений!

Помимо идиотического употребления связки Кефир от Фудмастер, ошибок и лжи (кефир обладает освежающим вкусом?!), текст не несет никакой пользы. Автор явно выделяет — есть кефир, а есть Кефир от «ФудМастер», не чета разным там.

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

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

Неконкретность

20 июня 2014, 14:02

У рекламы в современном мире есть одна большая проблема: неконкретность.

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

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

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

К страховке прилагаются консультации автоадвоката с 9 до 13:00. Расширенный пакет включает консультации 24 часа в сутки.

Пицца за 7 минут — или бесплатно.

Это — правильный фундамент хорошего маркетинга.
Если у вас так нельзя, пришло время обдумать УТП, подход к делу и зачем заниматься ерундой.

Одна важная кнопка

19 февраля 2014, 8:39

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

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

Другие возможные примеры

Показать вместо Найти (если вы не поисковик)
В корзину вместо Купить (подсказка: корзина, даже при штучных покупках, увеличивает чек)
Задать вопрос вместо Написать письмо (если людям не о чем писать вам письма, но есть что спросить)
Войти вместо Личный кабинет (личные данные и история покупок — кто назвал это кабинетом!?)

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

В случаях, когда описание определяет решение о покупке, на главной странице каталога разумно отказаться от кнопок совсем и не слушать сказки про упавшую конверсию (http://www.proflowers.com/ — лидер США по продаже цветов, экономно использующий только 1 кнопку на всю цепочку выбора).

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

Розы элититные
4 300 тг

Розы элитные
4 300 тг
В корзину

Вы поймете, в чем улучшение, когда представите парад из 50 кнопок, закрывающих то, зачем человек пришел: продукт.

Пароль в формах регистрации

30 января 2014, 17:35

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

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

Разработчики, куку, 21 век на дворе.
Мы заполняем поля в звенящем одиночестве, а если нет  — никто и не смотрит, что мы туда пишем.
Почему не сделать его видимым? Кто его видит-то, кроме нас самих?

Даже если вы параноик, дайте людям жить.

Правила составления списков

30 января 2014, 14:59

Берем ответ Грамоты.ру и упрощаем, оставляя суть.

После абзацев (элеметов перечня) ставится:

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

Вам понадобится:
— голова,
— руки,
— терпение.

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

а) не загорать на открытом солнце;
б) не использовать спиртосодержащий лосьон;
в) не употреблять алкоголь.

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

  1. Подключите мышь к USB-разъему.
  2. Проверьте индикатор — должна загореться лампочка.
  3. Мышь готова к использованию.
Ctrl +  Ранее