Как да подобрим продукта, когато изглежда по-лесно да се направи нов вместо него

Работя на непълно работно време като дизайнер за медицински стартъп. Вече отне 150 часа, което се равнява на 1-2 месеца работа на пълен работен ден. Продължава така от 1 година. През този период продължихме бавно, но стабилно. Въпреки че стартирахме само малка част от проектирането, някои показатели значително се подобриха:

  • Времето на място се увеличи от 2 минути на 20 минути, т.е. д. 10 пъти.
  • Дълбочината на страницата се увеличи два пъти

Ясно е, че по-дългото време в даден сайт не винаги е добър показател, напр. в случай на търсачки. Тъй като нашата услуга предлага програми от различни медицински застрахователни компании, хората се нуждаят от време, за да сравнят качеството си, преди да купят медицинска услуга за една година. С други думи, това е класически онлайн пазар за застрахователни програми, но с по-дълъг цикъл на купуване.

Ето историята как постигнахме този резултат.

Преглед на проблемите

Потребителите, идващи от търсачките, искаха да закупят програмата, но не разбраха предимствата или не се довериха на услугата и избраха да купуват директно от застрахователни компании или изобщо да не купуват.

Ето някои причини, които са открити от мен и изпълнителния директор:

  1. Проблеми със съдържанието и дизайна
  • Беше трудно да се разберат предимствата на застрахователните програми и най-вече купуването от MEDO.
  • Беше трудно да се избират и сравняват програми.
  • Програмата включваше много различни характеристики, но беше проектирана като обикновен текст без никакви стилове или визуални елементи.
  • Цветовете бяха ярки, но акцентите бяха поставени по грешен начин.
  • Потокът от покупки не беше ясен.

2. Проблеми с програмирането

  • Филтрите и препоръчаните програми не работеха правилно.
  • Скоростта на натоварване беше ниска.
  • Сайтът не е оптимизиран за изглед на мобилни устройства.
Ето как изглеждаше този проект, когато се присъединих към него

Какво е направено

Това е непълно работно време, което отне 150 часа досега. Какво направих през това време:

  • Разработка на клиенти (интервю, анализ на записи на сесии, анализ на конкурента)
  • Създаване на система за проектиране, прототипиране и редизайн.
  • Намиране на разработчици, които да решават за технологичния стек, след което да работят със стека, включително преглед на кода и тестване.
  • Намиране на SEO специалист / анализатор и настройване на анализи с него.
  • Ефективна и евтина визуализация на сложни цени за B2B.
  • Създаване на целева страница.
  • Писане и редактиране на текстовете в проекта.
  • Проектиране на адаптивни и мобилни версии.
Окончателна версия на дизайна

Работен процес

Време и материал вместо фиксирана цена

Прецених задачите и ги съгласувах с изпълнителния директор. Ако дадена задача отне твърде много време, аз предложих по-просто и по-евтино решение или обясних защо тази задача трябва да се извърши по този начин и защо тя е от съществено значение за целия проект. След това в следващата колона поставям реални часове, прекарани в задачата, понякога може да отнеме малко повече време, друг път по-малко. Това ни даде гъвкавост и ускорено изпълнение.

Също така се съгласихме да добавим допълнителни 15% за дискусии и обаждания.

През цялата година нямахме аргументи, недоразумения или съмнения за честност поради изключително ясен процес.

Първи справочен спринт в Google Spreadsheet

Намиране на разработчици

Услугата ни беше направена на платформа CMS за интернет маркетинг. Имаше две основни възможности:

  1. Останете на същата CMS CS Card и модифицирайте двигателя.
  2. Изберете по-новата и модерна CMS Laravel и направете всичко отначало.

Изпратих дизайна на различни уеб студия за оценка, а също и на някои разработчици за независим съвет. Получих обратна връзка и избрахме първия вариант.

Как потърсих подходящите разработчици:

  • Проверих истинските им продукти.
  • Опитах се да намеря истински отзиви, но не успях.
  • Започнахме да работим с малка задача, за да видим производителността, сроковете, дискусионния процес на разработчиците.

Най-накрая намерихме добър екип, но преди това два пъти се провалихме.

Предизвикателство №1: работа с разработчици на свободна практика

Първият екип (разработчик + ръководител на проекти) не завърши задачата в рамките на платените часове. Тогава те започнаха да изневеряват, използвайки доста обикновен трик, като ни разказаха за въображаеми ограничения за намаляване на броя на задачите. Те също пропуснаха всички срокове. След независим преглед на кода, убедих изпълнителния директор да спре да работи с тях възможно най-скоро, за да спести време и пари.

Предизвикателство №2: справяне с най-добрите разработчици на Upwork

Надявах се, че нов разработчик от Upwork с огромен опит и отлични отзиви може да получи по-добри резултати. И изглеждаше по-добре в началото. Но когато той започна да пропуска сроковете, които тактично общувахме с него, обяснявайки защо това е важно за нас, той на пръв поглед се съгласи и след това отново пропусна сроковете. Изпълнението му беше изключително ниско и ние спряхме да работим с него след първия спринт.

Предизвикателство №3: рязък спад в реализацията

След едно от изданията конверсията рязко намаля. Изпълнителният директор искаше да опита и да промени цвета на бутоните, но не намерих добра стратегия, тъй като вероятността да намерим правилния цвят за дори леко увеличение на конверсията беше ниска и бихме губили време вместо да намерим истинската причина , Анализирахме записа на сесията и открихме грешката: това беше формата за поръчка, която не работи правилно в няколко уеб браузъри.

Задайте подвижността на топката: намиране на добри разработчици и изпращане на дизайнерските задачи

Накрая успяхме да намерим добър екип от разработчици. Всъщност те бяха тези, които можеха да обяснят по-ясно своите решения и да предложат различни варианти. Започнах да подготвя дизайна за тях. Отначало използвах Sketch + Zeplin, но след това преместих всички проекти на Figma и стана по-удобно за използване и по-малко време, например при създаване на стилове на компоненти и цвят и текст. За да запазя версиите, създадох нови страници за всеки нов спринт в рамките на един и същ проект. Що се отнася до задачите, списъка с грешки и спецификациите, използвахме Notion.

Писане и редактиране на текст

Опитах се да направя текста по-кратък и по-ясен. Аз и изпълнителният директор също анализирахме основните въпроси от потребителите и написахме отговори на тях в FAQ и съвети.

Анализ и SEO

Някой беше нужен, за да направи оптимизация в проекта и ми беше препоръчан добър специалист. Той се съгласи да ни помогне и заедно коригирахме целите в аналитиката и след това започнахме да работим по SEO, което ми помогна да науча много нови неща за това.

Не се прави дизайн заради дизайна

Въпреки че съм дизайнер, предпочитам да не използвам визуален дизайн, когато едно по-просто и по-евтино решение може ефективно да реши проблема.

Компанията се нуждаеше от начин за комуникация с B2B.
Предложих 2 варианта:

  1. Създаване на допълнителен потребителски поток за тях със списък на програми и контактна форма. Това беше дълга и скъпа задача.
  2. Създаване на електронна таблица на Google с калкулатора на опции и изпращане на B2B.

Избрахме последното и потребителите успяха да изчислят тарифата сами, без да отделяме часове за програмиране и проектиране на уеб калкулатор. Клиентите много харесаха нашата електронна таблица, въпреки че на пръв поглед изглеждаше сложно.

Проба от електронната таблица с калкулатора на опции за B2B клиенти

Ако искате да качите собствена снимка в Google Spreadsheet, не препоръчвам да използвате Google Drive или да ги добавяте директно, тъй като в някои браузъри картината изобщо не се показва. Качих снимки в социалната мрежа и добавих линк към клетката. Това работеше както трябва.

Процес на проектиране

Развитие на клиента

Хубавото беше, че компанията общува с клиентите доста често. Но всички техни коментари бяха от потребителите, които вече са закупили програмата - класически пристрастия към Survivorship.
Записите от сесията ни помогнаха да намалим неразбирането за потребителите, които решиха да не купуват.

Предизвикателство №4: типични икони или съвременни GIF?

Повечето от посетителите бяха между 20 и 30 г. така че имах идеята да използвам gifs от GIPHY вместо стандартни икони: беше по-лесно от създаването на илюстрации и изглеждаше по-емоционално и привлекателно за аудиторията на проекта. Но в уеб аналитиката липсваше едно нещо: информация за реални клиенти. Когато попитах изпълнителния директор за тях, бях изненадан, когато чух, че възрастта им е на 40 години, над 10 години по-стара от повечето посетители. Посетителите предпочетоха да използват услугата само от любопитство, те все още нямаха хронични заболявания и нямаше реална нужда да купуват.

Клиентите и посетителите може да са от напълно различни сегменти на аудитория. Зависи от вида на проекта.
1) изглед с gifs 2) изглед с пиктограми

Тествахме нашите две версии и разбрахме, че потребителите нито са разбрали, нито са се доверили на gif-тата на целевата страница. След това избрахме стандартни пиктограми.

Предизвикателство №5: «Имахме 500 клиники, 150 застрахователни програми, 3–5 комплекта опции ...»

Услугата включва 500 клиники, 150 застрахователни програми с 3–5 комплекта опции във всяка програма от различни застрахователни компании. Една от най-сложните задачи беше да унифицира дизайна за всички тях и да ги направи ясни и удобни за използване. Предишният ми опит в препроектирането на Fabuza ми помогна много. Вдъхновение намерих и в съвременните огромни онлайн пазари.

Създадох първия редизайн. CMS платформата имаше много ограничения и беше доста скъпо да се проектират персонализирани модули в CMS. Поради това се опитах да подобря текущата версия и да я променя възможно най-малко. В резултат на това пропуснах няколко възможности да подобря UX. Преди съм използвал техниката „мислене извън кутията“, но не съм забелязал в този случай. По-късно разбрах, че трябва да започна от създаването на концепция така, както трябва да изглежда най-добре без ограничения и след това да ги въведа. Тогава започнах да използвам тази техника в процеса на работа и постигнах по-добри резултати.

Когато работите с много ограничена система, може би е по-добре да започнете от препроектирането на първоначалната концепция и след това да я промените според ограниченията. Ако не направите това, е много вероятно да загубите време за обръщане на различни опции, докато накрая решите да се издигнете на по-високо ниво и да промените концепцията.
1) Старата версия 2) Първата версия 3) Втората версия включва някои полезни съвети от услугата.

Създаване на целевата страница

1) Старата версия 2,3) Итерации за основната страница. Първи макети 4) Първа версия в кода. 5) Потребителите харесаха последния заради «ярки цветове» и пиктограмите искат да кликнат

Това го прави адаптивен и мобилен за 1 ден

Програмите бяха изключително тежки както по отношение на UX, така и по текст. За да поправя, че добавих средни състояния, прави страниците светли според указанията на iOS и намалява размера, но запазва четливост.

Отне 1 работен ден за адаптиране на екраните от уеб версията към мобилния поток.
Връзки към акаунта за преглед на реалния потребител и преглед на чата за често задавани въпроси

Текущи резултати

Какво пуснахме

  • Нова целева страница.
  • Нова страница на застрахователната програма с съвети, често задавани въпроси и предимствата на нашите услуги, защото много клиенти използваха директно страниците на застрахователната програма и не знаеха нищо за услугата.

Какво още не сме пуснали

  • Мобилна и адаптивна версия.
  • Списък на програми с нов филтър.
  • Интерактивен калкулатор, показващ предимствата на използването на медицинска застраховка в сравнение с лични посещения.
  • Реални случаи на употреба в рецензиите. Въпреки че темата за здравето е твърде лична, има някои трикове как да го направим, че да прилича повече на историите за успех на здравеопазването и спестяването на пари.
  • Оптимизация на скоростта на зареждане.
  • SEO оптимизация.

Моите лични и професионални подобрения

  • Управление на умения и проактивно поведение.
  • Преговори с разработчици.
  • Отговорност за целия продукт, не само от моя страна.
  • Създаване на система за проектиране.
  • Създаване на UX от големи неформални страници в един стил.
  • Подобряване на визуалните умения.

Послепис Ако имате въпроси относно историята, не се колебайте да се свържете с мен чрез Facebook или Linkedin.

Тази история е публикувана в най-голямото предприемаческо издание The Startup, последвано от +420 678 души.

Абонирайте се, за да получавате нашите топ истории тук.