Pull to refresh
107
10
Егор Камелев @Ekamelev

Проектирую интерфейсы

Send message

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

Reading time2 min
Views2.6K

«Спешим сообщить, что работа над Вашим проектом идёт уже давно и в ближайшем будущем мы будем рады предоставить Вам результаты. Однако не могли бы Вы, пожалуйста, выслать нам пароль от архива с ТЗ?»

Сколько же раз я наступал на эти грабли! Получал письмо на почту с прикреплёнными файлами и не проверял, могу ли их открыть. Получал ссылки на документы и веб-страницы и не переходил по ним сразу, чтобы проверить на работоспособность. Получал пары логин-пароль для доступа к тестовым аккаунтам и не проверял их на доступность. И так далее. Подставьте свой вариант, если я что-то упустил.

Читать далее
Total votes 9: ↑5 and ↓4+3
Comments5

Как я перестал тратить деньги, которые ещё не заработал

Reading time3 min
Views26K

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

У меня был период, когда я был в долгах. Когда тратил чуть больше, чем зарабатывал. Эту ситуацию я охарактеризовал, как «здоровенная морковка сзади». И пока я в ней находился, мой рост в доходах был настолько незначительным и нестабильным, что руки опускались. Казалось бы, вот она, мотивация. Предпринимай что-нибудь, чтобы выпутаться из ситуации. Но нет. Всё работало с точностью до наоборот.

В таких условиях, получив предоплату от клиента, я часто был вынужден сразу же её потратить. А проект при этом ещё не был сделан. К чему это приводило? Если что-то шло не так, я очень сильно был заинтересован в том, чтобы клиент от меня не ушёл и чтобы мне не приходилось возвращать предоплату. Влияло ли это на качество моей работы? Нет, оно оставалось таким же хорошим. Это просто ослабляло мою позицию в переговорах с клиентом. В наших отношениях я закрывал глаза на вещи, которых сейчас не стал бы терпеть. Опоздания, задержки, невыполнение обязательств. Я боялся сделать замечание или озвучить свою позицию, лишь бы клиент не расстроился и не «отвалился» от меня. Нет, конечно, они не отваливались. И работа шла хорошо. И предоплату возвращать не приходилось. Но я поместил себя в такие ужасные моральные условия, что ни о каком развитии не могло быть и речи. Мой разум был затуманен мыслью «мне нужны деньги этого клиента любой ценой!»

Читать далее
Total votes 43: ↑31 and ↓12+32
Comments20

Тултипы (tooltips). Что это такое и как их проектировать

Reading time5 min
Views41K

Тултип, от английского tooltip. Это такая короткая всплывающая подсказка, появляющаяся при наведении курсора на элемент. Или при фокусировании на элементе с помощью клавиатуры. Или при длительном разглядывании элемента, если вы в шлеме виртуальной реальности с трекингом глаз.

Привет, меня зовут Егор Камелев. Я занимаюсь проектированием интерфейсов с 2006 года. Сегодня хочу поделиться чек-листом вопросов, связанных с проектированием тултипов.

Читать далее
Total votes 4: ↑4 and ↓0+4
Comments1

Как я делал и продавал курс по Axure 7

Reading time4 min
Views5.9K
Не бойтесь, я не собираюсь вам ничего продавать. Да и пиариться не собирался. Просто не нашёл, в какой ещё хаб Хабра или Мегамозга можно опубликовать эту статью. Просто расскажу историю. Постараюсь покороче.

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

Когда в начале этого года я сел за курс по Акшуре, я решил пойти сразу двумя путями и взялся за два продукта. Первый был набором видео по всем Акшурным функциям, а второй демонстрировал, как я за 5 часов делаю с нуля прототип интернет-магазина. К счастью, первый я подзабросил (к счастью, потому что на подходе восьмая версия программы, лучше браться уже за неё), а второй довёл до конца.
Читать дальше →
Total votes 17: ↑14 and ↓3+11
Comments4

Как правильно показывать клиенту интерактивный прототип сайта в первый раз

Reading time4 min
Views34K
Возьмём понятный всем пример. Интернет-магазин. Вот вы встретились с клиентом в первый раз, обсудили, что должен и не должен делать их будущий проект. После этого сформировали список функциональных требований и сопроводили его предварительной картой сайта. Всё это дело будет потом помещено в приложение номер один к договору на проектирование, но сегодня речь не об этом. Давайте для начала взглянем на карту сайта, которая у нас получилась.
Читать дальше →
Total votes 48: ↑41 and ↓7+34
Comments11

Обучающие видео по работе в Axure

Reading time2 min
Views59K
«Всем привет, меня зовут Егор Камелев и сегодня я расскажу вам…»
Если вы уже слышали эти слова, то, скорее всего уже встречались с одним или несколькими из моих обучающих видео по работе в Axure. Прошло уже довольно много времени с тех пор, как я добавил первое из них (тогда ещё для Акшуры какой-то древней версии), и я решил сделать некий сводный список того, что уже есть, чтобы вам не пришлось мучиться с поиском на моём канале. Да, конечно, в этом списке только те ролики, которые имеют отношение в Акшуре седьмой версии! Итак, поехали.
Читать дальше →
Total votes 27: ↑25 and ↓2+23
Comments5

Вышла из беты Axure RP PRO 7

Reading time3 min
Views11K
Вышла из беты 7 версия программы быстрого создания интерактивных прототипов Axure RP PRO. Владельцы предыдущих версий могут обновиться бесплатно. В этом посте хотел бы пробежаться по нововведениям, которые порадовали меня больше всего.

image
Читать дальше →
Total votes 6: ↑6 and ↓0+6
Comments7

Интерактивный прототип в Axure за 20 минут

Reading time3 min
Views148K
Пока я писал о проектировщиках и прототипах, внезапно выяснилось, что многие читатели не представляют, о чём идёт речь. Поэтому сегодня я решил рассказать о том, что такое интерактивный прототип, сделанный в Axure (произносится как «Экшер», а я привык говорить «Акшура»). И не только рассказать, но и показать.

Если совсем грубо, то интерактивный прототип — это набор связанных друг с другом html-макетов. Только работали над этими макетами не дизайнер с верстальщиком, а проектировщик в специализированной программе, позволяющей сделать эту работу в разы быстрее. В чём будет различие в результате? Прототип, подготовленный проектировщиком, в отличие от макетов, подготовленных верстальщиком, не предназначен для разработки. Он призван очень быстро и наглядно продемонстрировать то, что исполнитель будет воплощать в жизнь на следующих этапах. Это всё равно, что трёхмерная модель готовящегося к строительству здания. На её создание уйдёт гораздо меньше времени, чем на постройку, и она позволит виртуально побродить по будущему проекту.
Читать дальше →
Total votes 21: ↑17 and ↓4+13
Comments9

Проектировщик — менеджер проекта. Реальность или утопия?

Reading time4 min
Views13K
Давайте сначала расскажу, что я вкладываю в понятие проектировщика.

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

Если он хорошо общается с клиентом и выведывает у него информацию о компании, производственных процессах, целевой аудитории, а затем превращает их во вводные и договоры, то это в первую очередь аккаунт или продавец (из нашей дискуссии в комментариях получается, что сюда больше подойдёт термин «бизнес-аналитик»). Он умеет не только слушать, но и говорить. Он делает так, чтобы клиент понимал, что они работают над проектом по одну сторону баррикад.

Если он формирует эту информацию в список функциональных требований, создаёт по ним структуру разделов будущего проекта, а потом превращает это в интерактивный прототип, то это UX-дизайнер.
Читать дальше →
Total votes 13: ↑8 and ↓5+3
Comments15

Исповедь проектировщика. Принципы работы с клиентами

Reading time9 min
Views27K
Эта статья основана на моём личном опыте, собранном на пути от наёмного сотрудника через фрилансера до владельца собственного бюро, и адресована в первую очередь именно фрилансерам. Я не буду оформлять её в виде списка рекомендаций. Просто расскажу о своём пути и принципах, а выводы вы делайте сами.

Принцип номер один. Делать свою работу хорошо


Понятие «хорошо» очень субъективное, поэтому расскажу о своих критериях.
Читать дальше →
Total votes 42: ↑35 and ↓7+28
Comments12

Прототипирование в Axure RP PRO 7

Reading time3 min
Views4.7K
Я занимаюсь прототипированием с тех самых пор, как в России стало известно об Axure. С 2008 года. А проектированием гораздо дольше. Хотя называть ту работу проектированием можно с большой натяжкой. Скорее, написание технических заданий, да дизайн для простейших сайтов, по функционалу уступающих даже современным промо.

Всему пришлось учиться самому, читая книжки, экспериментируя на своих проектах, тренируясь на чужих. Менялись и усложнялись технологии, а вместе с ними и инструментарий. И единственная программа, альтернативы которой я так и не нашёл — Axure. Она всю дорогу позволяла быстро спрототипировать что угодно и наглядно продемонстрировать результат клиенту и остальным участникам процесса.
Читать дальше →
Total votes 8: ↑6 and ↓2+4
Comments1

Почему мы не любим вносить правки в свои макеты

Reading time3 min
Views20K
image

Речь пойдёт о начинающих проектировщиках, которые делают интерактивные (и не очень) прототипы, и дизайнерах.
Рассмотрим классический сценарий. Исполнитель получает заказ, оценивает сроки своей работы и садится за неё в последний возможный момент. У кого-то этот момент находится в начале календарного плана, у кого-то — в ночь перед сдачей проекта, всё зависит от степени самоорганизации и ответственности.
Читать дальше →
Total votes 54: ↑42 and ↓12+30
Comments18

Горячие клавиши в Axure

Reading time2 min
Views5.2K
Не знал, как опубликовывать подобный пост. Вроде бы это и перевод, а вроде бы и переводом назвать можно с натяжкой. В общем, в фэйсбуковском акшуровском сообществе лежит полезный топик со списком горячих клавиш. Я убрал из списка те горячие клавиши, о которых все уже и так знают, а также добавил перевод к тем, которые остались. В своё время знание этого материала увеличило мою производительность при работе в Axure минимум на 20%. Удачи в работе.
Читать дальше →
Total votes 4: ↑2 and ↓20
Comments3

Оформление псевдоссылок в Axure

Reading time1 min
Views2.8K
Многие пользователи программы Axure поначалу сталкивались с такой проблемой, как оформление псевдоссылок. Дело в том, что по умолчанию софтина не позволяет делать ссылки (или текст, что, в принципе, — одно и то же) подчёркнутыми пунктиром. Поэтому у начинающих творцов прототипов (прототипистов?) периодически можно увидеть псевдоссылки со сплошным подчёркиванием, что вносит в документ путаницу. На самом деле решить эту задачу очень просто.
Читать дальше →
Total votes 12: ↑7 and ↓5+2
Comments7

Кто проектирует сайты?

Reading time2 min
Views1.6K
Поискав на Хабре материалы на тему проектирования и составления технических заданий, я обнаружил, что их очень немного, и те, которые есть, довольно поверхностны и содержат лишь ключевые рекомендации по производственному процессу…
Нет, слишком сложно начал. Люди, где примеры технических заданий? Где клёвые детальные прототипы? Где примеры решений задач с разработкой сложных сайтов, с различными ролями пользователей, с интерактивными приложениями? Где кейсы?
Читать дальше →
Total votes 11: ↑7 and ↓4+3
Comments7

Собираем материалы перед проектированием

Reading time3 min
Views725
При создании нового сайта особое внимание следует уделять сбору материалов перед этапом проектирования. Как вы думаете, по какому техническому заданию работа будет вестись быстрее: по сухому описанию функционала каждого раздела, либо по такому же описанию, но наполненному конкретными примерами? Когда дизайнеру не нужно придумывать рыбный текст и искать картинки на Яндексе, а можно просто сделать копи-пэйст из ТЗ? Когда верстальщик будет иметь примерное представление об объёмах планируемых к публикации текстов потому что они у него перед глазами? Когда программист, работая над полями в базе данных, будет иметь перед глазами актуальный элемент каталога со всеми его параметрами?

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


С этого момента время на создание сайта увеличивается в два, два с половиной раза.
Читать дальше →
Total votes 18: ↑16 and ↓2+14
Comments7

Кто такой хороший проектировщик?

Reading time2 min
Views1.5K
Хороший проектировщик – на вес золота. Остальные участники производственного процесса создают тело сайта. Проектировщик – его душу. Так каким же должен быть проектировщик, гордо называющий себя профессионалом?

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

Должен быть немножко типографом. Ему знакомы разноуровневые заголовки, поведение текста и графики, ширина строк, форматы вывода дат и чисел и прочая ерунда, которая кажется ненужной на этапе проектирования. Но потом оказывается, что Константин Илларионович Константинопольский не уместился на одной строке, а жаловаться не на кого.
Читать дальше →
Total votes 36: ↑21 and ↓15+6
Comments28

Information

Rating
505-th
Location
Санкт-Петербург, Санкт-Петербург и область, Россия
Date of birth
Registered
Activity

Specialization

Product Designer, Проектировщик интерфейсов
Lead
From 300,000 ₽