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

Ниже я проанализирую три типичных приложения для фото на документы: «Smart ID Photo», «Most Beautiful ID Photo» и «ID Photo», используя три измерения. Приложения для фото на документы в основном используют телефон под рукой, чтобы делать и создавать фотографии на документы, решая такие проблемы, как неспособность пользователя контролировать фото на документы в традиционных фотостудиях и хлопоты, связанные с необходимостью выходить из дома и искать фотостудию. Это приложение инструментального типа, поэтому существует высокий спрос на реальное и эффективное решение проблем пользователей. Поэтому мы глубоко разбираем эти приложения, рассматривая их с трёх измерений: кости, плоть и кожа.

I. Костная структура

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

Итак, давайте посмотрим, каковы на самом деле их костные структуры.

Логический каркас «Smart ID Photo» в целом выглядит единообразным и симметричным. Чем стабильнее структура приложения, тем естественнее расширять функции и надстраивать его кирпичиками. От самой первой страницы съёмки до окончательного завершения создания фото на документы весь процесс почти не содержит лишних операций, благодаря чему действия пользователя проходят гладко и без усилий, словно выпить воды залпом.

Общая структура «Most Beautiful ID Photo» тоже выглядит довольно гладкой и плавной, но при ближайшем рассмотрении в ней обнаруживается множество типичных недостатков дизайна приложений: незавершённость и запутанные узлы. Сначала посмотрите на начальную страницу: «Создание» и «Заказы». Чаще всего используется функция съёмки/создания, а опция «Заказы» внизу почти не используется. Когда пользователи нажимают на неё, они понимают, что она никуда не ведёт, и сразу возвращаются. Этот огромный контраст в частоте использования делает ветку «Заказы» такой же бесполезной, как отсутствующая нога. Она не только создаёт избыточность и структурный дисбаланс, но и обнажает слабость функций, надстроенных над структурой. Поэтому эту часть следует удалить! В самом начале должен быть прямой переход на страницу съёмки. Далее обратите внимание на заметные функции альбома и экспорта в верхней части приложения. После внимательного анализа видно, что в «Most Beautiful ID Photo» нет функции загрузки и улучшения локальных фотографий. Его встроенный альбом основан на фотографиях, сохранённых внутри после того, как пользователи сделали снимки, что создаёт логическую путаницу. Пользователи-перфекционисты решат, что эта функция — ошибка.

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

Загрузка из локального альбома должна быть очень простой вещью, так почему же «Most Beautiful ID Photo» не добавляет напрямую структуру загрузки локальных фотографий? Мы оставим это для раздела о плоти ниже и проанализируем это вместе с «Smart ID Photo».

В целом мы сразу видим, что «ID Photo» имеет сложную и громоздкую структуру. Кажется, что она наполнена множеством контента, но реальный опыт показывает, что многие функции слабы, греша пороком напыщенности и пустоты. Старик Джобс однажды сказал: «Простое может быть сложнее сложного». Что касается сложности, нам всё ещё нужно многое удалить. Далее давайте посмотрим на пунктирные стрелки в разделе ручной обрезки. Когда пользователи возвращаются после некачественного отбеливания, замены фона или смены одежды, их всегда перебрасывает в модуль ручной обрезки, вместо того чтобы обеспечить упорядоченный возврат на один шаг назад. Это показывает, что в его программе злоупотребляют оператором перехода goto (Примечание: если оператор goto используется плохо, легко оказаться в положении Цзю Мо Чжи, который не сумел освоить навык и получил обратное течение по меридианам). Это признак недостаточной технической квалификации, а также источник философии дизайна, которая в конечном итоге под давлением направляет пользователей в бэкенд-режим ручного PS. Давайте посмотрим дальше на противоречие между проектированием структуры приложения и фактической подачей функций: в самом начале оно идёт по пути выбора типа фото на документы, и разные фото на документы имеют разные стандартные требования. Однако позже при смене фона оно свободно предоставляет различные цвета фона. Если у пользователей нет соответствующего представления, результатом будет то, что фото на документы не соответствует требованиям. Это случай забывания первоначального замысла в последующем дизайне плоти, роста костей против первоначального направления и внедрения патогенных генов.

В древности слепые гадали, ощупывая кости; сегодня учёные владеют методиками реконструкции черепа. На основе приведённого выше анализа костной структуры, чисто по диаграммам логической структуры, похожи ли они на структуры, приведённые ниже?

II. Плоть

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

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

У чьей курицы плотная текстура мяса, она хрустящая снаружи и нежная внутри, полна жевательности и богата ATP? У каждого своё мнение, и я не буду здесь делать слишком много суждений. К счастью, приложения-утилиты — это техническая работа; нужно иметь алмазное сверло, чтобы осмелиться выложить это на стол. Поэтому я буду отталкиваться от внешне видимой структуры и искать подсказки. Мы в основном анализируем дизайн приложения исходя из ключевой функции замены фона. Ниже приведены результаты после автоматической замены фона без тонкой настройки:

"Умное фото на документы" "Самое красивое фото на документы" "Фото на документы"

С точки зрения мышечной массы, у «Smart ID Photo» есть две основные функции: интеллектуальная замена фона в одно касание и ручная точная настройка; у «Most Beautiful ID Photo» есть функция замены фона, но нет возможности ручной точной настройки; у «ID Photo» есть функции автоматического вырезания и ручной точной настройки. С точки зрения эффекта работы мышц, «Smart ID Photo» лучше прорабатывает детали после замены фона, и изображение относительно гладкое, улучшения требуются лишь в отдельных локальных тонких областях; «Most Beautiful ID Photo» всё ещё нуждается в улучшении замены фона. Кроме того, поскольку ручная точная настройка невозможна, если в замене фона остаются дефекты, она не будет соответствовать требованиям стандартных ID-фотографий, и пользовательский опыт будет значительно снижен; у «ID Photo» приемлемая замена фона, но обработка изображения не гладкая. С точки зрения эффективности работы мышц, хотя у «Smart ID Photo» более сильная технология замены фона, замена фона занимает больше времени, кисть для точной настройки меньше, а изображение нельзя увеличить, что делает пользовательский опыт несколько трудоёмким. Этот дизайн фактически ограничивает проявление его технологии. Если такие небольшие функциональные дизайны на уровне плоти не тесно скоординированы с его структурным дизайном на костном уровне, легко вызвать плохую работу и образование тромбов. «Most Beautiful ID Photo» заменяет фон немного дольше; «ID Photo» быстрее заменяет фон и вырезает, но использует точечную точную настройку, а не кистеобразное размазывание. Это будет очень трудоёмким при последующей тонкой детальной настройке и повлияет на качество изображения. С точки зрения координации мышц, «Smart ID Photo» добавляет оценку среды съёмки перед функцией замены фона. Это эффективно блокирует и отфильтровывает некоторые низкокачественные фотографии, делая окончательную обработку фотографий более эффективной. Дизайн APP — это не простое нагромождение функций; все они служат решению основной проблемы. Именно поэтому координация между окружающими мышечными группами и основными мышечными группами не только создаёт мощную взрывную силу, но и отражает более тонкую гуманистическую заботу.

Что касается вопроса, оставленного в начале: почему в «Самое красивое фото на документы» отсутствует функция загрузки изображения? Мы видим следующие проблемы:

Когда пользователи загружают изображения для обработки и создания фото на документы, изображения извне системы разнородны и неконтролируемы, в отличие от стандартизированных изображений, генерируемых внутри системы. На этапе замены фона система может автоматически распознавать и заменять фон изображения. Очевидно, это предъявляет очень высокие требования к технологиям. Так как же они решают эту проблему при проектировании? «Smart ID Photo» фильтрует загруженные изображения по стандартам, а не соответствующие стандартам отбраковываются; «Most Beautiful ID Photo» более радикален: почитает царя и изгоняет варваров, бойкотирует все иностранные товары; «ID Photo» довольно умно: полностью раскрывает объятия и предоставляет подвижную рамку для ручной обрезки. Но каждое решение порождает новые проблемы. Полуоткрытая политика «Smart ID Photo» не справилась с некоторыми рыбами, проскользнувшими сквозь сеть. После загрузки некоторых изображений возникают зазоры относительно рамки изображения, из-за чего пользователи-перфекционисты считают это системной ошибкой, и это подрывает репутацию «Smart ID Photo». Полностью закрытый дизайн «Most Beautiful ID Photo», однако, с самого начала добавляет функцию альбома в приложении, вызывая структурно-логические противоречия и искривление костяка. Ручная обрезка в «ID Photo» хороша, но ручное управление не имеет соответствующих стандартов, что приводит к последующим проблемам с обрезкой по размеру фото и чёткостью изображения. Если эту часть оптимизировать и объединить с тонкой настройкой скольжением, эффект будет лучше. Хотя они применяют разные решения для загрузки изображений, некоторые могут подумать, что пользователи обычно сами фотографируются для создания фото на документы, поэтому функция загрузки изображений не очень полезна и представляет собой «куриную косточку». Но когда мы проектируем плоть, задумывались ли мы о том, кто наши пользователи? Неужели аналитики отзывов вроде нас, которые не решаются публиковать собственные фото, — вегетарианцы? Если вы не накормите нас хорошим мясом, я сделаю так, что вам будет неприятно.

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

III. Кожа

Хотя выше мы провели анализ внутренней системы, это общество, которое ценит лица и отцов. Без кожи невозможно выжить в мире APP. По данным APPfigures, к 2014 году общее число iOS-приложений в App Store достигло 1.21 миллиона. Чтобы APP выжило в мире, ему нужно слишком много внешних качеств: UI-дизайн, UX-дизайн, название, теги, сарафанное радио в социальных кругах и так далее. Ниже мы проанализируем с точки зрения UI- и UX-дизайна.

"Умное фото на документы" "Самое красивое фото на документы" "Фото на документы"

С точки зрения UI, главная страница «Smart ID Photo» чистая и аккуратная; страница съёмки «Most Beautiful ID Photo» тоже довольно чистая, но при внимательном рассмотрении и нижняя панель меню, и область съёмки чёрные, а переход между функциональными зонами неочевиден. В гештальтпсихологии есть принцип: когда объекты расположены слишком близко, мы склонны считать, что они связаны. Такой дизайн легко вызывает визуальную путаницу; главная страница «ID Photo» серовато-голубая, создавая мрачное ощущение. В то же время беспорядочные текст и изображения значительно снижают эстетичность. С точки зрения UX, «Smart ID Photo» даёт динамические подсказки по съёмке. Это не только не влияет на общий макет страницы, но и даёт людям интуитивное, тёплое чувство близости; «Most Beautiful ID Photo» помещает подсказки по съёмке в нижнюю панель меню, увеличивая затраты пользователя на взаимодействие; в «ID Photo» после нажатия на подсказку по съёмке в правом верхнем углу содержимое — всего одна строка: «2-inch в основном используется для паспортов». Подсказка слишком груба и почти бесполезна.

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

Кажется, дизайн «Smart ID Photo» довольно неплох, но не спешите радоваться — мы часто не ошибаемся днём, но облажаемся в пасмурные дни.

Сейчас основной формат экрана телефона — 16:9, то есть 1.78; соотношение для фотографии на удостоверение размером 2 дюйма — 1.34. К чему близки эти числа? К великому золотому сечению! Но по странице замены фона видно, что верхняя синяя область и нижняя белая область меню явно непропорциональны, измеренное соотношение — 2.52. Лучший подход — сделать нижнюю панель меню в UI-дизайне плавающей или разрешить отображение изображения в увеличенном виде, чтобы создать сильное визуальное впечатление. Снова обратимся к UX: «Smart ID Photo» использует алгоритмы распознавания лиц для автоматической замены фона фотографий, что, конечно, требует времени на обработку. Однако, согласно исследованию Compuware, 5 секунд — максимальное время ожидания, которое пользователи могут вытерпеть при загрузке веб-страницы, а 50% пользователей откажутся от нее, если это время превышено. Это также может служить ориентиром для скорости обработки в приложении.

Если приложение может заставить пользователей почувствовать, будто они влюблены, то этот момент можно игнорировать. Но больнее всего то, что «Smart ID Photo» показывает в своём UX такую строку текста: «Это займет некоторое время». Это как будто я молча жду автобус у обочины, а кто-то рядом вдруг напоминает мне: «Автобус идёт очень медленно». В этот момент я пробуждаюсь и острее осознаю медлительность, поэтому отвечаю: «Да, он действительно едет очень медленно».

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

Всё вышесказанное основано на тестировании версии для iOS. Судя по внешнему виду костей, плоти и кожи, у каждого приложения есть своя жизнь и душа. Над этим организмом мы не можем в одностороннем порядке создать жизнь; нужно больше размышлений, чтобы достичь баланса жизни.

Источник: http://www.woshipm.com/pd/178927.html