Как стать автором
Обновить
  • по релевантности
  • по времени
  • по рейтингу

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

Интерфейсы
Перевод


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

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

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

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

Разработка веб-сайтовРазработка мобильных приложений
Думаю любому современному дизайнеру или верстальщику рано или поздно в голову приходила мысль «А почему бы на этом проекте не использовать принципы отзывчивого веб-дизайна?». Пожалуй, сложно найти человека, который не слышал о responsive design в наше время, когда сёрфить веб могут с телефона, микроволновки и тапочек. Приступая к работе над подобным проектом, неплохо было бы иметь под рукой примеры возможного поведения лейаута и его отдельных элементов.
Ну же, где паттерны то?!
Всего голосов 51: ↑49 и ↓2+47
Просмотры28K
Комментарии 10

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

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

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

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

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

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


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

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

Читать дальше →
Всего голосов 26: ↑13 и ↓130
Просмотры6.1K
Комментарии 8

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

Разработка мобильных приложений
Перевод
Tutorial

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

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

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

О приложении


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

image

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

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

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

О приложении


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

image

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

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

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

О приложении


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



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

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

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

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

О приложении


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

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

image
Читать дальше →
Всего голосов 22: ↑4 и ↓18-14
Просмотры8.1K
Комментарии 0

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

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

Чем занимались эти 8 месяцев
Всего голосов 53: ↑29 и ↓24+5
Просмотры13K
Комментарии 13

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

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

О приложении


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

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

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

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

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

Читать дальше →
Всего голосов 10: ↑6 и ↓4+2
Просмотры7.4K
Комментарии 0

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

Блог компании HeadHunterРазработка под iOSРазработка мобильных приложений
image

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

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

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

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

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

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

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

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

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

Блог компании RootUA MediaРазработка мобильных приложений

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 и другие. В потоке “Дизайн & Продвижение” речь пойдет о дизайне мобильных приложений, а также их продвижении в различных магазинах.
Читать дальше →
Всего голосов 5: ↑5 и ↓0+5
Просмотры1.6K
Комментарии 0

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

Блог компании RootUA MediaРазработка мобильных приложений


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

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

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

Блог компании RootUA MediaРазработка мобильных приложений

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

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

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

Блог компании DataArt


Привет, меня зовут Андрей Яновский, я работаю дизайнером в 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, позволяющее купить электронный билет в любой кинотеатр на любой фильм.

Читать дальше →
Всего голосов 35: ↑27 и ↓8+19
Просмотры12K
Комментарии 14

#DevNightMinsk

Блог компании WargamingРазработка мобильных приложенийРазработка игр


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

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

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

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

Блог компании WargamingРазработка под iOSРазработка мобильных приложенийРазработка игрРазработка под Android
Tutorial
22 ноября в минском офисе компании Wargaming | СООО «Гейм Стрим» состоялся первый белорусский #DevNightMinsk. До самой поздней ночи разработчики и геймдизайнеры обсуждали различные аспекты разработки игр. Собственным опытом делились представители компаний Wargaming, Heyworks, Alis Games и Happymagenta.

DevNightMinsk 2014 in Wargaming Conferece hall
Читать дальше →
Всего голосов 7: ↑7 и ↓0+7
Просмотры7.2K
Комментарии 2

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

Блог компании FlyElephantРазработка веб-сайтовРазработка мобильных приложений


Привет, Хабр!
Мы активно готовимся к запуску публичной бета-версии 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.
Читать дальше →
Всего голосов 12: ↑11 и ↓1+10
Просмотры4.3K
Комментарии 0
1