Чему автомобили могут научить нас в дизайне пользовательского интерфейса мобильного приложения?

Опубликовано: 2015-10-19

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

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

DeLorean: водители любят смелый дизайн, но предпочитают производительность

1)delorean_mobile_app_UI_design

DeLorean DMC-12, известный практически всем как просто «DeLorean», имеет один из самых культовых, мгновенно узнаваемых дизайнов в истории автомобилей. Даже если вы никогда не открывали выпуск Motor Trend , не смотрели выпуск Top Gear или не задумывались об автомобильном дизайне, вы, вероятно, сразу же можете представить матовую сталь, острые углы и двери типа «крыло чайки» этого апофеоза эстетики 1980-х годов. .

В конце концов, есть причина, по которой Док Браун использовал эту машину, чтобы построить свою машину времени в «Назад в будущее» . Если вы путешествуете десятилетиями на мощности 1,21 гигаватт, вы должны делать это стильно.

Но при всей любви и ностальгии, которые DeLorean получал за эти годы, нельзя игнорировать тот факт, что до закрытия DeLorean Motor Company было выпущено всего 9000 автомобилей. Недолговечный автомобиль пережил франчайзинговый фильм, в котором он был показан, и производился всего два года. Почему?

Спорткар, который едва заработал приз зрительских симпатий

Ликвидация DeLorean Motor Company в 1983 году стала результатом стечения нескольких факторов, не последним из которых был спад на автомобильном рынке США. Однако маловероятно, что DeLorean просуществовал бы намного дольше в более благоприятных экономических условиях, основываясь исключительно на своих достоинствах как автомобиля. В то время как дизайн автомобиля говорил: «Управляй мной — я футуристический и быстрый», производительность говорила о другом.

Прежде чем Джон ДеЛориан сел за создание прототипа своего культового автомобиля, он изначально мечтал о 200 лошадиных силах. Хотя, конечно, меньше 1,21 гигаватт, необходимых для путешествия во времени, это было значительное количество мускулов, и немного ближе к тому, что вы ожидаете от автомобиля, который выглядит, ну, как . К тому времени, когда автомобиль был изготовлен и импортирован в Соединенные Штаты, с его недавно принятыми законами о выбросах и обязательными каталитическими нейтрализаторами, 200 лошадиных сил стали примерно 136 лошадиными силами, что сопоставимо с сегодняшними наименее привлекательными 4-цилиндровыми компактными автомобилями. Это было не только недостаточно мощно по сегодняшним меркам, но и тогда это было довольно плохо.

И это было для спортивного автомобиля , а не для какого-то практичного седана или едва пригодной для использования драндулета, зарезервированного для того, чтобы добраться из точки А в точку Б. Никто не покупал DeLorean, ожидая спокойного вождения.

Как не надо проектировать DeLorean

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

Тем не менее, DeLorean — важный Эзоп для любого, кто проектирует что-то, что в конечном итоге может сделать кто-то другой. У Джона Делориана в голове был прекрасный образ, который не могли воплотить в жизнь настоящие производители автомобилей. Помните, что компания DeLorean Motor Company базировалась в Ирландии, и большая часть потерь в производительности произошла, когда автомобиль уехал за границу в Соединенные Штаты и получил каталитический нейтрализатор, что привело к дальнейшей потере мощности.

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

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

Пользовательский интерфейс вашего приложения должен быть больше Tesla, чем Prius

Но ради всего святого, не делайте из него Хаммер.

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

Но иногда эта крутость может быть достигнута за счет эффективности. А именно, кто из нас отказался бы от дорожных испытаний Dodge Challenger SRT Hellcat? С 707 лошадиными силами и способностью разгоняться от 0 до 60 миль в час за три секунды, вероятно, невозможно получить больше удовольствия от движения по прямой, и это даже не касается того, насколько хорошо выглядит его шасси маслкара. Hellcat — это, по сути, то, что вы получите, если взять привлекательную внешность и бескомпромиссную мужественность молодого Клинта Иствуда, добавить скорость и свирепость Стива МакКуина, превратить получившуюся химеру в машину, а затем накачать машину стероидами .

Рекомендуется для вас:

Что означает положение о борьбе со спекуляцией для индийских стартапов?

Что означает положение о борьбе со спекуляцией для индийских стартапов?

Как стартапы Edtech помогают повышать квалификацию и готовят рабочую силу к будущему

Как стартапы Edtech помогают повысить квалификацию рабочей силы Индии и стать готовыми к будущему ...

Технологические акции нового века на этой неделе: проблемы Zomato продолжаются, EaseMyTrip публикует...

Индийские стартапы срезают путь в погоне за финансированием

Индийские стартапы срезают путь в погоне за финансированием

Сообщается, что стартап цифрового маркетинга Logicserve Digital привлек 80 крор индийских рупий в качестве финансирования от альтернативной фирмы по управлению активами Florintree Advisors.

Цифровая маркетинговая платформа Logicserve Bags Финансирование 80 CR INR, ребрендинг как LS Dig...

Отчет предупреждает о возобновлении нормативного контроля над Lendingtech Space

Отчет предупреждает о возобновлении нормативного контроля над Lendingtech Space

Короче говоря, это довольно болезненная поездка.

Dodge_Challenger_HellCat_mobile_app_UI_design

Но с большой мощностью приходят большие, ну и затраты на топливо. И, в этом случае, возможно, некоторый ущерб окружающей среде. В то время как Hellcat расходует 22 мили на галлоне по шоссе — не достойно Гринписа с любой натяжкой, но, возможно, лучше, чем ожидалось — в городе он расходует всего 13 миль на галлон. И давайте смотреть правде в глаза, если вы ведете одного из этих плохих парней, вы, вероятно, не планируете быть слишком осторожными в своих действиях.

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

Не делайте интерфейс мобильного приложения Hellcat. Но это также не означает, что вы должны сделать его Prius.

Чему Tesla Model S может научить нас в дизайне пользовательского интерфейса мобильного приложения

В автомобильном мире королевская битва между крутыми автомобилями и эффективными автомобилями выглядела как печальная борьба, противопоставляющая технологически аккуратные, но (скажем прямо) эстетически «нехорошие» Prius и другие медленные гибриды спортивным автомобилям и внедорожникам, которые по-прежнему отдавали предпочтение скорость, мощность и производительность выше экологической и финансовой устойчивости.

Так было до тех пор, пока один дальновидный предприниматель не заявил: «Почему у нас нет и того, и другого?»

Tesla_Model_S_mobile_app_UI_design

Tesla Motors во многом является Apple (примерно середина 2000-х, эпоха Стива Джобса) в автомобильной промышленности. Он делает вещи, которые люди раньше не считали возможными, устанавливает новые стандарты для отрасли и при этом выглядит очень круто. Просто взгляните на Model S — она не только разгоняется до сотни менее чем за три секунды, но делает это с помощью электродвигателя, благодаря которому ваш Prius выглядит как F350, когда речь идет об экономии топлива. Кроме того, он имеет пятизвездочный рейтинг безопасности во всех категориях .

Но важнее всех этих вещей, пожалуй, то, что это просто шикарная машина. Хотя у Model S нет кричащего стиля кузова, как, скажем, у Nissan GT-R или Corvette Z06, трудно смотреть, как Tesla проезжает по шоссе, и не вытягивать шею. Независимо от того, любите ли вы спортивные автомобили, роскошные автомобили или и то, и другое (а Model S — и то, и другое), вы не можете отрицать, что гладкий аэродинамический дизайн флагманского автомобиля Tesla с тонкими деталями, такими как дверные ручки с нулевым профилем, — это великолепная вещь. техники.

Model S прекрасна во многом так же, как продукты Apple считаются такими красивыми: ее дизайн прост, обтекаем, роскошен. Точно так же должен ощущаться хорошо выполненный дизайн пользовательского интерфейса мобильного приложения.

Таким образом, в то время как DeLorean DMC-12 показывает подводные камни отказа от производительности и функциональности и чрезмерной зависимости от формы, Model S демонстрирует все возможности, которые возникают, когда вы тратите время на то, чтобы сделать и форму, и функциональность важными. Тот факт, что вы не хотите, чтобы ваше приложение занимало слишком много памяти или потребляло слишком много энергии на устройстве пользователя, не означает, что вы должны сделать его Prius. Не идите на компромисс — превзойдите статус-кво.

Людям нравятся индивидуальные варианты отделки

Кажется, в наши дни для всего есть комплектация. Хотите ли вы пикап Harley Davidson F-Series, полицейский пакет Dodge Charger (с баллистическими дверными панелями!) или, э-э, Chevy Silverado «Kirkland Signature» от Costco (не беспокойтесь, вам большой), есть автомобиль с индивидуальными функциями, которые вам нужны.

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

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

Кастомизация важна не только в дизайне автомобиля, но и в дизайне пользовательского интерфейса мобильного приложения. Создание таких вещей, как пользовательские цветовые схемы и увеличение пользовательского интерфейса вашего приложения, сделает ваше приложение более удобным и доступным для более широкой аудитории, а вашим пользователям будет предоставлен выбор. Но дело не только в юзабилити — если ваше приложение монетизировано, вы можете предложить пользователям премиум-функции «обрезки», если им достаточно понравится приложение, чтобы обновить его. Это может включать доступ к большему количеству файлов (песни, электронные книги, игровые уровни и т. д.) или возможность использовать приложение без рекламы.

Bmw_I8_mobile_app_UI_design

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

Какой тип автомобиля у вашего мобильного приложения?

car_blueprint_mobile_app_UI_design

Делаете ли вы практические приложения для повышения производительности (может быть, вы Volvo), захватывающие мобильные игры (если вы недорогие, Ford Focus ST, но если дороже, то Porsche 918) или где-то посередине, скорее всего, вы могли бы узнать больше, чем Вы могли бы ожидать о дизайне пользовательского интерфейса мобильного приложения, просто посетив несколько дилерских центров. Приезжайте в конце месяца, и вы можете найти кучу вдохновения для своего следующего приложения, а также много нового для поездки.

Первоначально опубликовано в блоге Proto 14 октября.