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

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

Каждый раз, как кто-то узнает, что я дальтоник, я отвечаю на один и тот же вопрос: «Какой это цвет?». В 95% случаев я отвечу правильно, и поэтому мне задают еще один вопрос: «Подожди, значит, ты понимаешь, что это [вставить название цвета]? Так что ты видишь?». И тут начинается процесс объяснения того, как работает дальтонизм, и как он на меня влияет.

В первой части рассказа об унификации продуктовой линейки Mail.Ru Group я описал наш первый подход к снаряду — решение для мобильного веба. Помимо создания единого стиля и принципов работы интерфейса для дюжины сервисов, мы смогли перестроить дизайн-процесс от классического «прототип → макет → верстка → код» для каждого экрана к более эффективному и современному, основанному на фреймворках. Во второй части я расскажу о переводе на эту же технологию более сложных и масштабных больших версий сайтов — как наш «Bootstrap на стероидах» стал еще мощнее.


Афиша, Авто, Здоровье, Гороскопы, ТВ, Недвижимость, Леди, Hi-Tech, Погода

Весной 2012 года в наше подразделение Почты и портала передали 11 контент-проектов — Авто, Афиша, Гороскопы, Дети, Здоровье, Леди, Мото, Новости, Погода, Спорт, ТВ. Многие из них — лидеры в своей нише в Рунете. Но история создания и развития у каждого была своя, так что дизайн делался по-своему, зачастую на аутсорсе, без систематизации и выработки общих подходов и решений.

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

Моделирование целевой аудитории (персонажей) и написание «пользовательских историй» (user story) были эффективными, когда клиенты и разработчики продуктов находились далеко друг от друга. Теперь все по-другому. В этом посте говорится о том, как одна команда разработчиков применила метод Job Stories для создания страницы профиля пользователя.

Уже пять лет я публикую регулярные обзоры свежих статей по теме интерфейсов, новых инструментов и коллекций паттернов, интересных кейсов и исторических рассказов. Из лент нескольких сотен тематических подписок отбирается примерно 5% стоящих публикаций, которыми интересно поделиться. Предыдущие материалы: апрель 2010-май 2015.

Здравствуй, дорогой хабрадруг! В этой статье приводятся 25 самых полезных сочетаний клавиш (шорткатов) в Photoshop, которые вы можете использовать, для того чтобы ускорить выполнение вашей работы. Некоторые из них редко упоминаются, некоторые применяются довольно часто, а некоторые вообще доступны только в Photoshop CS5. Я надеюсь, что каждый из вас найдет новые и полезные шорткаты в этой статье. Итак, давайте же начнем!

^{Photo via Associated Press: Заседание польского Сейма}

Пока весь мир в едином порыве протестовал против принятия Конгрессом США законодательных инициатив SOPA (англ.) и PIPA (англ.), подписание соглашения ACTA вошло в завершающую стадию. The Anti-Counterfeiting Trade Agreement (торговое соглашение по борьбе с контрафакцией) при более детальном рассмотрении является куда более жесткой инициативой, чем «триумфально побеждённые» Интернет-сообществом SOPA/PIPA. Стоит сказать, что переговоры по ACTA проводятся в режиме повышенной секретности и детали раскрываются буквально по капле.

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

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

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

▌Вместо предисловия

---

Для начала хотелось бы сказать пару слов о новомодном тренде в области веб-дизайна и дизайна интерфейсов — плоском дизайне (Flat UI).

Flat, очень хорошо играет на контрасте. Metro особенно сильно выделяется в сфере UI.
Можно провести небольшую параллель: посмотрите на это надгробие. Оно прекрасно, не так ли?


Крупнее

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

Однако если на кладбище все надгробия будут такие же, как это, тогда это будет ужасающая серость и беда. Прелесть минимализма именно в контрасте.

---

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

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

В 2010 году, когда на рынке смартфонов властвовали Apple, Samsung и HTC с нагромождёнными интерфейсами iOS, TouchWiz и HTC Sense, Windows Phone поражал воображение по внешности, дизайну.

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

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

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

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

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

Мне очень нравится движение бережливых стартапов и его основополагающий принцип, согласно которому соответствующий рынку продукт ищется путем тестирования, изучения и экспериментирования с самыми простыми прототипами продуктов, которые себе только можно представить (так называемыми минимальными жизнеспособными продуктами — MVP). Это помогает компаниям избежать создания продуктов, которые потребителям не нужны. Однако основополагающий концептуальный инструмент для сопровождения этого процесса до недавнего времени отсутствовал. Не было практического инструмента, который бы помогал бизнесменам схематично изображать, продумывать, обсуждать, тестировать и изменять предлагаемую компанией ценность в соответствии с потребностями своих клиентов. Поэтому вместе с Ивом Пинье и Аланом Смитом мы придумали Канву предлагаемой ценности.

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

Канва бизнес-модели с ее 9 составляющими блоками концентрируется на общей картине. Канва предлагаемой ценности подробно рассматривает два из этих блоков – предлагаемую ценность и сегмент покупателя, позволяя описывать и более подробно анализировать «соответствие» между ними. Компаниям необходимо добиться как правильного «соответствия», так и правильной бизнес-модели, если они не хотят прогореть, о чем я писал ранее в посте про неудачи. Эти инструменты лучше всего работают в комбинации. Один не заменяет собой другой.



В данном посте я расскажу об этом концептуальном инструменте. В следующем своем посте я объясню, как его можно применять в тестировании в сочетании с методами развития клиента Стива Бланка и бережливого стартапа Эрика Риса. Канва предлагаемой ценности позволит лучше описать гипотезы по предлагаемым ценностям и потребителям, подготовиться к интервью с потребителями, а также станет руководством по тестированию и изменениям.

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

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

Это перевод оригинальной статьи Principles of User Interface Design

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

— Пол Рэнд (Paul Rand)

1. Обязанность интерфейса — обеспечение взаимодействия

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

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

Первым украинским медиа в iPhone стал Канал 24, еще в конце 2009, а на днях новостной портал Korrespondent.net также запустил собственное iPhone приложение. В Украине пока нет ярких примеров новостных iPhone приложений, таргетированных на наш рынок, поэтому Корреспондент поможет прояснить, насколько подобные продукты восстребованы на рынке и поможет увидеть аудиторию.

В начале этого лета мы делились материалами нашей лекции на Microsoft .NET Architecture Day. Мы рассказывали о новом стандарте ISO «Human-centred Design».

За лето мы разработали в продолжение этой лекции целую сертификационную программу CUP (Certified Usability Professional) [анонсы программы можно найти тут и тут].

Сегодня в День Знаний мы предлагаем каждому проверить свои знания HCD. Этот тест разработан в качестве отборочного испытания для участников программы CUP.

Как вы помните HCD описывает процесс и принципы, а не кнопочки и формочки.

В качестве апробации тест проходили сотрудники UsabilityLab. Самый высокий балл получил наш директор по проектам Андрей Пономарев — 36 из 40!

Мы решили учредить приз тому, кто побьёт рекорд Андрея: первый, кто наберёт больше 36 баллов по тесту, получит возможность пройти обучение по программе CUP бесплатно!

P.S. Совет — посмотрите видео (первая ссылка). Все вопросы теста раскрываются в этой лекции.

UPD 1. 03:14 02.09.09 К трём часам ночи тест прошли 49 человек. Рекорд Пономарёва пока не побит.
Утром обновим данные, сделаем рассылку тем, кто оставил контакты, с информацией о том, какой у них получился результат.

UPD 2. 11:40 02.09.09 Тест прошли 119 человек. Рекорд Пономарёва пока не побит.

UPD 3. 15:40 02.09.09 Тест прошли 173 человека. Распределение суммарного балла (количества правильных ответов) можно наблюдать на обновленной диаграмме ниже. Рекорд Пономарёва пока не побит.

UPD 4. 20:14 03.09.09 (последний) Огромное спасибо всем, кто прошел тестирование. Мы получили за два дня более 200 заполненных тестов. Количество анонимных анкет всего 32.

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

Ими стали:
— Евгений Овчаренко (г. Томск),
— Андрей Петруша (г. Киев),
— Александр Силин (г. Москва).

Они набрали более 30 баллов.

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

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

Сегодня мы провели 40ой вебинар UX Russia, на котором обсуждали результаты апробации теста:


Тест продолжает работать, если хотите проверить или перепроверить свои знания HCD: Добро пожаловать! Наше обещание учить бесплатно первого, кто получит больше 36 баллов, в силе! Всем хороших интерфейсов!

UPD 5. 00:17 04.09.09 (непоследний) Только что появился преследователь Пономарёва: это Светлана Олишевская (г. Киев), она набрала 35 баллов! Свету включаем в число призеров (однозначно!).

UPD 6. 01:53 07.09.09 (победа!) Рекорд Пономарева побит! Гульфия Курмангалеева (студентка из Орска) в 17:36 набрала 38 баллов.

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

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

Итак:

1) Facebook

Основатель: Марк Цукенберг (Mark Zuckerberg)
Место основания: в его студенческой комнате в Гарварде.
Сайт: http://facebook.com
Своему рождению Facebook обязан страсти к программированию Марка.
Он появился в центре внимания когда он отклонил предложение от Yahoo на 1 миллион долларов. Позже он всё таки согласился на 240-миллионное предложение, дающее Microsoft 1.6% кусок в Facebook, цена которого возросла до 15 миллиардов долларов.