I’m Player

Футболшыларға арналған MVP-қосымшаны зерттеу және UX/UI жобалау

Контекст

Бастапқыда футболшыларға арналған мобильді өнім идеясы болды, бірақ алғашқы MVP-ге не кіруі керегі әлі белгісіз еді. Ойыншылардың қажеттіліктерін зерттеп, өнім құрамын анықтау және әзірлеуге беруге дайын интерфейс жобалау қажет болды.

Жаттығу, тамақтану, қалпына келу, дене күйі мен жоспарлау футболшыларда әр жерде жүргізіледі деп болжадық. Зерттеу мұны растады. Ойыншылар жаттығулар мен тамақтану жөніндегі ұсынымдарды интернеттен іздейді, ал міндеттер мен көрсеткіштерді жазбаларда, кестелерде немесе жаттықтырушымен бірге тіркейді. I’M Player осының бәрін бір өнімге жинап, ойыншыға дамуын жоспарлауға және ілгерілеуін бақылауға көмектесуі тиіс еді.

Не істедік

  • Пайдаланушыларды зерттеп, өнімнің негізгі сценарийлерін талдадық.
  • MVP логикасын ойыншының негізгі процестері айналасында құрдық.
  • Прототиптер жасап, оларды футболшылармен тексердік және нәтиже бойынша құрылымды жетілдірдік.
  • Одан кейін қосымшаның UX/UI дизайнын жасап, дизайн-жүйе құрастырдық және макеттерді әзірлеуге беруге дайындадық.

Нәтиже

Клиент әзірлеуге беруге дайындалған 40-тан астам экранды, дизайн-жүйені және MVP-дің негізгі сценарийлерін алды.

I’m Player зерттеуі, CJM және прототиптері

Зерттеу және прототиптер

Ойыншылармен сұхбат барысында CJM құрып, ойыншының дамуындағы жаттықтырушының рөлін бөлек талдадық. Деректер мен шешімдердің бір бөлігі жаттықтырушы арқылы өтетінін байқадық, сондықтан қосымша ішінде жаттықтырушы–ойыншы деген жеке байланысты қарастырдық. Оны алғашқы MVP-ге қоспай, келесі кезеңге қалдыруды шештік.

Жиналған прототиптер футболшыларда сыналды. Құрылымның түсініктілігін, негізгі сценарийлердің қалай орындалатынын және артық әрекеттердің қай жерде пайда болатынын тексердік. Тест нәтижелері бойынша өнім логикасы жетілдірілді.

I’m Player қосымшасының басты экраны
I’m Player қосымшасындағы футболшы профилі

Басты бет және профиль

Басты бет негізгі функцияларға жылдам қол жеткізуге арналған. PRO ойыншылардың тәжірибесі мен материалдары бірден көрінуі үшін жеке блок шығарылды. Профиль — футболшының деректері, жаттығулары мен жетістіктері жиналған жеке кеңістігі.

I’m Player жаттығу сценарийлері мен экрандары

Жаттығулар

Жаттығулар екі сценарийге құрылған. Біріншісінде ойыншы өз позициясын таңдап, оның ойын міндеттеріне сай жаттығулар алады. Екіншісінде кәсіби футболшыны таңдап, оның жаттығуларын қарайды және лайықтыларын сақтайды. Карточкада мақсат, ұзақтық, жаттығулар саны мен күрделілігі бірден көрсетіледі, ал жаттығу кезінде орындалу барысы көрінеді.

I’m Player қосымшасындағы тамақтану бөлімі

Тамақтану

Бөлімде дайын тамақтану жоспарлары, тағамдар, ұсынымдар, іздеу және сүзгілер жиналды. Ойыншы күндік рационды қарап, нақты тағамды ашып, сақтай немесе кестеге қоса алады.

Футболшының денсаулық және көрсеткіш экрандары

Денсаулық және көрсеткіштер

Жағдайды тұрақты бақылауға арналған бөлім қарастырылды. Онда динамика бойынша қадағалауға болатын ұйқы, салмақ, ДСИ, бұлшықет күйі және жалпы хал-ахуал көрсеткіштері бар.

I’m Player жаттығу күнтізбесі мен жоспарлауы

Жоспарлау

Жоспарлау күнделік, күнтізбе және міндеттерді біріктірді. Белгілі бір күн мен уақытқа жаттығу, тамақтану, жазба немесе міндет қосуға болады. Ыңғайлы болу үшін қайталау, хабарлама, сипаттама және медиа тіркеу мүмкіндіктері қарастырылған.

I’m Player дизайн-жүйесінің түстері, типографикасы және компоненттері

Дизайн-жүйе және жобаны тапсыру

Жоба соңында дизайн-жүйе жиналып, Figma-дағы макеттер құрылымдалды. Финалдық материалдар клиентке өнімді одан әрі дамытуға және жұмыс істеуге арналған бірыңғай база ретінде берілді.