Yetkazib berish xizmati uchun brendni noldan yaratish faqat logotip emas: nom, belgi, palitra, ilova ekranlari va qadoqdan kuryer formasigacha bo‘lgan barcha tashuvchilar qoidali yagona tizimga yig‘iladi. QADAM ustida shunday ishladik: bu Toshkentdagi ekspress-yetkazib berish xizmati, unda g‘oya bor edi, lekin nom, belgi va interfeys yo‘q edi.
Qisqacha
QADAM — mahsulotlarni bir necha daqiqada yetkazib berish. Xizmatda g‘oya bor edi, lekin mijozga ko‘rsatadigan hech narsa yo‘q edi: na nom, na belgi, na interfeys.
Yetkazib berish uchun bu mayda narsa emas. Uni ko‘z bilan tanlashadi: peshlavha, qadoq, telefondagi ikonka orqali. Bularning hech biri bo‘lmasa, xizmatni ishga tushirib, investorga ko‘rsatib yoki kuryerga ko‘chada qanday ko‘rinishini tushuntirib bo‘lmaydi.
Loyihaning to‘liq tavsifi QADAM keysi sahifasida. Bu yerda — biz qanday fikr yuritdik va undan o‘z loyihangizga nimani olish mumkin.
Nom, belgi va interfeysning yo‘qligi bir vaqtning o‘zida uchta narsani to‘sib qo‘yadi, uchalasi ham kodga emas, odamlarga bog‘liq.
Shuning uchun QADAMda brend, interfeys va tashuvchilar uch pudratchiga uchta alohida vazifa sifatida emas, yagona tizim sifatida yig‘ildi.
Vazifa uchta talab sifatida qo‘yildi, ularning har biri ko‘z bilan tekshiriladi.
| Nima kerak edi | Qanday tekshiriladi | Biz nima qildik |
|---|---|---|
| Yurganda ham o‘qiladigan nom va belgi | Logotip kuryer sumkasida, mopedda va ilovalar ro‘yxatida bir qarashda taniladi | Qadam nomi va belgi — arava dumli Q harfi |
| Buyurtma bir necha teginishda bo‘ladigan interfeys | Odam ilovani ochib, mahsulotni topadi va menyuni o‘rganmasdan yetkazib berishni rasmiylashtiradi | Bosh sahifa, katalog va buyurtma yetkazilishi ekranlari |
| Rasmlar to‘plami emas, tizim | Har qanday pudratchi yangi ekran yoki bannerni ko‘z bilan emas, qoidalar bo‘yicha yig‘adi | Barcha tashuvchilar uchun qoidali 14 bo‘limli brendbuk |
Uchinchi qator brend loyihasini bir martalik chizmadan ajratib turadi. Logotipni bir marta chizish mumkin, tizim esa xizmatda yangi ekran yoki yangi topshirish nuqtasi paydo bo‘lganda ish to‘xtab qolmasligi uchun kerak.
QADAM ustidagi ishni to‘rt blokka bo‘lish mumkin, har biri oldingisiga tayanadi.
Bunday ketma-ketlik mantiqiy: palitrani allaqachon chizilgan ekranlarga moslashtirish shart emas, belgi va qoidalar bo‘lsa, qadoq va kuryer formasini oq varaqdan o‘ylab topish kerak emas. Brendbukning o‘zi to‘rtala blokni birlashtiradi.
Qadam o‘zbekchada «qadam» degani, butun tizim shu so‘z atrofida qurilgan: «xohlayman» bilan «tayyor» orasidagi bitta qadam.
Belgi — arava dumli Q harfi, ya’ni yuradigan logotip. G‘oya tushuntirishsiz o‘qiladi: kuryer sumkasida yoki ilovalar ro‘yxatida xizmat harakat va yetkazib berish haqida ekani ko‘rinib turadi. Nomni qanday tanlash haqida alohida, neyming haqidagi maqolada yozganmiz.
Misol QADAMda so‘z, belgi va shior bitta g‘oyaga tayanadi. Nom qadam haqida gapirsa-yu, belgi «yursa», dizayner va pudratchi qadoq yoki kuryer formasini qanday chizishni taxmin qilishi shart emas: javob ma’noning o‘zida bor.
QADAM brendbuki odam duch keladigan hamma narsani tasvirlaydi: belgidan kuryer formasigacha. Palitra uch rangdan iborat: laym, vanil va qora.
Tipografika, ikonkalar va ilova ekranlari alohida pudratchilarda alohida fayllar bo‘lib yotmaydi, aynan shu hujjatga yig‘ilgan. Bunday hujjatga nimalar kirishi va u kimga kerakligi brendbuk va dizayn-tizim haqidagi maqolada tasvirlangan.
Qisqa palitra — qulay cheklov: to‘plamda ranglar qancha kam bo‘lsa, pudratchi qoidalardan shuncha kam chetga chiqadi.
Bosh sahifa, katalog va buyurtma yetkazilishi yorug‘ va qorong‘i mavzularda tayyor. Barcha holatlar, ranglar va oraliqlar brendbukda tasvirlangan, shuning uchun frontendga hech narsani o‘ylab topish kerak emas.
Holatlar — elementning turli vaziyatlarda qanday ko‘rinishi: oddiy, bosilgan, faolsiz. Ular tasvirlanmagan bo‘lsa, dasturchi ko‘rinishni o‘zi tanlaydi, ilova esa asta-sekin maketlardan uzoqlashadi.
Ikki mavzu amaliy vazifani hal qiladi. Apple dasturchilar uchun tavsiyalarida ilova ikkala ko‘rinish rejimida ham yaxshi ko‘rinishiga ishonch hosil qilish va kontent ularning har birida o‘qilishini tekshirishni maslahat beradi. Ikkala mavzu oldindan chizilgan bo‘lsa, bu tekshiruv ilova chiqqandan keyin emas, maketda o‘tadi.
Interfeys qoidalari qanday qurilishi, ish qaysi bosqichlardan iboratligi va qaysi xatolar eng ko‘p uchrashini mobil ilova UX/UI-dizayni haqidagi maqolada tasvirlaganmiz.
Muhim Ilovani ishlab chiqish loyihaga kirmagan. Biz brend, dizayn-tizim va ekranlarni yaratdik, kodni yozish esa dasturchilarga qoladi. Bu chegarani ishning eng boshida ochiq aytib qo‘ygan ma’qul.
Yetkazib berish uchun bu muhim, chunki xizmat faqat ilovada yashamaydi: kuryer, sumka, transport va topshirish nuqtasi ham brendni ifodalaydi. QADAM uchun odam hayotda duch keladigan hamma narsani tasvirladik.
Yetti tashuvchi belgi va ekranlar bilan bir brendbukda tasvirlangan, shuning uchun brend telefonda ham, ko‘chada ham bir xil ko‘rinadi.
Loyihaning asosiy natijasi — logotip emas, mahsulotni dizaynersiz yig‘sa bo‘ladigan tizim. Brend, interfeys va tashuvchilar 14 bo‘limli bitta brendbukda tasvirlangan.
Keysda buyurtmalar va savdo bo‘yicha raqamlar yo‘q, biz ularni o‘ylab topmaymiz: loyiha natijasi — brend va ekranlarning tayyor tizimi.
Bunday tizimni savdo raqamlarisiz ham tekshirish mumkin: brendbukni loyihada qatnashmagan odamga bering va undan ekran yoki banner yig‘ishni so‘rang. U ovoz chiqarib so‘ragan hamma narsa — qoidalardagi bo‘shliq, uni pudratchilar brend bilan ishlay boshlashidan oldin yopib qo‘ygan ma’qul.
Brend odam bilan bir joydan ko‘p joyda uchrashganda tizim kerak bo‘ladi. Logotip vizitka va saytda yashar ekan, u yetarli, yetkazib berish xizmatiga esa bu kamlik qiladi.
Hech bo‘lmasa bitta band mos kelsa, qoidalarni birinchi maketlardan oldin yozib qo‘ygan ma’qul. QADAMda tashuvchilar, pudratchilar, investor bilan suhbat va interfeysning ikki mavzusi mos keldi, shuning uchun natija logotip emas, brendbuk bo‘ldi.
Bu yondashuv faqat yetkazib berishga bog‘liq emas. U noldan ishga tushadigan va ekranda, qadoqda hamda xodimlarda bir xil ko‘rinishi kerak bo‘lgan har qanday xizmatga mos keladi. Boshlashdan oldin bir necha narsani tekshiring.
Xato Logotipni bir ijrochidan, interfeysni boshqasidan, qadoqni uchinchisidan buyurtma qilish. Har biri o‘z qismini halol bajaradi, lekin rang, oraliq va holatlar bo‘yicha yagona qoidalarsiz loyihani o‘zicha tugallaydi va qismlar bir-biriga qo‘shilmaydi.
Buning oldini olish uchun vazifani butun tizimga qo‘ying: nom, ekranlar va tashuvchilar bilan birga, natija sifatida esa fayllar to‘plamini emas, qoidalar hujjatini ko‘rsating. Shunda «bu qanday ko‘rinishi kerak» degan savolga ijrochining xotirasi emas, brendbuk javob beradi.
Biz brend va interfeysni yagona tizim sifatida yig‘amiz: nom va belgi, palitra va tipografika, ikonkalar, ekranlar va tashuvchilar. Bu bitta brendbuk va bitta jamoa, shuning uchun xizmat bir necha pudratchi ishini yopishtirib o‘tirmaydi, dasturchilar esa yetishmayotganini taxmin qilmaydi.
Agar hozircha faqat g‘oyangiz bo‘lsa, undan boshlash mumkin: QADAM aynan shu bilan kelgan. Vazifa va ishlar tarkibini qisqa suhbatdan keyin aniqlashtiramiz; sayt yoki platforma ishlab chiqishni alohida buyurtma qilish mumkin, sayt va platformalar ishlab chiqish sahifasida formatlar va narxlar jamlangan.
Vazifangizni muhokama qilamiz
Nima qilish kerakligini yozing — muddat va narxni baholab, yechim taklif qilamiz.
Kod yozish qoladi, u QADAM loyihasiga kirmagan. Bosh sahifa, katalog va buyurtma yetkazilishi yorug‘ va qorong‘i mavzularda tayyor, barcha holatlar, ranglar va oraliqlar brendbukda tasvirlangan, shuning uchun hech narsani o‘ylab topish shart emas.
Bo‘ladi: QADAM aynan nomi, belgisi va interfeysi yo‘q g‘oya bilan kelgan. Nom, shior, belgi, palitra va ilova ekranlari noldan yaratildi, qoidalar esa brendbukka yozildi.
Logotip tizimning kichik qismi xolos. Rang, oraliq va holatlar bo‘yicha yagona qoidalar bo‘lmasa, har bir pudratchi o‘zicha chizib qo‘yaveradi, brendbuk esa hammasini uning o‘rniga belgilab qo‘yadi: belgi, ekranlar, qadoq, transport va kuryer formasini.
Bu so‘z o‘zbekchada «qadam» degani. Butun tizim «xohlayman» va «tayyor» o‘rtasidagi bitta qadam g‘oyasiga qurilgan, bu g‘oya arava dumli Q harfidagi belgida ham aks etadi.
Firma patterni, ikonkalar tizimi, qadoq, merch va forma, transport, kuryer formasi va topshirish nuqtasi — jami yettita tashuvchi. Ularning barchasi 14 bo‘limli bitta brendbukda tasvirlangan.
Ikkala mavzu brendbukda holatlar va ranglar bilan birga tasvirlangan, shuning uchun frontendga hech narsani o‘ylab topish kerak emas. Apple ham ikkala rejimda o‘qilishni tekshirishni maslahat beradi, buni maketda qilish ilova chiqqandan keyin qilishdan osonroq.
Har qanday pudratchi: qoidalar yangi ekran yoki bannerni ko‘z bilan emas, shular bo‘yicha yig‘ish uchun yozilgan. Tizimning maqsadi — mahsulotni dizaynersiz yig‘sa bo‘ladigan qilish.
