Asosiy UI / UX Dizayn kontseptsiyasining simli ekran va prototip o'rtasidagi farq

"Simli sim" va "prototip" atamalari tajribali dizaynerga qaramay, ehtimol tushunmovchilik yoki boshqa sabablarga ko'ra har doim dizaynerlar tomonidan chalkashib ketadi. Aslida, bu ikki atama o'rtasidagi tushuncha juda aniq va farq qiladi. Endi bu ikki atamani aniq ajratib olaylik.

Sim kartasi nima?

Simli ekran - bu sodda, ammo sodda va sodda tarzda joylashtirilgan bo'lib, u 3 ta sodda, ammo to'g'ridan-to'g'ri maqsadlarga ega:

1. Asosiy ma'lumot guruhini taqdim etadi

2. Tuzilishi va tartibini chizib oling

3. Foydalanuvchi interfeysining ko'rinishi va tavsifi

Simli simni to'g'ri tuzganingizdan so'ng, bu sizning mahsulotingizning asosiy tuzilishi bo'ladi. Binoning rejasi singari, u tafsilotlarni aniq va aniq tasvirlab beradi.

Simli simning vizual xususiyatlari

Simli ekran juda aniq vizual cheklovlarga ega. Umuman olganda, dizaynerlar tugatish uchun faqat chiziqlar, qutilar va kul rangdan foydalanishlari kerak (har xil kul ranglar turli darajani bildiradi).

Oddiy vektor simlari

Oddiy simframning tarkibiga rasmlar, video va matnlar kiradi

Simli simlarning afzalligi

Simli simlarni qurish tez va arzon, ayniqsa siz UXPin, Mockplus, Balsamiq va Axure kabi prototiplash vositalaridan foydalansangiz. Albatta, siz boshida buni amalga oshirish uchun ushbu prototiplash vositalaridan foydalanishingiz kerak.

To'liq va batafsil yuqori aniqlikdagi simli simlarga qaraganda, fikr-mulohazalarni to'plash juda muhimdir. Nima uchun? Chunki odamlar ushbu elementlarning estetik xususiyatlarini inobatga olishdan ko'ra dasturiy ta'minotning ishlashiga, axborot arxitekturasiga, foydalanuvchi tajribasiga, foydalanuvchi bilan o'zaro ta'sirlashuv jadvaliga va undan foydalanishga ko'proq e'tibor berishadi. Shu bilan birga, bu holda siz uni talabga ko'ra osongina o'zgartirishingiz mumkin, lekin kodlash va grafik tahrirlashni sozlashingiz shart emas.

Interfaol simfram

Ba'zan, dizaynerlar ba'zi jihatlar bo'yicha foydalanuvchi interfeysining ahamiyatini oshirish va tezkor test va vizual elementlar o'rtasidagi o'zaro ta'sirning mantiqiyligini namoyish etish uchun simli simlarning ishonchliligini yaxshilashni afzal ko'rishadi. Ushbu muammolarni to'g'ri hal qilish uchun dastur, bosiladigan telframe sifatida ham tanilgan interfaol simframdan foydalanadi.

Agar siz bunday murakkab simli simni yaratmoqchi bo'lsangiz, u holda simli simlarni o'rnatish va prototiplash uchun vosita bo'lgan UXPin kerak bo'ladi. Interfaol prototip yaratish rivojlanayotgan guruh va mijozlar uchun eng yaxshi taqdimot bo'lishi mumkin. Siz "ushbu tugmani bosganimda nima bo'ladi?" Degan muammoga duch kelganingizda, shunchaki chertish va mijozlarga interaktiv prototipda qanday ishlashini ko'rsatish kerak. Darhaqiqat, bu juda ta'sirli va to'g'ridan-to'g'ri.

Simli simni ehtiyotkorlik bilan ko'rsating

Unga telframingizni unga taqdim etishingiz kerak bo'lsa, siz mutlaqo layman bo'lgan yigitdan ehtiyot bo'lishingiz kerak. U sizning mijozingiz bo'lishi mumkin, shuningdek hamkorlikda qatnashgan texnik bo'lmagan menejer ham bo'lishi mumkin. Lekin u simli sim va yakuniy mahsulot bir-biriga bog'liq bo'lib ko'rinishi mumkinligini bilmaydi. Shunday qilib, u ular orasidagi ichki aloqa va ish rejimini tushunmasligi mumkin. Shunday qilib, siz taqdim etishingiz kerakligini va qanday qilib to'g'ri qarorni aniqlashingiz kerak.

Bu Fernando Guillen tomonidan tuzilgan ilova foydalanuvchisining ishlash jadvallari. Albatta, bu shubhasiz erta dizayn versiyasi.

Simli shkaf dizaynning eng muhim qismidir. Ushbu oqim jadvalini ko'rganingizda, nima uchun simfram deb nomlanganini tushuntirish uchun vaqt talab qilinishini va nima uchun simframni ishlatishimiz kerakligini tushunasiz. Yoki siz shunchaki bu bosqichni o'tkazib yuborishingiz mumkin.

Prototip nima

Prototipga bo'lgan talab simli uzatma / interfaol teleframe'dan yuqori, u interfaol va iloji boricha oxirgi foydalanuvchi interfeysiga mos keladigan yuqori aniqlikdagi prototip bo'lishi kerak.

Prototiplarning maqsadi aniq: foydalanuvchi va interfeysning o'zaro ta'sirini iloji boricha soddalashtirish. Tugma bosilganda, tegishli operatsiya bajarilishi kerak va tegishli sahifalar paydo bo'lishi kerak, mahsulotning to'liq tajribasini taqlid qilishga harakat qiling.

Prototipning vizual xususiyatlari

Shubhasiz, prototipda bo'lishi kerak bo'lgan mahsulotning estetik xususiyatlari bo'lishi kerak va oxirgi versiyaga mos kelishga harakat qiling. Asosan, bu HTML / CSS / JS qatnashmagan mahsulot terisi va server va ma'lumotlar bazasini ko'rib chiqish kerak emas.

Prototipning afzalligi

Nima uchun bu juda muhim? Prototip odatda mahsulotni sinab ko'rish uchun foydalanuvchilar uchun ishlatiladi. Prototipni sinab ko'rish juda erta bosqichda rivojlanayotgan narx va vaqtni tejashga yordam beradi. Shunday qilib, asossiz interfaol interfeys tufayli mahsulotni arxitekturasini kuchini yo'qotmaydi. Shunday qilib, prototip - bu dizaynerlar va ishlab chiquvchilar uchun mahsulotni sinab ko'rish uchun mukammal yutuq.

Bundan tashqari, foydalanuvchilarga fikr-mulohazalarni to'plash uchun prototiplarni taqdim etish, bu sizning mahsulotingizning barcha tafsilotlari bilan tanishish va butun jamoani ilhomlantirish. Prototiplash vositalarining aksariyati prototiplarni tez va samarali qurishi mumkin, ammo kodlashga hojat yo'q.

Dizayn oqimi

Dizayn mohiyati va simli sim va prototip o'rtasidagi farqni bilib olganingizdan so'ng, siz foydalanuvchilar tajribasi dizayni olami oldida turasiz.

Agar siz mahsulot dizayni seriyasini uyg'un va samarali ish oqimiga aylantira olsangiz, hayratlanarli burilishlar yuz beradi.

Maslahatlar

Wireframe-ni yaratishda tahrirlanadigan va qayta ishlatiladigan elementlardan foydalanishga harakat qiling. Bunday holda, siz shunchaki simli simlarga asoslangan prototiplarni bajarish uchun elementlarni tozalashni davom ettirasiz.

Simli simlarni o'rnatayotganda, jamoangiz va mijozlaringizning fikrlari va fikrlarini to'plashga harakat qiling va ularni simfram dizaynida aks ettirishga harakat qiling.

O'zingizning eng qulay vositangizdan foydalaning.

UXPin

UXPin siz simlarni va prototiplarni yaratishingiz uchun 900 dan ortiq turli xil UI elementlarini yaratdi.

Proto.io

Proto.io juda kuchli prototiplash vositasidir va u prototipga asoslangan HTML / CSS kodini va sensorli ekran uchun interfaol prototipni eksport qilishi mumkin, bu esa foydalanuvchilarga haqiqiy qurilmalarda sinab ko'rish imkonini beradi.

Balsamiq

Populyator, r faqat statsionar telframe uchun simli uzatish moslamasi.

Moqups

Ushbu vosita teleframe-ni to'g'ridan-to'g'ri onlayn ravishda amalga oshirishga yordam beradi.

Mockplus

Mockplus - bu tezkor shovqin, tezkor dizayn va tezkor ko'rish uchun barcha qamrab olingan prototiplash vositasi. Bu mobil (Android va iOS), ish stoli (kompyuter va Mac) va veb-ilovalar uchun uyali aloqa vositalarini yaratishga imkon beradi. Mockplus 3.0-da u samarali jamoaviy hamkorlikni qo'shdi.

Aksu

Eng mashhur simli uzatma va prototiplarni loyihalash vositasi sifatida biz ushbu vositani ko'proq joriy etishga muhtojmizmi? Menimcha yo'q.

Protoshare

Ushbu vosita, shuningdek, Internetda sim kartalari va prototiplarini yaratishi mumkin.

InvisionApp

Ushbu vosita sizga kerak bo'lgan prototipni yaratishga yordam beradi, siz hech narsa chizolmaysiz, lekin siz turli xil ekranlar orasidagi havolalarni qo'shishingiz mumkin.

Dizayn fikringizni .dsgnrs-ga yozishni xohlaysizmi. blog? Ko'proq o'qing…