Процесс создания фавикона

Блог существует с 2009 года. За это время он успел побывать обычной ХТМЛ-страницей, блогом на генераторе статических сайтов и сейчас — на системе управления сайтами Вордпрес.

У всех версий была одна проблема — отсутствие фавикона. Да, у меня никогда не было иконки для блога, теперь она есть.

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

Результат

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

Ассоциативный ряд иконки

Классно смотрится в браузере:

Фавиконка в Хроме

Иконку можно добавить на домашний экран айфона или айпада, для быстрого доступа к блогу.

Фавиконка на Айпаде

Спасибо

Если вам нужен дизайн мобильного приложения, сайта или логотип — обращайтесь к Денису. Ещё он ведёт подкаст о дизайне, блог и на него можно подписаться в твиттере → @denishus.

Книга: Дизайн — это работа

Майк Монтейро — основатель интерактивной-дизайн студии Mule Design. За время руководства студией он столкнулся с множеством проблем и извлёк из них уроки, которые описал в книге.

Дизайн — это работа

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

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

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

Автор фото: Джефри Зельдман.

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

Дизайнеру на заметку

Поиск клиента — одна из главных и сложных задач дизайнера.

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

Если вы хотите получать рекомендации от них, то сделайте так, чтобы с вами было приятно общаться и выполненная работа была качественной. При этом, если вас кому-то рекомендовали — это ещё не значит, что нужно принимать заказ.

Неважно откуда пришёл клиент, по рекомендации, по рекламе или из вашего блога — перед тем, как приступить к работе, обговорите с ним все детали. Никогда не работай бесплатно.

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

Деньги

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

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

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

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

Даже если назвали высокую цену, то всегда можно понизить её. А вот если изначально назвали низкую, то уже не повысишь. Всё зависит от навыка ведения переговоров у вас и клиента.

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

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

Процесс

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

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

Если процесс, к которому привыкли, работает, его и придерживайтесь. Не поддавайтесь модным влияниям.

Критика

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

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

Σ

Помните, что даже самый качественный дизайн не спасёт вас, если содержание не несёт пользы. Почти никто не заходит на созданные вами сайты ради великолепного дизайна. Те немногие, кто это делают, хотят что-то украсть. Люди заходят на сайт ради содержания. Дизайн делает это содержание доступным и приятным в использовании. Заботьтесь не только о дизайне, но и о содержании.

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

Пора заняться делом!

Правила работы с клиентом

Составил конспект по семинару Андрея Дьякова о правилах общения с клиентами.

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

°°°

Представьте себе шкалу гибкости людей, с которыми мы общаемся:

scale

где 0 — ситуация, когда человек не уделяет никакого внимания, эмоционально не участвует в вопросе и часто игнорирует нас. 1 — ситуация, в которой человек максимально гибок, с ним легко поддерживать беседу, находить общие точки и договариваться.

Наложим на шкалу гибкости инструменты, которые используем в общении:

scale-icon

Переписка

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

В каких ситуациях хороши письма?

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

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

Письмо начинается с погружения человека в вопрос. У него много других дел, поэтому нужно доходчиво объяснить, по какому вопросы пишем:

Я пишу письмо относительно ситуации, сложившейся вокруг материалов сайта…

Клиент вник. Дальше мы пишем саму проблему:

Так получилось, что несмотря на ваши заверения, мы не получили материалы, при этом у нас запланирован жёсткий дедлайн через месяц…

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

Сергей, нам нужно, чтобы вы приняли участие в сборе материала для сайта…

или

Пожалуйста, напомните Иванову, чтобы он прислал материалы для сайта, от них зависит…

Если вы пишете огромное письмо, то вам точно нужно встретиться с клиентом.

Телефон

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

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

Встреча

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

Какую ошибку мы чаще всего делаем?

В конфликтных ситуациях мы начинаем переписываться. Даже не перезваниваться, а переписываться.

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

Путь переговоров

Перед встречей

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

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

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

На встрече

Важный момент: сколько человек присутствует со стороны клиента? Обязательно должен присутствовать человек принимающий решения (ЧПР).

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

table-worst

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

Идеальная ситуация к которой следует стремиться — когда мы встречаемся с человеком, который принимает окончательное решение.

table-perfect

Как этого добиться?

Спросить у клиента:

  • Кто будет с вашей стороны?
  • Кто и как принимает решения?
  • Кто у вас в компании принимает решения по дизайну?

Если компания большая, то скорее всего мы общаемся с менеджером. Надо постараться договориться о том, чтобы на встречах помимо менеджера присутствовал ЧПР.

Почему это важно?

Представим ситуацию: мы провели встречу с менеджером, уточнили детали и приступили к работе. Через месяц встречаемся, презентуем проект, менеджеру нравится. Он идёт и показывает своему директору и учредителю нашу работу, те говорят что результат никуда не годится, надо всё переделывать. Мы потратили время на работу, которую нужно переделывать из-за неправильного понимания задачи менеджером. Встреча с ЧПР помогла бы составить правильное понимание задачи. Pезультат будет лучше, а число переделок сведено к минимуму.

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

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

Σ

Коротко о правилах работы с клиентом:

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

Альбом для проектирования интерфейсов

Перечитываю книгу «Типографика и вёрстка». Начинать верстать макеты страниц в Иллюстраторе или Скетче считаю рано. Надо набить руку, укрепить полученные знания и разобраться в том, как надо компоновать вёрстку страницы.

Для этого решил сделать альбом для прототипирования. Взял Иллюстратор и нарисовал два листа А4 в точку. Сходил в ближайшую типографию. Распечатал 50 листов в точку и скрепил их металлической пружиной.

Стоимость такого блокнота — 320 рублей.

Альбом для прототипирования

Удобно, практично и быстро. Можно начинать проектировать.

Исходники на ГитХаб

Книга: Дизайн привычных вещей

Книга «Дизайн привычных вещей». Автор Дональд Норман — бывший вице-президент Эппл, автор 11 книг и основатель одной из ведущих компаний в области дизайна Нильсен Норман Групп.


Книга является отличным продолжением «Дизайна для реального мира» Виктора Папанека.
Обе написаны примерно в одно и тоже время. На этот раз мы рассматриваем частные случаи взаимодействия дизайна продукта и потребителя.

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

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

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

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

Кстати, о компьютерах. Помните, что книга была написана в 1988 году? Норман уделил достаточное внимание описанию проблем современных для него компьютеров, придя к выводу, что лучшим дизайном и эргономикой на тот момент обладает компьютер Макинтош, который был представлен публике компанией Эппл в 1984 году. Что интересно, спустя 30 лет компания до сих является законодателем моды в сфере высокотехнологичных устройств.

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

Самые вопиющие ошибки допускают разработчики новейших технологий

Когда появляется новый класс устройств, самые первые получаются сложными, не удобными и просто уродскими. Например, умные часы. Пока этот класс устройств очень молод, неопытен и мало функционален. Одни менее удобные, другие чуть получше, но у всех есть одна проблема — малый срок жизни батареи и катастрофическая нехватка полезных функций. Желание покупать именно сейчас такое устройство возникает только у самых заядлых гиков. Меньше чем через 10 лет смартвочи станут действительно умными и для нас они станут совершенно обычными устройствами, как сейчас уже стали смартфоны. Мне кажется, что основная цель таких устройств должна быть нацелена на сбор информации о здоровье владельца. С каждым годом новые технологии позволяют собирать с запястья человека всё больше данных, а удобный дизайн позволит нам без проблем пользоваться умными часами.

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

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

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

Простой пример прекрасного дизайна — 3,5-дюймовая дискета, маленький кружочек из гибкого магнитного материала, защищенный жестким корпусом. У более ранних типов дискет не было такой жесткой защиты. Металлическая скользящая пластинка защищает нежную поверхность дискеты, когда та не используется, и автоматически открывается, когда дискету вставляют в дисковод. У дискеты квадратная форма. Существует восемь способов вставить дискету в компьютер, и только один из них верный. А что если пользователь вставит дискету боком? Дизайнер позаботился и об этом. Внимательно присмотревшись к дискете, вы заметите, что на самом деле она не квадратная, а прямоугольная. Так что боком вставить ее просто невозможно. Я попробовал вста­вить дискету обратной стороной. Она зашла в отверстие лишь наполовину. Выступы и выемки не дают дискете зайти полностью, как бы вы ее ни вставляли: из восьми способов возможен только один. Прекрасный дизайн.
стр. 48

Если дизайн полагается на надписи, он может быть ошибочным. Надписи по-своему важны и часто необходимы, но естественное соответствие значительно снижает потребность в них. Если без надписей нельзя, меняйте дизайн.
стр. 95

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

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

Самые лучшие программы — те, которые отвлекают внимание пользователя от компьютера и всецело направляют его на решение проблемы.
стр. 192

Как это ни странно, но в дизайне книги про дизайн есть одна неприятная проблема. Сноски, которые присутствуют в большом количестве, отсылают нас в самый её конец. Например, хочу узнать, что в сноске, запоминаю её номер и перелистываю в конец книги, внезапно для себя понимаю, что помимо номера мне нужно было запомнить номер главы, которую читаю. Мне приходится возвращаться обратно, смотреть номер главы и … на самом деле я не вернулся обратно, а просто продолжил чтение. За это время потерял интерес к прочтению дополнительного материала. Вы скажете мелочь? Да, это так, но это и есть суть дизайна. Все должно быть осмысленно и продумано.

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