Не проектируйте для мобильных устройств (Mobile-first)

Принцип проектирования Mobile-first – решение ограничений устройств на заре революции мобильных девайсов. Тогда это имело большой смысл, и даже по сей день хорошо работает во многих ситуациях. Хотя он неизменно делит устройства на две категории – мобильные и декстопные, которые, как правило, несут в себе множество других допущений:

— Мобильные телефоны – сенсорное управление, персональные компьютеры управление с помощью курсора
— На мобильных устройствах медленный интернет, на компьютерах – быстрый.
— Мобильные устройства работают медленно, компьютеры работают быстро.
и т.д…

Но в современной среде устройств эти предположения начинают создавать ряд проблем.

Современные мобильные устройства намного мощнее обычных ноутбуков или персональных компьютеров. Появляется все больше и больше гибридных устройств, которые управляются как при помощи сенсорного экрана, так и с помощью мыши. Планшеты – это мобильные или десктопные устройства? Или это вообще новая категория?

Читать статью: https://ux.pub/ne-proektiruyte-dlya-mobilnyh-ustroystv-mobile-first/

Как говорить про ну это, вы поняли, про деньги, в общем

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

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

«Ну что, сколько денег тебе дать за логотип?» — от такого вопроса ладошки начинают потеть, а колени подрагивать. Ты делаешь непринужденное лицо и выпаливаешь: «Двадцать тысяч, дядя». Далее вы жмёте друг другу руки, и каждый уходит в свою сторону с мыслью, что сэкономил / заработал. А потом ты вдруг слышишь истории, что логотип стоит 65 тысяч, 200 тысяч, миллион. Смотришь на свой счет в банке, считаешь все сделанные логотипы и расстраиваешься.

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

Послушать можно здесь:
https://music.yandex.ru/album/10887222/track/71301600

Источник: https://clc.to/RLz0TQ

Подробное руководство по дизайну текстовых полей и форм

Эти простые правила помогут вам создавать формы, которые пользователи захотят заполнить

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

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

Читать статью: https://ux.pub/podrobnoe-rukovodstvo-po-dizaynu-tekstovyh-poley-i-form/

Как ставить ТЗ дизайнерам. Гайд для клиентов

Собрали свой опыт и подготовили гайд, как прийти к взаимопониманию с дизайнерами.

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

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

Грамотное же техническое задание предотвращает от множества проблем.

На что стоит обратить внимание:
1. Контекст задачи
2. Целевая аудитория
3. Информация о вас
4. Форматы
5. Добавьте примеров

На всякий случай уточним, история «мне нужен логотип через 2 часа, потому что я печатаю наклейки» — не работает.

Дайте как можно больше информации о продукте и аудитории. Каждая мелочь может существенно повлиять на восприятие.

Заложите на составление ТЗ много времени. Так как в этом деле нужна максимальная подробность и въедливость в детали.

Если несколько человек принимают решение, согласуйте ТЗ со всеми. Это поможет избежать разногласий внутри вашей компании.

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

Больше в статье: https://habr.com/ru/post/520534/

6 способов дополнительного дохода для дизайнеров и разработчиков

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

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

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

Читать статью: https://habr.com/ru/post/520820/

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

@design_telega - клад бесплатных материалов для дизайнеров. Мокапы, шрифты, иллюстрации, сервисы. Все с бесплатной лицензией.
@design_awards - 3 лучших сайта по версии трех главных конкурсов. Нереальные решения, анимация и работа с типографикой. И так каждый день.
@design_translator - находим свежие переводы статей со всего мира.
@digital_rabota - вакансии с мира digital
@onbehancer - лучшие проекты с Behance.
@package_design - дизайн упаковки со всего света
@magazine_design - журналы и верстка

Как найти идею: 7 инструментов для создания рабочих гипотез

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

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

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

1. Карта эмпатии: погружаемся в мир пользователя
2. «Мир, в котором нас нет»: находим ценность продукта
3. «Пять почему»: определяем потребность клиента
4. Job story: понимаем ситуацию клиента
5. How might we: формулируем вопрос
6. Брейншторминг: находим идеи
7. Поиск форм коммуникации и рождение новых форм (CRAFT)

Читать статью: https://clc.to/hr71zA

Улучшение UX мобильного приложения на реальном примере

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

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

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

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

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

Читать статью: https://habr.com/ru/post/522010/

Как выглядят интервью дизайнеров и UX-специалистов в топовых ИТ-компаниях

Сегодня речь пойдет о том, как устроен процесс собеседований дизайнеров в топовых ИТ-компаниях – уровня FAANG (Facebook, Amazon, Apple, Netflix, Google).

Как устроен процесс
В большинстве случаев процесс собеседований на дизайн-позиции во многом схож с тем, как интервьюируют разработчиков. Вот как описывает этапы бывший дизайнер Google Тони Аубе (он также проходил собеседования в Apple, Amazon и Facebook):

—первый контакт;
—созвон с рекрутером;
—дизайн-челлендж;
—on-site интервью;
—принятие решения о предложении работы.

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

Также дизайнеру на данном этапе понадобится портфолио, резюме, в идеале – личный сайт, где все это собрано.

Подробнее об этом в статье: https://clc.to/QJyM_A