1. Mobil ilova interfeysini ishlab chiqish Mobil ilovalarni loyihalash jarayoni Mobil ilova qurilmalari shablonlari haqida

Darsni ko'rish
Xo'sh, foydalanuvchi ushbu darslardan birini bosganida nima bo'ladi? Siz so'raganingizdan xursandman! Endi biz dars sahifasini to'playmiz, unda foydalanuvchi ularga ochilgan har bir so'zni ko'rishi mumkin.Shuningdek, foydalanuvchiga darsni o‘chirib qo‘yish imkoniyatini berishimiz kerak, chunki agar ular bir vaqtning o‘zida juda ko‘p dars yoqilgan bo‘lsa, ular pauza qilishni xohlashlari mumkin.
Shunday qilib, bu ekranda bizga nima kerak:
Dars nomi
Darsning vizual tasviri (rasm / belgi)
Ochilgan so'zlar ro'yxati
Bu erda biz avvalgidek jarayondan foydalanamiz. Avval biz qalam va qog'oz yordamida sahifaning chizmasini chizamiz, so'ngra biz qurayotganimiz haqida yaxshi tasavvurga ega bo'lganimizdan so'ng Sketch-da yuqori aniqlikdagi versiyasini yaratamiz.
Biz bu erda yaxshi tuzilish va ierarxiya tamoyillariga sodiq qolmoqchimiz, shuning uchun biz yuqoridagi bo'lim nomi / taraqqiyot, keyin quyidagi so'zlar bilan boshlaymiz. Shuningdek, biz takroriy foydalanish tamoyilini qo'shishni boshlamoqchimiz, bunda umumiy komponentlardan izchillik yaratish uchun qayta foydalanish kerakligi aytiladi. Bosh ekranda biz taraqqiyotni ko'rsatish uchun ushbu qulay kichik doiralardan foydalanamiz, shuning uchun biz ushbu ekrandagi taraqqiyotni ko'rsatish uchun o'sha elementlardan foydalanamiz.Endi biz dars ekranining eskizini chizib oldik, bizda piksellarni birlashtirish va yuqori aniqlikdagi dizaynni yaratishni boshlashimiz kerak bo'lgan hamma narsa bor:Bu erda biz iOS/OSX umumiy dizayn namunasiga ham amal qilamiz. Har bir so'zni ajratib turuvchi gorizontal chiziq chap chetiga to'g'ri kelishidan oldin qanday qilib kesilganiga e'tibor bering? Bu foydalanuvchilar operatsion tizim bilan ishlashda o'rgangan nozik ishora. Bu shuni anglatadiki, ushbu menyu bandini bosish o'ngdan chuqurroq menyuni ochadi.Bu kabi nozik belgilar juda muhim va ularni tushunish dizaynerning ishini biroz osonlashtiradi.Mana yana bir maslahat, bu safar UX xodimi Nil Tyornerdan Massesin mobil UX dizayn tamoyillari uchun:“Foydalanuvchilaringiz nimaga erishishga harakat qilishlari haqida o'ylab ko'ring va siz aniqlagan asosiy foydalanuvchi maqsadlariga e'tiboringizni qarating (ideal holda foydalanuvchi tadqiqoti orqali). Mobil telefonda foydalanish ehtimoli juda kam bo'lgan xususiyatlarni loyihalash va yaratishga urinib, chalg'itmang."