Pull to refresh

Пристальный взгляд на шаблоны мобильных интерфейсов

Interfaces *
Translation


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

Эти 70 шаблонов проиллюстрированы сотнями примеров приложений для операционных систем Apple, BlackBerry, Android, Symbian, Windows и WebOS будут изданы O’Reilly Media как «Mobile Design Pattern Gallery». Ниже приведена одна из моих любимых глав — Приглашение.

* Не смотря на то, что эти шаблоны ориентированы на разработку мобильных приложений, они так же могут быть использованы при работе над мобильным веб-сайтом.
Читать дальше →
Total votes 76: ↑68 and ↓8 +60
Views 5.9K
Comments 16

Коллекция паттернов поведения для элементов отзывчивого веб-дизайна

Website development *Development of mobile applications *
Думаю любому современному дизайнеру или верстальщику рано или поздно в голову приходила мысль «А почему бы на этом проекте не использовать принципы отзывчивого веб-дизайна?». Пожалуй, сложно найти человека, который не слышал о responsive design в наше время, когда сёрфить веб могут с телефона, микроволновки и тапочек. Приступая к работе над подобным проектом, неплохо было бы иметь под рукой примеры возможного поведения лейаута и его отдельных элементов.
Ну же, где паттерны то?!
Total votes 51: ↑49 and ↓2 +47
Views 29K
Comments 10

Как мы нашли свой дао в разработке приложения для Windows 8

True Engineering corporate blog
Windows 8-приложение для телерадиоканала «Комсомольская правда» стало нашей первой разработкой для данной платформы. Тем не менее, за него мы взялись уже будучи обремененными достаточным опытом в разработке мобильных приложений для СМИ: например, в нашем арсенале уже были журнал Newsweek, Engadget, Washington Post и даже тот же самый ТВ-, радиоканал «Комсомолки» (только для iOS). И тем не менее, когда мы столкнулись с Windows 8, оказалось, что нам есть чему поучиться и над чем поразмыслить.

Что хотел заказчик

Заказчики из «Комсомолки» поставили очень простые задачи: чтобы и радио и ТВ были доступны на одном экране, и чтобы все это говорило и показывало. Такое дзен-ТЗ поначалу нас не смутило…

Ты помнишь, как всё начиналось…

На старте мы не стали особо париться и рефлексировать, а просто собрались и придумали… натюрморт. То есть первый мозговой штурм закончился тем, что мы придумали привычный любому iOS-разработчику скевоморфичный дизайн с детально прорисованным ретро-радио и телеком и с газетой «Комсомольская правда», в которую завернута селедка.


Что-то вроде того…

Придумав красоту, мы успокоились.

Читать дальше →
Total votes 26: ↑13 and ↓13 0
Views 6.2K
Comments 8

Управление цветом и дизайн UI

Development of mobile applications *
Translation
Tutorial

Разрабатывая дизайн для веб-сайтов и мобильных приложений в Photoshop, мы сталкиваемся с проблемой при формировании цвета программным кодом, HTML или CSS. Статья призвана покончить с этим раз и навсегда.
Читать дальше →
Total votes 53: ↑48 and ↓5 +43
Views 68K
Comments 18

Обзор мобильного приложения «ЖД билеты» для платформы Android

Google Developers corporate blog Usability *
Мы продолжаем разбирать приложения из Google Play. Представляем вашему вниманию второй обзор из серии практических рекомендаций по улучшению дизайна, архитектуры и эргономичности интерфейса приложений для Android. Обзоры подготовлены совместно с компанией UsabilityLab.

О приложении


Приложение «ЖД билеты» является пока первым приложением в Google Play, с помощью которого можно купить билеты на поезд. Через приложение можно найти билет, оплатить его банковской картой и сразу пройти электронную регистрацию.

image

Обращаясь к отзывам в Google Play, мы видим, что пользователи не очень довольны данным приложением. Вот отзыв пользователя Yuriy Turchin:
«Не работает толком и ещё такие высокие наценки за приложение. Назвали сервисными сборами — поборы за сырой продукт».
Средняя оценка приложения – 2.4 из 5.
Далее мы расскажем о ключевых проблемах приложения и дадим рекомендации по их устранению.
Читать дальше →
Total votes 74: ↑55 and ↓19 +36
Views 37K
Comments 64

Обзор мобильного приложения Pronto для платформы Android

Google Developers corporate blog Development of mobile applications *
Дорогие друзья, мы начинаем серию публикаций обзоров мобильных приложений для Android, направленных на повышение качества и распространение практических рекомендаций по улучшению дизайна, архитектуры и эргономичности интерфейса. Обзоры подготовлены совместно с компанией UsabilityLab. Первый обзор из серии вы найдете ниже.

О приложении


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

image

Если верить отзывам в Google Play, пользователи не очень удовлетворены работой приложения. Например, пользователь Yury Balikhin пишет:
«Проверяли бы перед запуском приложения в маркете. Когда сильно хочется кушать, очень сложно сохранять спокойствие, пытаясь побороть программу».
Средняя оценка приложения – 1.6 из 5. Сегодня мы попытаемся разобраться, что именно так не понравилось пользователям и можно ли как-то улучшить ситуацию.
Читать дальше →
Total votes 52: ↑23 and ↓29 -6
Views 10K
Comments 20

Обзор мобильного приложения @to Music для платформы Android

Google Developers corporate blog Usability *
Спешим поделиться третьим по счету обзором из серии материалов, содержащих практические рекомендации по улучшению дизайна, архитектуры и эргономичности интерфейса приложений для Android. Обзоры подготовлены совместно с компанией UsabilityLab. Первые два обзора читайте тут и тут.

О приложении


Приложение @to Music обеспечивает доступ к профилям пользователя в Vk.com и Last.fm, а также музыке, хранящейся у пользователя на устройстве Android. Оно позволяет не только прослушивать композиции, но и добавлять их в плейлисты и избранное, искать новые по названию, альбому, исполнителю, а также сохранять музыку в кэш на своём устройстве.



Отзывы о приложении в целом положительные, и средняя оценка на Google Play достаточно высока – 4,4. Однако многие пользователи указывают на проблемы с быстродействием. Так, например, Александр Ситников пишет:
«Хорошее приложение, но пока стабильность работы немного настораживает. Но сам интерфейс очень приятен. Спасибо!»
Стоит отметить, что сама идея сопоставления двух профилей – Vk.com и Last.fm, с представлением по сути двух разных функционалов (пересекаются только некоторые разделы) без их интеграции кажется незавершённой. В процессе работы с приложением пользователь вынужден попеременно обращаться то к одному профилю, то к другому, если собранные в них композиции различаются. Было бы куда интереснее видеть все свои предпочтения, рекомендации в одном месте, а также иметь возможность видеть не только треки, но и их исполнителей, альбомы, жанры. В таком случае приложение представляло бы собой очень удобный интегратор всех музыкальных интересов пользователя.

Однако сегодня мы познакомимся с текущим функционалом приложения, обсудим проблемы при взаимодействии с ним и попробуем предложить пути их решения.
Читать дальше →
Total votes 17: ↑14 and ↓3 +11
Views 10K
Comments 1

Обзор мобильного приложения auto.ru для платформы Android

Google Developers corporate blog Usability *
Мы продолжаем серию обзоров интерфейсов приложений для Android, подготовленных совместно с компанией UsabilityLab. Предыдущий обзор из серии читайте тут.

О приложении


Приложение auto.ru позволяет просматривать со смартфона материалы одноименного портала. Так, с помощью приложения можно искать и просматривать объявления о продаже легковых машин и мотоциклов, а также добавлять отдельные объявления или поисковые запросы в «Избранное». Помимо этого, в приложении есть возможность читать статьи о тест-драйвах, отзывы об определённых моделях, новости автомобильного мира и оставлять свои комментарии.

Пользователи в целом положительно оценивают функционал приложения, но в то же время обращают внимание в своих комментариях на отсутствие некоторых возможностей. Например, Anton Kirillov, комментируя приложение на Google Play, отмечает наиболее востребованные из таких функций:
«Приложение очень хорошее и удобное, но: 1. Дайте возможность выбора цены авто вручную либо сократите диапазон, 2. Сделайте так, чтобы проданные авто удалялись из избранного автоматически, 3. Не видно кол-во хозяев по ПТС. Спасибо!».
Средняя оценка приложения пользователями – 4,0. По-видимому, она оказалась сниженной из-за ряда проблем, возникавших в предыдущих версиях – приложение обнаруживает не все объявления, выложенные на сайте, и постоянно «вылетает». Однако при тестировании текущей версии эти проблемы не проявили себя.

image
Читать дальше →
Total votes 22: ↑4 and ↓18 -14
Views 8.6K
Comments 0

HeadHunter на Android: наконец-то!

HeadHunter corporate blog Development for Android *
Недавно мы выпустили приложение для Android. Первая версия обладает базовым функционалом – сейчас в нем просто удобно искать работу, откликаясь на понравившиеся вакансии, но в следующих релизах возможности расширятся. Главное же, у HeadHunter наконец появилось приложение с востребованными функциями, которое мы теперь будем развивать. Оно доступно для установки в Google Play
В этой статье я хотел бы поделиться с вами нашей историей разработки приложения.

Чем занимались эти 8 месяцев
Total votes 53: ↑29 and ↓24 +5
Views 14K
Comments 13

Обзор мобильного приложения «Ostrovok» для платформы Android

Google Developers corporate blog Usability *
Мы подготовили очередной обзор приложения для Android, содержащий практические рекомендации по улучшению дизайна, архитектуры и эргономичности интерфейса. Сегодня мы поговорим о приложении «Ostrovok». Ранее мы уже рассмотрели приложения «@to Music», «auto.ru», «Pronto» и «ЖД Билеты». Обзоры подготовлены совместно с компанией UsabilityLab.

О приложении


Ostrovok – приложение для поиска и бронирования отелей. С его помощью можно подобрать и забронировать подходящий отель, введя данные банковской карты. Отличительные функции приложения: поиск отелей, находящихся рядом с пользователем, и бронирование отеля на ближайшую ночь в Москве, Санкт-Петербурге и Киеве со скидкой 60%.

Общий рейтинг приложения в Google Play по оценкам 231 пользователя достаточно высокий — 4,3. Большее количество пользователей оценили его функциональность в 5 звездочек.
Рассмотрим приложение с точки зрения юзабилити
Total votes 23: ↑18 and ↓5 +13
Views 14K
Comments 7

Мобильная разработка для СМИ. Азы, которые надо знать

True Engineering corporate blog Development of mobile applications *API *
В декабре 2013 года мы выступили на конференции Mobile Developer&Business Day с докладом «Особенности разработки мобильных приложений для СМИ». В презентации мы обобщили опыт EastBanc Technologies в разработке мобильных приложений для российских и американских СМИ, попытались коснуться всех важных вещей, которые когда-то стали для нас открытием. Мы хотим донести до читателей, как важно понимать, для чего вы делаете приложение: как поддержку бренда или расширение канала сбыта, т.к. по-нашему мнению для разработчика очень важно осознавать, за какую задачу он взялся и адекватно оценить ресурсо- и времязатраты.

В данной статье мы «беллетризировали» доклад. Надеемся, что-то полезное для себя найдут как начинающие разработчики, так и бывалые.

Читать дальше →
Total votes 10: ↑6 and ↓4 +2
Views 7.7K
Comments 0

Эволюция HeadHunter на iOS

HeadHunter corporate blog Development for iOS *Development of mobile applications *
image

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

С самого рождения в феврале 2012 года приложение переживало трудное детство.
Первую версию приложения разрабатывали внешние подрядчики. Однако, отношения с ними у нас не сложились, и какое-то время приложение жило своей самостоятельной жизнью. А в феврале 2013 года за него взялась наша команда мобильной разработки, которая к этому времени уже активно занималась разработкой приложения HeadHunter для Android.

Первая версия приложения имела:
  • около 16 тысяч пользователей (судя по загрузкам);
  • невероятное число падений;
  • неизвестное количество реальных пользователей и их проблем.

Как вы понимаете, пользоваться таким приложением могли очень лояльные к сервису hh.ru люди, поэтому было принято решение выходить на новый качественный уровень.
Читать дальше
Total votes 55: ↑38 and ↓17 +21
Views 9.3K
Comments 19

Дизайн мобильных приложений

RootUA Media corporate blog Development of mobile applications *
Tutorial
Много статей написано о дизайне, даже очень много, как о его UX (user experience), так и UI (user interface) составляющих. Эта статья не для новичков, так что углубляться в основы мы здесь не будем.

Мы рассматриваем дизайн и формулировки не с точки зрения внешнего вида, хотя есть проекты, в которых именно внешний вид составляет основную ценность продукта, а с точки зрения конверсии. В статье, на примере наших приложений Photo and Video Transfer app и Image Transfer, мы расскажем о работе над следующими задачами, при помощи дизайна:
  • Увеличение количества email подписчиков.
  • Увеличение количество пользователей разрешивших push notifications.
  • Увеличение прибыли при работе по freemium модели.
  • Увеличение показателя возвращаемости пользователей.
  • Уменьшение показателей отказов.

Ниже вы сможете найти исходные данные и практические рекомендации. Так же крайне рекомендуем прочитать предыдущую статью о продвижении мобильных приложений, её вы cможете найти тут. Итак начнём.
Читать дальше →
Total votes 57: ↑39 and ↓18 +21
Views 26K
Comments 31

Сформирована предварительная программа WebCamp: Mobile Day

RootUA Media corporate blog Development of mobile applications *

C 21 по 24 июля в рамках Odessa Innovation Week, организованной проектом GeeksLab и компанией RootUA Media, пройдет V ежегодная конференция веб-разработчиков WebCamp 2014 по следующим направлениям: разработка, управление проектами, дизайн, интернет-маркетинг и мобильные технологии.

Второй день конференции, 22 июля, будет посвящен вопросам разработки, дизайна и продвижения мобильных приложений (WebCamp: Mobile Day).С докладами выступят представители таких компаний, как: Яндекс, MobiDev, DevRain Solutions, DataArt, Artjoker, Capable Bits и других.

Направление будет состоять из двух потоков: “Разработка” и “Дизайн & Продвижение”. В потоке “Разработка” планируется рассмотрение технических докладов разработки приложений под такие платформы, как: iOS, Android, WP8 и другие. В потоке “Дизайн & Продвижение” речь пойдет о дизайне мобильных приложений, а также их продвижении в различных магазинах.
Читать дальше →
Total votes 5: ↑5 and ↓0 +5
Views 1.6K
Comments 0

Специальный докладчик WebCamp: Mobile Day — Андриан Буданцов, со-основатель компании Readdle

RootUA Media corporate blog Development of mobile applications *


C 21 по 24 июля в рамках Odessa Innovation Week уже в пятый раз пройдет ежегодная конференция веб-разработчиков WebCamp 2014. Основными темами WebCamp в этом году станут: разработка, управление проектами, дизайн, интернет-маркетинг и мобильные технологии.

Второй день конференции, 22 июля, будет посвящен актуальным вопросам разработки, дизайна и продвижения мобильных приложений (WebCamp: Mobile Day). С докладом на тему “Секретные способы идентификации пользователей iOS” выступит наш специальный гость Андриан Буданцов (со-основатель и тех-директор Readdle). У Андриана за плечами десятилетний опыт коммерческой разработки для мобильных платформ и работа с iOS с момента выпуска первого iPhone.
Читать дальше →
Total votes 15: ↑11 and ↓4 +7
Views 3.3K
Comments 0

Онлайн-трансляция WebCamp 2014

RootUA Media corporate blog Development of mobile applications *

C 21 по 24 июля в рамках Odessa Innovation Weekпройдет V ежегодная конференция веб-разработчиков WebCamp 2014 по следующим направлениям: разработка, управление проектами, дизайн, интернет-маркетинг и мобильные технологии.

Команда оргкомитета впервые организовывает тестовую онлайн-трансляцию конференции. Сегодня будет трансляция дня мобильных разработчиков. Ее можно будет смотреть по адресу: geekslab.co/WebCamp2014Stream.
Total votes 14: ↑12 and ↓2 +10
Views 2.1K
Comments 0

TicketEasy — два билета в первый ряд

DataArt corporate blog


Привет, меня зовут Андрей Яновский, я работаю дизайнером в DataArt. Хочу поговорить о новых гайдлайнах Google Material Design и об их применении в разработке приложения для покупки билетов в кинотеатр.

Все, конечно же, сейчас обсуждают часы от Apple и свежие айфоны, но я остановлюсь на недавно представленных Google обновленном дизайне для Android — Material Design. Сразу хочу сказать, что я — большой поклонник Apple, с 2008 года использую их технику как основной инструмент для работы, но Gmail, например, начал пользоваться еще в 2005. Поэтому постоянно слежу за Google, интересуюсь их разработками в области дизайна и UX, и до последнего Google I/O они меня особо не радовали. Ну, не испытывал я после 10 минут наедине с телефоном на Android того щенячьего восторга, который ощутил, когда в 2009 пересел с Windows Mobile на еле работающем HTC на iPhone 2G.

И вот в этом году я решил посмотреть Google I/O, у нас как раз его транслировали на работе, в офисе DataArt. После трансляции было стойкое желание попробовать в деле, но, к сожалению, текущие проекты и середина лета были не совсем со мной согласны. Поэтому я решил отложить эту идею и плюс найти проблему, достойную решения. Через месяц у меня появилось свободное место в рабочем расписании и, договорившись с главой дизайн департамента, я полностью погрузился в проблему.

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

Итак, дано: разработать приложение для Android, позволяющее купить электронный билет в любой кинотеатр на любой фильм.

Читать дальше →
Total votes 35: ↑27 and ↓8 +19
Views 12K
Comments 14

#DevNightMinsk

Lesta Studio corporate blog Development of mobile applications *Game development *


22 ноября 2014 состоится DevNightMinsk. DevNight – международная конференция для разработчиков мобильных игр и приложений. В прошлый раз мы встречались в Киеве. А теперь DevNight приезжает в Минск.

Что ждет слушателей на DevNightMinsk?  С 15:00 и до самой ночи мы будем обсуждать самые интересные случаи и опасные подводные камни мобильной разработки.
  • Докладчики от компании Wargaming | СООО Гейм Стрим расскажут истории о своих боевых побед на полях мобильных сражений за удобство и производительность.
  • Представители Heyworks приоткроют завесу тайны над созданием эффективных и красивый артов для мобильных приложений.
  • От руководителя студии Alis Games мы услышим поучительную историю о том, как создать своего героя в мире мобильных игр и не быть съеденным драконом бизнеса. 
  • Об особой важности оформления геймплея в самых маленьких мобильных играх расскажет геймдизайнер компании Happymagenta.

Вход свободный. Для участия в конференции необходима предварительная регистрация.
Читать дальше →
Total votes 14: ↑13 and ↓1 +12
Views 5.4K
Comments 0

#DevNightMinsk: мобильная разработка

Lesta Studio corporate blog Development for iOS *Development of mobile applications *Game development *Development for Android *
Tutorial
22 ноября в минском офисе компании Wargaming | СООО «Гейм Стрим» состоялся первый белорусский #DevNightMinsk. До самой поздней ночи разработчики и геймдизайнеры обсуждали различные аспекты разработки игр. Собственным опытом делились представители компаний Wargaming, Heyworks, Alis Games и Happymagenta.

DevNightMinsk 2014 in Wargaming Conferece hall
Читать дальше →
Total votes 7: ↑7 and ↓0 +7
Views 7.3K
Comments 2

FlyElephant приглашает на VI конференцию специалистов в области веб и мобильных технологий WebCamp 2015

FlyElephant corporate blog Website development *Development of mobile applications *


Привет, Хабр!
Мы активно готовимся к запуску публичной бета-версии FlyElephant. Одной из наших стратегий привлечения целевой аудиторий является активное участие в разных мероприятиях. Мы уже выступали на нескольких ивентах, а также готовимся к проведению вебинара «Знакомство с FlyElephant».

Со 2 по 10 июля мы будем принимать активное участие в Odessa Innovation Week, а также выступать на VI конференции специалистов в области веб и мобильных технологий WebCamp 2015. В этом году конференция включает в себя: Back-end Developers Day, Front-end Developers Day, Designers Day, Project Management Day, Mobile Day.
Читать дальше →
Total votes 12: ↑11 and ↓1 +10
Views 4.3K
Comments 0
1