Рубрика «дизайн интерфейсов» - 10

Оптимизируем свои трудозатраты при разработке приложения в Google Material Design - 1
Данный материал может быть полезен как профессиональным дизайнерам интерфейсов, так и разработчикам, чьи познания в графических пакетах находятся ниже уровня “продвинутого пользователя”.

Итак, перед нами стоит задача: опираясь на готовые решения в открытом доступе, максимально оптимизировать затраченный труд на разработку приложения в стиле Google Material Design.
Читать полностью »

HelloHome – приложение для поиска соседей созданное по модели Tinder.

image

HelloHome Case Study

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

Читать полностью »

image

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

Как правило, разработчики останавливается на вариантах, которые проверены временем и более-менее на слуху, вроде Avocode или Zeplin. Однако я стараюсь не упускать возможности попробовать и менее известные программы в поисках оптимального соотношения цены-качества и, если повезет, интересных решений. В этой статье речь пойдет о Sketchode — плагине для Sketch, релиз которого состоялся этой весной, и моем опыте работы с ним. Удачном или неудачном — разберемся по ходу дела.
Читать полностью »

Как создавать визуально эффективные призывы к действию - 1

Как сделать призыв к действию деликатным, но эффективным? Это статья раскрывает несколько простых секретов. Мы постарались воспользоваться ими при создании нового дизайна для нашего сайта «Я люблю ИП». И заодно решили её перевести. Надеемся, эта статья также будет вам полезна.

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

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

Хорошая новость состоит в том, что поведение людей достаточно предсказуемо, и мы можем это использовать.
Читать полностью »

Как мы увеличили процент регистраций на 68% с помощью дизайна форм - 1

Советы и примеры в дизайне форм логина и регистрации.
Казалось бы, что может быть проще формы регистрации и, уж тем более, входа на сайт? Пара полей и кнопка. Но в нюансах этой простоты кроется успешность выполненной работы и количество пользователей вашего сервиса. Как сделать формы проще, процесс приятнее и тем самым снизить количество уходов? Расскажу какими правилами мы руководствовались при разработке нашего сообщества предпринимателей BOSS.ZONE.
Читать полностью »

Как подружить iOS-приложение с типографикой - 1

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

Читать полностью »

Привет! В этой статье я расскажу, как решил сделать редизайн приложения Bank of America, попутно изучая отличающуюся от российской банковскую систему США и объясняя логику изменений и улучшений.

Редизайн приложения Bank of America: концепт - 1

Редизайн приложения Bank of America: концепт - 2
Глобальная претензия к текущему приложению — оно выглядит несовременным, хочется его освежить и сделать «чище». Имеются проблемы с навигацией: например, вместо таб-бара используется боковое меню, что затрудняет переход между разделами. На главном экране не хватает целевых действий по продукту, а в случае с внесением средств с чека — нужно менять очерёдность экранов.
Читать полностью »

image
Практически все в нашей жизни — будь то здоровье, имущество или турпоездка — может быть застраховано. Более сотни страховых продуктов с индивидуальными процессами по оформлению страховых случаев и возмещению убытков, а также — несколько ИТ-систем. Это ровно то, что мы увидели, когда начали работать над проектом сервисного мобильного приложения «АльфаСтрахование Мобайл». Суть приложения сводилась к нетривиальной задаче объединить все страховые продукты и процессы «АльфаСтрахование» — сделать для мобильного пользователя единый канал коммуникации со страховой компанией на все случаи жизни.

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

Читать полностью »

В последнее время вопрос инструментария UI/UX-специалистов стоит очень остро: какое ПО использовать для разработки интерфейсов? Мы в нашей компании также горячо обсуждаем этот вопрос. И дискуссия часто имеют очень острый характер. Что выбрать для работы? Какой редактор более функционален для той или иной задачи дизайнера? Перечень наших задач достаточно широк, начиная с создания фирменного стиля и заканчивая полным циклом разработки сложных диджитал продуктов. Например, мобильных приложений для управления системами умного дома, полнофункциональных e-commerce систем.
Я не буду первым, кто поднял эти вопросы, но постараюсь дать на них ёмкие ответы. Возможно, моя статья будет интересна начинающим дизайнерам, которые еще не определились окончательно с направлением своей деятельности, или дизайнерам, которые хотят переквалифицироваться из одной специальности в другую.

Photoshop, Sketch инструментарий UI-UX-дизайнеров: что выбрать для разработки интерфейсов? - 1

Читать полностью »

По UI мотивам недалёкого прошлого или визуализация системы с нуля - 1
Хочу поделиться с вами своим опытом разработки с нуля системы внутрикорпоративного менеджмента чатов и аудио/видео записей. Дело было поболее года назад. Забегая вперёд, хочу с огорчением сказать, что сейчас проект заморожен. Кризис ли, потеря веры в проект руководством или еще какие-то причины — мне неизвестно. Хотя коллектив был приятный, решать задачи было интересно и увлекательно. Я вообще люблю постановку задач в духе: “У нас есть вот такой набор данных, но мы не знаем как это должно выглядеть. Вот, возьми карандаш и изобрази нам чего-нибудь”. И сотрудничество с ними идеально попало под такой формат.Читать полностью »


https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js