Connect with us

Дизайн и прототипирование

Дизайн мобильных приложений: российские студии

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

Ксения

Опубликовано

/

     
     

Как сделать хороший дизайн для мобильного приложения? Конечно, заказать его у профессионалов. Мы подобрали для вас студии, которые предоставляют услуги разработки мобильного дизайна – теперь вам будет значительно легче определиться, когда в вашей голове возникнет вопрос: «А с дизайном-то что делать?». Мы знакомим вас с талантливыми компаниями, которым вы можете доверить разработку UI/UX дизайна вашего приложения.

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

Бегемот-Бегемот

1 2 3

Бегемоты водятся в северной столице России. Без ложной скромности заявляют, что делают классные приложения на заказ. Помимо разработки приложений записывают интересные подкасты о мобильных приложениях «Апперетив» (но попали на вершину списка они конечно не по этому – так алфавит выстроился :)). Среди их работ: Kamino, Учисто, Second Wind, интерактивный блог Feeltrip Iceland, сервис необычных открыток PhostCards App.

adfdd415357063.56290420655cf

Гиперболоид

1 2

Московская студия Инженера Гарина и его друзей, занимающаяся разработкой «приложений массового поражения», от создания «mind-карт» до продвижения. Очень любит четкую и структурированную работу. Среди их работ приложения: ShowJet, Urban Walks, МДМ Банк, Тануки HD, StickerRide.

01-667x477

Мануфактура

1 2 3

Воронежская студия, занимающаяся разработкой и графическим дизайном с 2009 года. Команда признается, что не не умеет говорить «нет» интересным задачам. Среди их работ: мобильное приложение для образовательного онлайн-центра «Нетология», дизайн приложения StarFX от Forex Club, игра для iPhone «Камень, ноницы, бумага, ящерица, Спок», приложение для СМИ Downtown.ru.

9e8d6522048463.56354731a76bc

Моризо

1 2 3

Студия «Моризо» занимается разработкой сайтов, баннеров и интерфейсов. Как они сами признаются, иногда занимаются «интернет-проектами космического уровня». По версии профессионального рейтинга Tagline 2012, студия «Моризо» является веб-студией №1 в Нижнем Новгороде. Среди их работ: интернет-магазин Superstep, Lacoste, сайт «Оптики Кронос», «Цезарь-Сателлит».

Image3

BBS Interactive

1 2

Столичная компания занимается разработкой мобильных приложений, а также проектированием интерфейсов (UI/UX), Web-дизайном, дизайном мобильных приложений, печатных материалов и outdoor-материалов. Своей гордостью считают проект Mapidy, инновационную систему для управления задачами в формате ментальных карт. Среди их работ мобильные приложения для: банковской группы РосКредит, Centro Fashion & ЦентрОбувь. Особенно студия гордится интерфейсом Соверен Банка, который входит в ТОП-15 рейтинга эффективности мобильных банков.

slide2

Chapps

1 2 4

Своего рода исключением в нашем обзоре станет одесская студия Chapps. Они занимаются разработкой, моушн-дизайном и дизайном мобильных приложений. Участвовали в создании и разработке более 150 проектов по всему миру. Среди их работ приложения: Jetbank, Hockey Club Dinamo, Owzzup, а также компания работала с Yandex, Unilever, Bentley и другими.

Open_events_Realpixel

Cuberto

1 4

Сейчас питерская студия специализируется на юзабилити-исследовании, дизайне интерфейсов и разработке мобильных приложений, когда-то начиная с дизайна иконок. Среди их работ: Sportscool, Tetatet, Round, Moika-Moika. Cuberto занимает второе место в рейтинге среди разработчиков мобильных приложений Best in Digital.

cj_gif

е-Legion

1 2

Компания занимается разработкой мобильных приложений и дизайном для Android, iOS и Windows более 9-ти лет. Находятся в тройке лидеров рейтинга мобильных разработчиков России 2015-го года по версии Tagline и в топе 10 компаний-разработчиков Android-приложений Европы и Америки по версии Appindex. Проводят собственную offline школу Android-разработчиков. Среди их работ приложения: Первого канала для Windows, Мега, Vitek, Yota, Модератор для социальной сети Одноклассники.

1_ios-20b11f11df7d84cd10bb9a6d6beca3c6

Heads and Hands

1 2

Компания на три города (Москва, Санкт-Петербург и Саранск) занимается проектированием, дизайном и разработкой мобильных приложений и web-сервисов. Команда из 30 человек с удовольствием возьмется за любой сложный проект. Светлые головы и «очумелые ручки» входят в Топ 25 mobile-компаний по версии Tagline и на 22 месте среди мобильных разработчиков России в рейтинге Рунета 2015. Среди их работ: мобильные приложения Zaka Zaka, Lamoda, Landrover, Card it Smart, Alloka.

648a7330807745.5633760690dbf

Live Typing

1 2 4

Создают мобильные и социальные приложения и игры, спецпроекты, промо-сайты, а так же делают дизайн интерфейсов с 2010 года. Активно сотрудничают с московскими и западными компаниями, гордятся тем, что сделали одно из самых популярных приложений для рисования в Рунете — Живое Граффити. Среди их работ: приложение Опросы Департамента транспорта Москвы, Fueler, официальное приложение певца Макса Коржа.

artboard_5-3

looi

1 2 4

Московская студия, созданная дизайнером Артуром Арсёновым 2013 году. Их дружная команда открыто заявляет, что любит свою работу и занимается созданием интерфейсов мобильных приложений, веб-сервисов и информационных систем. Среди их работ: дизайн и сайт ISINA, CyberMarketing (iOS и Android), погода The Village, мобильный сайт музыкального сервиса Билайн.Музыка.

tamo-2-dribble

PLUS8

1 2 4

Студия PLUS8 всецело посвящает себя разработке мобильного дизайна, в этом году объединившись с креативным агентством Itadakimasu! Также в 2015 году компания стала зарегистрированным разработчиком под iOS. Среди их работ: приложение для CMS Magazine, WAYD, Fashion UI Kit.

messenger__

smorodina.mobi

1 4

Тамбовская копания со вкусным названием и командой из 15-ти человек занимается разработкой мобильных приложений, от создания концепции до раскрутки, и в том числе и дизайном. У них можно заказать приложение как на iOS, так и на Android, еще и на трех языках. Среди их работ: Пикабу (iOS), вьювер для статистики SQBA, Отжиматор, РЕР. Смородина входит в группу компаний 5craft.

promo

Surf

1 2 4

Воронежская студия, старательно пишет код и создает дизайн мобильных приложений. Surf находится в десятке лучших компаний России по созданию мобильных приложений по версии Tagline. Среди их работ мобильные приложения: Forbes, Delivery Club, Lamoda, Centro, Мегафон.

Screen_Shot_2015-04-01_at_18.06.10 (1)

Touchanka

1 2

Студия специализируется на создании интерактивных книг и называет себя «экспериментальной лабораторией по разработке концепций, проектированию, дизайну и верстке электронных интерактивных изданий». Среди их работ: 5 интерактивных книг в App Store, например, “Три поросенка”, “Малышарий”, “Краденое солнце” и “Колобок”. Кстати, 6-го декабря (воскресенье) Touchanka проводит мастер-класс “Пошаговое создание интерактивной книги” у себя в студии.

10431512_479120195559730_1525480806434784785_n

Touch Instinct

1 2 4

Компания находится в Санкт-Петербурге и занимается разработкой мобильных приложений для смартфонов и часов. Может похвастаться занятым четвертым местом в рейтинге лучших мобильных разработчиков России по версии Tagline в 2014 и 2015 годах и очень лаконичным дизайном. Среди их работ: платформа для маркетинговых исследований Squawk Aha, Bon Appetit, Meduza для iWatch, интернет-магазин Техносила.

01

 

Комментарии
Если вы нашли опечатку - выделите ее и нажмите Ctrl + Enter! Для связи с нами вы можете использовать info@apptractor.ru.
Advertisement
5 комментариев

5 Comments

  1. Ксения

    01.12.2015 at 16:17

    А как же лидер рынка Redmadrobot?

    • Kate

      03.12.2015 at 14:04

      Вот да, упустили как-то в статье лидеров рынка Redmadrobot, да и не только их.

      Если просто пройтись по портфолио/dribbble/behance 30-ки лучших разработчиков по версии пары рейтингов, то можно обнаружить несколько компаний с интересными проектами именно с точки зрения ux/ui. Я бы, например, еще отметила Polonium Arts и InfoShell – тоже достойные кандидаты для данного обзора.

      • AppTractor

        03.12.2015 at 18:16

        В Behance в топе вроде нет русских, изучали. Если нет – поправьте. Что касается “почему нет того или иного” – многие не делают дизайн как услугу. То есть только вместе с разработкой. Ну и “нельзя объят необъятное” – будет повод сделать вторую версию :)

  2. Eugeny Krouglov

    04.12.2015 at 16:21

    Не могу без боли смотреть на эту неестественно бегущую девушку у Бегемотов(( Просил Андраша заменить, он не стал(((

You must be logged in to post a comment Login

Leave a Reply

Дизайн и прототипирование

Hyperion

Hyperion – встраиваемый в iOS-приложения плагин, помогающий контролировать верстку.

Леонид Боголюбов

Опубликовано

/

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

  

 

 

Комментарии
Продолжить чтение

Дизайн и прототипирование

Flawless

Леонид Боголюбов

Опубликовано

/

Flawless – система для сравнения макета и получившегося iOS-приложения.

Фактически это плагин для эмулятора iOS, в котором запускается ваше приложение. Он берет внешний sketch, jpeg, png, tiff или gif и накладывает его (прозрачно поверх или разделяя экран) на реальное приложение.

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

Комментарии
Продолжить чтение

Дизайн и прототипирование

Google исправил бургер и пиво в Android 8.1

В Android 8.1 действительно станет с едой получше – теперь эмодзи бургера в нем соответствует всем канонам.

Леонид Боголюбов

Опубликовано

/

Помните недавнюю историю с эмодзи бургеров? Тогда все еще определяли правильную версию – сыр должен быть над или под котлетой и где по правилам должен находиться салат. Глава Google Сундар Пичаи обещал, дословно, «бросить все» и заняться составлением меню – и вот результат его работы на лицо.

В Android 8.1 с едой действительно станет получше – теперь эмодзи бургера в нем соответствует всем канонам:

Заодно поправят и пиво – раньше оно выглядело как минимум странно:

Теперь заживем!

Emoji: больше, чем смайлики

Комментарии
Продолжить чтение

Дизайн и прототипирование

Как потерять доверие пользователей к продукту и чем это чревато?

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

AppTractor

Опубликовано

/

Автор:

Изображение с сайта Kayako.com

Когда я была маленькая, родители сдавали меня на лето на дачу к бабушке. Дама она была очень строгая и не разрешала мне включать телевизор, потому, что не доверяла ему (или мне :)) Аргумент был простой – «у телевизора даже экран бьет током, возьмешься за вилку – тебя убьет!». Ну как тут поспоришь?

Доверие – либо полное, либо его нет. Ощущением доверия измеряется человеческое счастье. Громко звучит? Тем не менее, так и есть. Человек не может чувствовать себя счастливым, если тревожится, что дверь могла не закрыться, утюг не выключился, будильник не прозвенит, календарь не сообщит о мероприятии, изменения не сохранятся и др.

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

Кривизна, кустарщина

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

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

Страница статистики сервиса товарных рекомендаций Retail Rocket

– Оля, ты – дизайнер, ты это видишь, а нормальным людям на такое плевать!

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

God is in the detail, – народная мудрость

Непонятный нейминг

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

Пример ниже – кусочек «Настроек поведения» CallbackHunter – сервиса колл-трекинга. Не поняла, что означают загадочные цифры и что будет, если я их поменяю. При наведении на знаки вопроса всплывают подсказки, но ясности они не добавляют.

Фрагмент настроек сервиса колл-трекинга CallbackHunter

Например, подсказка у первого пункта Mouse motion speed гласит Average mouse motion speed analysis. Почему оно равно 9.8, осталось для меня тайной, в чем это 9.8 измеряется – тоже. Если вы понимаете что это все значит – напишите в комментариях, пожалуйста.

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

Сообщения об ошибках

Хотела тут недавно купить биткоины через приложение Coinbase. Вместо того, чтобы провести транзакцию оно сообщило мне «It looks like an unknown error occurred while processing the buy…». Гайз, если вы сами не знаете, что за ошибка у вас произошла – как мне вам доверять свои деньги и криптовалютный кошелек? В поддержку они мне, кстати, тоже не ответили :(

Сообщение об ошибке в мобильном клиенте криптовалютной биржи Coinbase

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

Попап ошибки в системе аренды недвижимости RentLinx

Отображение состояний

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

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

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

Интерфейс PlayStation. Иконки с обозначениями кнопок в самом низу экрана.

Экран «Спасибо за заказ» в приложении доставки еды Just Eat

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

Интерфейс PlayStation. Иконки с обозначениями кнопок в самом низу экрана.

Статусы заказа и интерактивная карта сервиса доставки Glovo

Защита от дурака

Часто слышу от программистов «А зачем пользователь туда полез? Сам виноват». А вот и не так! Если продукт разрешил пользователю «туда полезть» и накосячить, то виноват продукт, вернее, команда, которая его сделала.

Есть масса способов защитить пользователя от ошибок – от масок ввода и принципа «не набирай, а выбирай» до возможности отмены.

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

Функция отмены отправки письма в Gmail

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

Раньше у меня был ноутбук Sharp, у него тоже была кнопка на клавиатуре и она работала мгновенно. Поверьте мне, когда в процессе работы ты случайно промахиваешься мимо Backspace, тыкаешь в Power и теряешь контроль над ноутбуком минут на 10 – это боль.

Платежи и все, что с ними связано

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

На скрине выше форма оплаты в сервисе покупки авиабилетов Southwest Airlines. Выбран радиобатон Credit Card. Но над формой мы видим пункт PayPal, да еще такой заметный с суммой и иконкой. Зачем? К чему он относится? Ну и вообще всего много и как-то кривовато.

Итого

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

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

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

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

Источник: https://olgashavrina.com/.

Комментарии
Продолжить чтение

Наша рассылка

Каждому подписавшемуся - "1 час на UI аудит": бесплатный ускоренный курс для разработчиков веб и мобильных приложений!

Нажимая на кнопку "Подписаться" вы даете согласие на обработку персональных данных.

Популярное

X

Спасибо!

Теперь редакторы в курсе.