8 заметок с тегом

как работаем

2017   как работаем   клик   такнадо

Человечный интерфейс

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

Идиотека от 13 агуста 2007 года, фото — Алексей Шкляр

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

2017   интерфейс   как работаем

Польза — движущая сила

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

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

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

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

Флексить: зачем и как?

Flex по-английски — гнуть. Иногда бывает так, что лучше «подогнуть» проект, но сдать в срок и в рамках бюджета, чем продолжать жить без реализованного проекта. Если польза от запущенного проекта важнее некоторых неудобств, лучше флексить.

Николай Товеровский из Бюро Горбунова проделал большую работу — выделил и описал приёмы флекса (за что ему большое спасибо). Представляю «выжимку» из его работы со ссылками на статьи.


Виды флекса:

1. Зафиксировать

Часть системы делается статичной, её невозможно изменять или настраивать, поведение определяется заранее запрограммированным алгоритмом.
Подробнее

2. Снизить управляемость

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

3. Уменьшить глубину проработки

Работа ведётся только над тем, что необходимо для решения задачи.
Подробнее

4. Рассогласовать

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

5. Убрать в гаражик

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

6. Заменить решение

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

7. Не выходить в надсистему

Решение не затрагивает других частей системы.
Подробнее

8. Отступить от идеала

Если реализовать идеальное решение невозможно или нерационально, отступите на шаг назад.
Подробнее

9. Перенести на следующую итерацию

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

Сделать говно

Сделать говно — это не пофлексить.
Подробнее

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

Лучше синица в руках, чем журавль в небе. Мы помним, что такой инструмент как флекс существует и умеем им пользоваться.

2017   инструмент   итерация   как работаем   ссылка   флекс   ффф

Работаем близко

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

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

Все знают, что такое скайп. Но не все знают, что в скайпе можно включать режим демонстрации экрана — незаменимый инструмент при обсуждении деталей проекта. Бывает, что нужно «прикрутить» сайт к 1С — на помощь приходит другой инструмент, Тимвивер (позволяет подключиться и полностью управлять удаленным компьютером).

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

2017   как работаем   принцип   удаленная работа

Текст — всему голова

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

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

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

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

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

Если коротко, тексты в информационном стиле не навязывают мнение и настроение. У них нет цели загипнотизировать пользователя или манипулировать им. Информационный стиль не ставит своей целью заискивать с посетителем, или развлечь его. Инфостиль объективно, точно и лаконично доносит информацию «как есть». Автор неформально и однозначно информирует пользователя и помогает принять взвешенное решение. Причем, взвешенное решение может быть «не покупать». Принимать решение — дело посетителя, решение зарождается внутри его головы, а не навязывается вычурным текстом.

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

Взглянем на примеры. Как инфостиль преображает текст.

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

До применения инфостиля
Упаковочные материалы от компании «Алита» — это современная и качественная продукция. Ее выбирают десятки предприятий в Москве и Московской области. Мы предлагаем все, что нужно, чтобы быстро, надежно и удобно упаковать или оформить любой товар и материал. Наша упаковка используется на производствах и складах, в магазинах и дома — она нужна везде.
Сайт компании «Алита»
В инфостиле
«Алита» обеспечивает десятки предприятий упаковочными материалами. Они применяются на складе и производстве, в магазине и дома — везде, где оформляют и упаковывают предметы.

До применения инфостиля
Мы приветствуем Вас на сайте компании ООО «МирЛопат». На нем есть полная информация по продукции нашего производства.
Мы производим снегоуборочный инвентарь и другие товары с 2006 года. Используя передовые технологии, мы можем предложить в отрасли лучшие цены, отличное качество изделий, быстрый ответ на любые предложения наших клиентов.
Мы будем рады увидеть вашу компанию среди наших постоянных клиентов.
Сайт компании «МирЛопат»
В инфостиле
ООО «МирЛопат» делает инвентарь для уборки снега с 2006 года.


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


Примеры статей в информационном стиле:
Хорошо ли продавцы в электричках хвалят свой товар Людмила Сарычева
Как устроен банкомат Сергей Король
Почему дисциплина лучше мотивации Андрей Банников

Текст в инфостиле на сайтах:
Энциклопедия услуг «Почты России»
Сайт дилера сотовых операторов
Агентство спортивного маркетинга

Ссылка по теме: Лекция Максима Ильяхова об информационном стиле

Итерационный подход

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

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

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

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

2017   итерация   как работаем   польза   проект   результат   управление

Понимание задачи

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

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

Пример реальной заявки на разработку сайта:

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

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


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

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

Нет Да
Сделать красивый и современный дизайн сайта Повысить доверие пользователей к сайту



По итогам первых переговоров клиент получает документ «понимание задачи», который представляет из себя обычное электронное письмо. Документ не влечет никаких обязательств, но со старта дисциплинирует работу над проектом и позволяет клиенту убедиться в том, что дизайнер понял задачу. Одно дело кивать головой и поддакивать, совсем другое — письменно описать понятное. В тексте описывается не только задача на языке бизнеса, но и способ решить её (на языке дизайнера). Мы приходим у формуле:

Сделать то-то, сделав это



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



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



Ссылка по теме: Лекция Ильи Бирмана о понимании задачи

2016   видео   задача   как работаем   понимание задачи   ссылка