Kamroq o‘ylang. Dizayn yaxshiroq.

Boshqaruv qarorlarini qabul qilish va fikrlash jarayoni orqali UI dizaynida ish oqimini yaxshilash.

Yaxshi ishlab chiqilgan foydalanuvchi interfeysi - bu nafaqat tajribani sezgir, balki foydalanuvchi uchun estetik jihatdan yoqimli qiladigan muhim qarorlarning natijasidir. Qaror qabul qilish jarayonini yanada soddalashtirish orqali bu oson ish oqimini va maqbul natijani olish uchun katta imkoniyatni yaratishi mumkin.

Dizayn jarayonida qancha imkoniyatlar mavjud bo'lsa, ularni amalga oshirish va nafislik uchun ko'proq fikrlash talab etiladi.

Amerikalik psixolog Barri Shvarts The Paradox Of Choice-da, tanlovlarni yo'q qilish tashvishlarni sezilarli darajada kamaytirishi mumkinligini yozdi. U bizda standartlar va mezonlar bo'lishi kerak, deb ta'kidladi, ammo bundan ham yaxshiroq narsa bo'lishi mumkinligi haqida tashvishlanmang. Bu iste'molchilar nuqtai nazaridan edi, lekin menimcha, bu dizayn qarorlariga ham tegishli.

Maksimallashtirish strategiyasi aslida perfektsionist bo'lmaslik, balki birgalikda eng maqbul tajribani yaratadigan eng maqbul qarorlarni qabul qilishdir.

1. Chegara o'zgaruvchilar

Agar biz yuqori aniqlik kontseptsiyasini yaratish uchun barcha potentsial o'zgaruvchilarni ko'rib chiqsak va ularning ko'pi bo'lishi mumkin bo'lsa, biz ularni cheklashimiz va aniqlab olishimiz kerakligi aniq bo'ladi. Mavjud tanlovlar miqdorini kamaytirish qarorni osonlashtiradi.

Tajriba bilan, ba'zi bir o'zgaruvchilar guruhlarining chegaralanishi butun tarkibga ko'paytiruvchi ta'sir ko'rsatishini taxmin qilish osonlashadi.

Tanlovlarni qisqartirish asl o'ziga xoslikni kamaytirishga to'g'ri kelmaydi. Bizning taxminimiz shundan iboratki, oldindan belgilangan qoidalar atrofida tushunchalarni yaratish cheklovdir, lekin dizaynerlar sifatida biz o'z qoidalarimizni o'rnatamiz va ularni shakllantirishni to'liq nazorat qila olamiz.

Masshtab va bo‘shliq

UI dizaynining har bir yo'nalishi ritmni kuchaytiradigan va loyiha o'sib borishi bilan miqyosda va makonda uyg'unlikni saqlashga yordam beradigan tizim atrofida aylanishi kerak. Men foydalanishni yaxshi ko'radigan bunday tizimlardan biri bu modulli shkaladir, u har qanday berilgan nisbatdagi o'lchamni yoki tarkibiy qismdagi elementlarning yoki bo'sh joylarning o'lchamlarini o'lchash yoki belgilashga yordam beradi.

Biz nisbatni tanlaganimizdan so'ng, modulli masshtab shkala va oraliqni aniqlashni osonlashtirishi mumkin

Bu panjara, tipografiya, vertikal oraliq va joylashuvning umumiy o'lchamlarini boshqariladigan darajagacha o'zgartirishi mumkin bo'lsa-da, u yoqimli estetika va ritmni ta'minlaydi. UI-ni loyihalash ancha oson.

Izgaralar

Izgaralar tizimlari gorizontal tekislikda tarkibni qanday tartibga solishni va UI haqida gap ketganda aql-idrokka ega emas. Biroq, ko'pincha bir o'lchovli bo'lish uchun panjara juda ko'p o'ylamasdan tanlanadi. Ko'pgina dizaynerlar tushunmaydilar, tarkibga tuzilgan panjara tizimini yaratish yaxshiroqdir.

Panjara tizimi sxemada o'zgaruvchilarni kamaytiradi

Bu kontent stsenariylarini oldindan aniq tushunishni yaxshi tushunishni anglatadi, shunda tarkibni ma'lum bir tarmoqdan tarkibga qanday yaxshiroq xizmat qilish kerakligi tasvirlanadi. Oldindan mavjud bo'lgan aktivlar va marka qo'llanmalari, masalan, ma'lum bir oraliq qoidalar va talablarga ega logotip yoki ma'lum bir belgilangan birliklarga ega reklamalar bilan biznesning cheklovlari haqida o'ylang.

Tarkibning turi ham omil hisoblanadi. Do'kon, yangiliklar nashrlari yoki bloglar uchun jadvalni yoki oddiy sahifani yaratish o'rtasida katta farq bor. Tasvir og'irligi va so'zning og'irligi bilan ajralib turadigan tartib. Ko'zni tekshirish usullarini va ularning vizual ierarxiyaga qanday ta'sir qilishini tushunish foydali bo'lishi mumkin.

Oldindan biznes va tarkibiy cheklovlar to'g'risida ko'proq tushunish bo'lsa, panjara tizimini tanlash va tartib qarorlarini qabul qilish osonroq bo'ladi.

Tipografiya

Men tipografiya UI dizaynining eng muhim jihati ekanligi bilan bahslashaman, chunki u Internetning 95 foizini tashkil qilishi va aloqaning harakatlantiruvchi kuchi bo'lishi mumkin.

Modulli shkala kabi tizimlar hajm va etakchi darajaga qo'llanilishi mumkin, shrift turkumlari va uslublar ham cheklanishi mumkin. UI hech qachon ikkita oila va bir nechta vazndan oshmasligi kerak. Qoidalar, shuningdek, asos va sarlavha bilan ishlov berishda qanday qo'llanilishi mumkin.

Rangi

Paltolar bilan haddan tashqari g'ayratli bo'lish oson. Ohanglarning kichik diapazoni etarlicha va izchil ingl. Odatda biz boshlang'ich nuqtaga kerak bo'lgan narsa - beshta skachat.

Adobe Color CC kabi vositalar palitrani oldindan aniqlashni osonlashtiradi

Aksariyat brendlar uni maqtash uchun asosiy yoki urg'u rangini va bir nechta neytral yoki qarama-qarshi ohanglarni o'z ichiga olishi kerak. Bizga bitta ohangning 15 soyasi kerak emas, ayniqsa boshida. Kichkina va soyani ikki yoki undan keyin kattalashtirishni boshlash yaxshidir.

Rasmlar

Tasvirlarni UI-ga qanday kiritishimiz ko'p jihatdan tarkibning kontekstiga bog'liq. Agar bizda bu nima haqida qo'pol tushuncha bo'lsa, biz nisbatlar, o'lchamlar, shakllar va ishlov berish uchun o'zgaruvchilar bilan rasmlarimiz uchun boshlang'ich nuqtani yaratamiz. Ehtimol, biz ko'p narsalarga muhtoj emasmiz.

Tasvir o'zgaruvchilarini cheklash yaxshiroq mustahkamlikni ta'minlaydi va kelajakda rasm aktivlarini boshqarishni osonlashtiradi. Xuddi shu narsa ikonografiyaga ham tegishli.

Rasmlar nisbati va o'lchamlari bo'yicha bizga qancha o'zgaruvchanlik kerak?

2. Avvalroq uslublar bo'yicha qo'llanma yaratish

UI loyihasi kontseptual ravishda o'sib borgan sari uslublar bo'yicha qo'llanma yoki naqshlar kutubxonasini yaratish va yuritish tobora muhim ahamiyat kasb etmoqda. Bu ritm va izchillikni saqlab, loyihaning miqyosiga yordam beradigan dizayn tamoyillarini o'rnatadi. Agar o'zgaruvchilarni oldindan aniqlasak, ularni hujjatlashtirishning yaxshi usuli. Kelajakda qaror qabul qilish uslubsiz qo'llanma yordamida osonroq bo'ladi.

Loyihaga qarab, uslublar bo'yicha qo'llanma yaratish hashamatdir va ko'pincha kelajakda foydalanish uchun mo'ljallangan. Shuning uchun aksariyat uslubiy qo'llanmalar so'nggi daqiqada yoki loyiha tugagandan so'ng birlashtiriladi va bu juda yaxshi amaliyot. Ammo kelajakda loyihalashtirish va ishlab chiqishda yordam beradigan uslubiy qo'llanma uchun post-ratsionalizatsiyalash va asoslar mavjud bo'lsa-da, u aslida kontseptualizatsiyaning dastlabki bosqichlarida sadoqatni mustahkamlashga yordam berishi mumkin.

Dastlab uslublar bo'yicha asosiy qo'llanmani yaratish nafaqat dizayn qarorlarini qisqartirish printsiplarini yaratibgina qolmay, balki rivojlanish uchun infratuzilma va printsipiallarni rivojlantirishga yordam beradi.

Boshida qilish uni bajarish kerak degani emas - undan uzoq. Uslublar baribir erta bosqichlarda ko'proq rivojlanishga moyildir va loyiha qanchalik katta bo'lsa, chegaralar shunchalik aniq va qattiqroq bo'ladi.

3. Modulga asoslangan ustuvorlik va moslashtirish

Brad Frostning Atom Dizayni kabi modulli dizayn tizimlarida sxemani muayyan asosiy sohalardan tashqarida shakllantirish mumkin. Modullar turli tartiblarda qayta ishlatilishi mumkin. Interfeyslar sahifalar emas, tizim sifatida ko'rib chiqiladi, bunda naqshga asoslangan dizayn va ishlov berish jarayonning katta qismi hisoblanadi.

Bu juda yaxshi metodologiya va UI dizaynini boshqarishni ancha osonlashtiradi, ammo samaraliroq bo'lishi uchun biz asosiy yo'nalishlarni ustuvorlashtirishimiz va atrofdagi barcha narsalarni moslashtirishimiz kerak. Bu o'z navbatida vizual muvofiqlikni ta'minlaydi.

Asosiy yo'nalishlarni aniqlang

Bizning dizaynimiz muhim qismlarga aylanishi kerak. Har bir sohaning ustuvorligi uning mazmuni yoki interfeys ichidagi funktsionalligi bilan belgilanadi va aslida jumboqning kalitidir.

Avvalambor muhim sohalarga e'tibor qaratsak, keyinchalik dizayn qarorlarini kamaytiramiz, chunki keyingi sohalar egilgan va moslashtirilgan muhitga moslashishi kerak.

Asosiy yo'nalishlarga e'tibor qarating

Yuqori ustuvor sohalar aniqlangandan so'ng, muhim qismlarga diqqatni jamlash va ularni tugatishga tayyor bo'lish haqida. G'oyasi muhim bo'lmagan sohalarni moslashtirishdan oldin ularning intuitivligini va barcha talablarga javob berishini ta'minlashdir.

4. Buni hamma uchun qilish

Minglab yillar davomida dizaynerlar bitta narsani qilishga harakat qilishdi - samarali muloqot qilish. Biz auditoriya bilan vizual va ovozli aloqani yaxshilash uchun doimo kashf etamiz va sozlaymiz.

Iloji boricha kengroq auditoriya tomonidan doimiy ravishda oshib borishi bilan, iloji boricha ko'proq odamlarning toifalariga kirishni maksimal darajada oshirish juda muhimdir.

Erkin foydalanish - bu yashirin muborakdir

Kengroq auditoriya uchun ovqatlanish ko'proq ish kabi tuyuladi va kirishni yangilik uchun to'siq sifatida ko'rishni xohlaydi. Biroq, eng so'nggi me'yorlarga rioya qilish, ayniqsa, agar ular ikkinchi tabiatga aylangan bo'lsa, niqobdagi qut-barakadir.

Dizayn nuqtai nazaridan bunga misollar korpus nusxasi uchun shriftning minimal hajmini yoki nusxa va fon o'rtasidagi kontrastning katta hajmini yoki sensorli qurilmalarda ulanadigan katta joylarni talab qilishni o'z ichiga olishi mumkin.

Bu nafaqat nogironlik haqida

Imkoniyat nafaqat ba'zi nogironlarning ehtiyojlarini qondirish, balki barcha yangi xususiyatlar va yaxshilanishlarni qo'llab-quvvatlamaydigan eski qurilmalar va brauzerlarga ega foydalanuvchilar uchun hamdir. Ushbu standartlardan xabardor bo'lish va ularga rioya qilish tabiiy ravishda dizayn qarorlarini kamaytiradi.

5. Sinab ko'rilgan va sinab ko'rilgan naqshlardan foydalanish

Haqiqat shundaki, foydalanuvchilar ko'p yillik tajriba va ekspozitsiyadan olgan yuzlab umumiy dizayn naqshlariga mos kelganda interfeyslarni intuitiv deb topadilar. Biz odatiy qoliplardan ajralib, yangi erni qidira boshlaganimiz bilan, yangi naqshning omma uchun to'liq sezgir bo'lishiga vaqt talab qilinishi mumkin.

UI-ning original namunalarini yaratish uchun vaqt va joy mavjud, ammo biz odatiy usullardan uyalmasligimiz kerak - ular biron bir sababga ko'ra muvaffaqiyatli.

Kumush astar biz ixtiro qilishdan kamroq tashvishlanib, estetika haqida o'ylashimiz kerak. Belgilangan naqshlar asosida original ishlarni yaratish hali ham mumkin.

Muvaffaqiyatli dizayn naqshlari bilan qanchalik ko'p tanishsak va birlashtirsak, dizayner sifatida kamroq tanlov qilishimiz kerak. Biz nima ishlashini o'ylamayapmiz, lekin nima ishlashini.

Yakuniy eslatma

Ushbu yondoshuvlarning ba'zilari individual ravishda bizning fikrlash va qarorlar qabul qilish jarayonini susaytirmasligi yoki dizaynimizni katta marom bilan yaxshilashi mumkin. Ammo ularni birlashtirish, yaxshi yo'l-yo'riq olish bilan birga, yaxshi interfeysni loyihalashni sezilarli darajada osonlashtiradi.

Tvitterda meni kuzatib boring