Skanerlanadigan ilova skrinshotlarini qanday tuzish kerak

HeyDoctor-ning App Store-skrinshotlarini qayta loyihalashtirish

Mayli, o‘yin o‘tkazaylik. O'zingiz yoqtirgan ilovani telefoningizda tanlang. Siz ushbu ilovani yaratuvchisiz va sarmoyadorlardan pul yig'ishni qidirmoqdasiz. O'zingizning videolaringizni VC-larga yuborish uchun bir daqiqangiz bor. Pul ushlab olish uchun tayyor, ammo agar siz ularni 60 soniya ichida ishontirsangiz. Buni qanday qilasiz? Ilova nima qilayotganini tasvirlab berasizmi? Ilova raqiblariga qaraganda qanday noyob ekanligini aytib berasizmi? Foydalanuvchi tajribasi qanchalik yaxshi ekanligini ko'rsatasizmi?

App Store-dagi foydalanuvchi sizning ilovangizni yuklab olishni xohlamasligi to'g'risida o'ylashi uchun o'rtacha 7 soniya vaqt kerak bo'ladi. 25,000 tashrif buyuruvchilarni va 10,000 o'rnatishlarni yuklab olish bo'yicha qarorlarni o'rganish bo'yicha tadqiqot, ikkinchi darajali sabab sifatida skrinshotni o'rnatdi va reyting birinchi o'rinni egalladi.

Odamlarning do'kon ro'yxatiga sarf qiladigan o'rtacha vaqti 7 sekund ekanligini aniqladik. Haqiqat shundaki, aksariyat odamlar sahifani tezroq tark etishadi. Ishga tushirilgan foydalanuvchilar biroz uzoqroq turadilar, ammo barchasi bir xil jarayonni bajaradilar: ikonkani tekshiring, dastlabki ikkita skrinshotni ko'ring va ilova tavsifining birinchi qatorini skanerlang - Peter Fodor, nima uchun 7 soniya sizning mobil ilovangizni yaratishi yoki buzishi mumkin?

Skrinshotlar - bu sizning ilovangizning foydalanuvchi hikoyalari oynasi va foydalanuvchi tajribasini aks ettiradi. Men Incipia-dagi yaxshi odamlar to'plagan ma'lumotlardan foydalanib, eng yaxshi 100 ta ilova va ularning skrinshotlarini o'rganib chiqdim. Men bu erda bir nechta izlanishlarning asosiy topilmalariga murojaat qilaman.

Fokusdagi ilova: HeyDoctor

HeyDoctor - bu foydalanuvchilarga birlamchi tibbiy yordam shifokoriga murojaat qilmasdan turib, tibbiy ko'rsatmalarni on-layn ravishda olish imkoniyatini beradigan dastur. HeyDoctor, tug'ilishni nazorat qilish, soch o'sishi, siydik yo'llari infektsiyasini davolash, laboratoriya hisobotlari va boshqalarga qadar dori-darmonlarni buyurishi va to'ldirishi mumkin. Bundan tashqari, siz akne davolash, UTI, sovuqni davolash va boshqalar kabi birlamchi tibbiy yordam uchun davolanishingiz mumkin. HeyDoctorning mobil ilovasi App Store-da yaxshi sharafga ega bo'lib, 122 ta sharhni 4,7 yulduz darajasida baholagan.

Biz HeyDoctor-ning skrinshotlarini qayta loyihalashtiramiz va skanerlanadigan skrinshotlarni o'rganamiz.

Rad etish

E'tibor bering, men HeyDoctor-da ishlamayman va ushbu misolda keltirilgan fikrlar faqat o'zimga tegishli. Dizaynerlar, mahsulot menejerlari va HeyDoctor-da ishlash bilan bog'liq bo'lgan asosiy qarorlarni qabul qilish uchun javobgar bo'lganlardan farqli o'laroq, men uning tahliliy ma'lumotlar bazasiga kirish huquqiga ega emasman va to'liq rasmga qarab bo'lmasligi mumkin. Dizayn bo'yicha qarorlar biznes maqsadlari, resurslarning ustuvorligi yoki texnik cheklovlarga asoslangan bo'lishi mumkin. Shunday qilib, har qanday so'ralmagan vaziyatni o'rganish yakuniy emas va men HeyDoctor hozirgi skrinshotlaridan voz kechib, mening yangi dizaynimni qabul qilishni taklif qilmayman.

Mavjud dizayn

Biz HeyDoctor-ning iOS ilovasi ustida ishlamoqchimiz. Mavjud skrinshotlar quyidagicha:

U standart sarlavha va taglavhalarni o'rnatishga asoslangan bo'lib, u ilovaning foydalanuvchi hikoyalarini tushuntirish uchun yaxshi ish qiladi. Biz brendni yoki foydalanuvchi interfeysini qayta loyihalashtirishdan manfaatdor emasmiz, shuning uchun ularni yangi dizaynimizda izchil saqlashga harakat qilamiz.

Foydalanuvchi hikoyalari

Vizual o'zgarishlar qilishni boshlashdan oldin, foydalanuvchilar HeyDoctor-ni nima o'rnatishi va ushbu ilovani topganda nimani qidirayotganliklarini bilib olishimiz kerak.

  1. Retsept va to'ldirishni oling. Foydalanuvchilar shifokorga murojaat qilmasdan turib, retseptlar va to'ldirishni onlayn ravishda olishning oson usulini qidirmoqdalar.
  2. Kasallik uchun davolang. Foydalanuvchilar o'z kasalliklari uchun qanday qilib Internetda davolanishni qidirmoqdalar.
  3. Birlamchi tibbiy yordam shifokori bilan gaplashing. Foydalanuvchilar shifokor bilan gaplashmoqchi, ammo vaqt, moliyaviy yoki yo'l cheklovlari tufayli ular hozir tashrif buyurolmaydilar.
  4. Bularning barchasini hech qanday sug'urta hujjatlarini jalb qilmasdan bajaring. Foydalanuvchilar o'zlarining tibbiy sug'urtalarini jalb qilishni xohlamaydilar, chunki ularning yo'qligi yoki ularning nusxalari juda yuqori.

Skrinshotlar yoki eskizlarmi?

3,5 dyuymli ekran bilan ishlangan asl iPhone ishga tushirilgandan beri ekran o'lchamlari 72 foizga oshdi. 2018 yilda AQShda sotilgan smartfonlarning o'rtacha ekran hajmi 5,5 dyuym. Ekranlar har qachongidan ham kattaroqdir va mahsulot dizaynerlari ushbu qo'shimcha bo'sh joydan foydalanish uchun doimiy ravishda rivojlanmoqda. Katta ekranlar dizaynerlarni skrinshotlarga ko'proq matn sarlavhalarini kiritishga undaydi deb o'ylashadi. Ammo biz ko'rib turganimiz aksincha.

Ilovalarni qidirayotgan foydalanuvchilarning 4% dan kamrog'i portretli ekran rasmlarini kattalashtirishini va faqat 2% kattalashgan peyzaj skrinshotlarini kuzatganmiz. Geymerlar uchun bu atigi 0,5% kamroq. Buning sababi shundaki, o'yin o'yinlari odatda hatto eskizlardan ham aniq - Peter Fodor

Ilovalar sahifangizga kelganlarning 4% dan kamrog'i sizning ekraningiz ekraniga tegishadi.

Dizaynerlar ushbu metrikaga juda ko'p e'tibor qaratishni boshladilar, chunki ularning ekran rasmlarini ekranga kirish uchun emas, balki eskiz sifatida ko'rishadi. 2016-yilda foydalanuvchilar matnni o'qish uchun ekran rasmini tegib kutishlari mumkin edi. Ammo yangi ilovalar do'konining joylashuvi va katta ekranlarda foydalanuvchilar endi sizning ekran rasmlaringizni bosishmaydi.

Keling, 2016 yildan 2018 yilgacha tuzilgan ba'zi skrinshotlarni ko'rib chiqaylik. Ularning deyarli har birida ozroq so'z va katta harflar borligiga e'tibor bering.

Sehrli raqam 2

Eng yaxshi 100 ta ilovadan 78tasida beshta skrinshot bor, 13 ta ilovada to'rtta skrinshot, 6 ta ilovada uchta skrinshot va 3 ta ilovada ikkitasi bor. Dasturchi sifatida siz beshta ekran rasmlarini ko'rishni o'ylar edingiz, chunki ko'proq tarkib yaxshiroqdir, to'g'rimi? Noto'g'ri.

Foydalanuvchilarning atigi 9% dastlabki ikkita skrinshotni bosib o'tishadi. Peyzaj skrinshotlari 5% da yomonroq. Bu birinchi ikkita skrinshotda foydalanuvchini jalb qilish zaruratini keltirib chiqaradi. O'zingizning ilovangizni birinchi ekranda nima qilayotganingizni foydalanuvchilarga ayting va tegishli skrinshotlarda undan kengaytiring.

Tadqiqotimizning natijalari shundan dalolat beradiki, agar siz portretli tasvirlardan foydalansangiz, dastlabki ikkita (iOS10, Google Play) yoki uchta (iOS11) ekran rasmlarida ilovangizning asosiy foydasini tushuntirishingiz kerak. Agar siz peyzaj rasmidan chindan ham foydalanmoqchi bo'lsangiz, sizda bittasi bor - Piter Fodor

Keling, ba'zi mashhur ilovalarning dastlabki ikkita skrinshotini ko'rib chiqaylik.

Belgilangan UI elementlari

Skrinshotlaringizga qarab turgan foydalanuvchilar sizning ilovangizning funktsional imkoniyatlarini aniqlamoqchi. Matnli sarlavhalar ularga ekranlarning kontekstini tushunishga yordam beradi. Dizaynerlar foydalanuvchilarga matn sarlavhasini tushuntirishga urinayotgan UI elementlarini ta'kidlab, yanada osonlashtirmoqda.

Keling, ba'zi misollarni ko'rib chiqaylik.

O‘rganishlar

  1. Dastlabki ikkita skrinshotda ilovangizning eng muhim foydalanuvchi hikoyasini tushuntiring. Ilovalar ro'yxatiga kelgan foydalanuvchilarning atigi 9 foizi dastlabki ikkita skrinshotni bosib o'tishadi.
  2. Shrift hajmini oshiring va matnni qisqartiring. Kattaroq displeylar bilan foydalanuvchilar skriningni ko'rish va o'qish o'rniga uni skanerdan o'tkazishga majbur bo'lmoqdalar. Foydalanuvchilarning 4 foizdan kamrog'i uni o'qish uchun ekran rasmlarini bosadi.
  3. Matn taglavhalarini bildiruvchi UI elementlarini ajratib ko'rsatish. Skrinshotlarni skanerlashni osonlashtiradi va skrinshotni ko'rish qobiliyatini yaxshilaydi.

Skrinshotlarni qanday o'qishni osonlashtirish haqida ozgina bilganimizdan so'ng, bizning asosiy kashfiyotlarni HeyDoctorning ekran rasmlariga qo'llashga kirishamiz.

1-qadam: iPhone-ni yangi avlodlarga yangilang

HeyDoctor-ning ekran tasvirlari eski avlod iPhone-laridan foydalanmoqda. Garchi dilerlik shartnomasini buzmasa ham, menga iPhone-larim ilovalarim kabi yoqadi. Yangilangan va flokda (uzr).

2-qadam: Matnni qisqartiring va uni o'qishga imkon bering

Qisqartirilgan formatda foydalanuvchi hikoyalarini ko'rsatib, biz taglavhalarni biroz o'qishga harakat qilamiz. Bundan tashqari, kattaroq sarlavhalarni joylashtirish uchun biz subtitrlar va tavsiflarni o'chirib tashlaymiz.

Uchinchi skrinshotda ilovaning sozlash sahifasi ko'rsatilgan bo'lib, sarlavhada ilova qanday qilib sug'urta polisini talab qilmasligi haqida gap boradi. Keling, uni yanada mos keladigan ekran bilan almashtiraylik. Ilovada retsept olishga urinayotganingizda ko'rgan birinchi ekran bilan almashtiraman, bu bilvosita siz boshlash uchun sug'urta kerak emasligini bildiradi.

3-qadam: UI elementlarini ajratib ko'rsatish

Yuqorida aytib o'tganimizdek, sarlavhalarga ishora qiluvchi tegishli foydalanuvchi interfeysi elementlarini ajratib ko'rsatish ularni yanada ravshan va tushunarli qiladi. Bundan tashqari, foydalanuvchi skrinshotni osonroq skanerlashda yordam beradi.

Chat UI

Keling, Tinder suhbat interfeysi interfeysini qanday ta'kidlayotganini ko'raylik:

U haqiqiy chat interfeysiga taqlid qilish uchun profil rasmlari va ranglar kabi marka elementlari bilan suhbat pufakchalarini ishlatadi.

Keling, shunga o'xshash narsani bajarishga harakat qilaylik:

Ekran rasmiga ushbu obyektni kiritaylik:

Men HeyDoctor brendini chat pufakchalariga qo'shishga harakat qildim. Profil rasmlarini qo'shish kerakligini sezmadim, chunki ilovada siz suhbatlashadigan shifokorlar profil rasmini olishmaydi.

Kartalar va tushirish soyasi

Keling, Uber o'zining UI elementlarini qanday ajratib turishini ko'rib chiqaylik.

Men UI elementlarini kartalar va tushirish soyalari bilan ta'kidlashning ushbu minimal usulini yaxshi ko'raman. Ekran rasmlaridagi ba'zi elementlarni ta'kidlash uchun biz ushbu uslubdan foydalanamiz.

Men taglavhani o'qimasdan oldin foydalanuvchi ta'kidlangan UI elementini ko'rishi uchun men telefon taglavhalarini siljitishga qaror qildim.

4-qadam: kosmetik o'zgarishlar

Skanerlashni optimallashtirish uchun biz skrinshotimizga bir nechta o'zgartirish kiritdik. Keling, buni yanada yaxshi ko'rinishga keltiramiz. Yaxshi vizual dizayn foydalanuvchilar uchun aql bovar qilmas hiyla bo'lishi mumkin va skrinshotlarni qayta tuzishda e'tiborga olinmasligi kerak.

Perspektiv ekranlarni qo'shing

Izometrik ekranlar zamonaviy va jilolangan ko'rinadi. Siz deyarli hamma joyda Apple-ning mukammal reklama qilingan reklamalaridan tortib, Dribble-da juda sayqallangan mockuplargacha bo'lgan izometrik telefonlarni ko'rishingiz mumkin (Dribble dastlab past darajadagi WIP dizayni prototiplarini baham ko'radigan veb-sayt sifatida boshlangan deb o'ylash aqldan ozgan!)

Bizga mavjud bo'lgan ekranlardan bir nechta nuqtai nazarlarni aytdim.

Men birinchi istiqbolli mockupni tanlab olaman va uni ikkita skrinshotga ajrataman, chunki hozirda bizda faqat 3 ta skrinshot bor va App Store-ga 5 tagacha qo'sha olamiz.

Birinchi sahifaga sarlavha qo'shdim - "Sizning shaxsiy shifokoringiz". O'qish oson, ilova nima ishlayotganini va qisqacha bayon qiladi.

Fon gradiyentini o'zgartirish

Orqa fon va old fon o'rtasidagi kontrast hozircha men uchun juda qattiq. Keling, uni ko'kning engil soyasiga o'zgartiraylik.

Biz tanlagan yangi ranglar bilan gradient qilamiz.

Skrinshotimizda bu qanday ko'rinishini ko'rib chiqaylik.

Zo'r!

Matnning ostiga bir qator tizmalar qo'shaman, chunki u matn va telefon o'rtasida farqlovchi vazifasini bajaradi.

Men Internetdan salqin izometrik vektorni tortib olishga muvaffaq bo'ldim. So'nggi ekran rasmini olish uchun undan foydalanaylik.

Yakuniy dizaynlar

Oldin

Keyin

Xulosa

Umuman olganda, biz to'rtdan oshiq mayda-chuyda gaplarni qildik. Ammo yakuniy natija - bu qarash va zamonaviylikni his qilish oson ekran tasvirlari. Qolaversa, bu jumboqlarning hech biri tug'ma badiiy mahoratni talab qilmagan. App Store-dagi bir nechta ilovalarni o'rganish bizga qanday muammolarni izlashga yordam berdi.

O'qiganingiz uchun rahmat! Bu men uchun qiziqarli hafta oxiri loyihasi edi va men bu erda bu haqda yozishni yoqtirdim. Umid qilamanki, ushbu xabar sizga ilovalar do'konidagi ekran rasmlarining holati haqida ma'lumot berdi. Quyidagi sharhlar bo'limida biron bir fikr bildirishingiz yoki o'zingizni qiziqtirgan savollaringizni berishingiz mumkin.