Diferența dintre conceptul de bază UI / UX Design între ecranul cu fir și prototip

Termenii "sârmă de sârmă" și "prototip" sunt întotdeauna confuzați de designeri, indiferent dacă sunt un designer cu experiență, poate din neînțelegeri sau din alte motive. De fapt, înțelegerea dintre acești doi termeni este foarte clară și diferită. Să distingem acum acești doi termeni.

Ce este o carte Sim?

Ecranul cu fir este un aspect simplu, dar simplu și simplu, care are 3 obiective simple, dar simple:

1. Oferă un grup de informații de bază

2. Desenați o structură și aspect

3. Vizualizare și descriere interfață utilizator

După ce ați construit corect firul, aceasta va fi structura de bază a produsului dvs. Ca și aspectul clădirii, descrie în mod clar și precis detaliile.

Caracteristici vizuale ale sârmei cu fir

Ecranul cu fir are limitări vizuale foarte clare. În general, designerii ar trebui să utilizeze doar linii, cutii și gri pentru a termina (gri diferit înseamnă niveluri diferite).

Firuri simple de vector

Simframele simple includ imagini, videoclipuri și text

Avantajele cablajului

Cablarea este rapidă și ieftină, mai ales dacă utilizați instrumente de prototipare precum UXPin, Mockplus, Balsamiq și Axure. Desigur, trebuie să folosiți aceste instrumente de prototipare pentru a face mai întâi.

Compararea firelor detaliate și detaliate de înaltă rezoluție este importantă pentru a obține feedback. De ce nu? Acest lucru se datorează faptului că oamenii pun mai mult accent pe performanța software-ului, arhitectura informației, experiența utilizatorului, programele de interacțiune cu utilizatorii și utilizarea, mai degrabă decât să ia în considerare caracteristicile estetice ale acestor elemente. Cu toate acestea, în acest caz îl puteți schimba ușor după cum este necesar, dar nu trebuie să configurați codarea și editarea grafică.

Simfonia interactivă

Ocazional, proiectanții preferă să îmbunătățească fiabilitatea firelor pentru a spori importanța interfeței cu utilizatorul în anumite privințe și pentru a demonstra logica interoperabilității între testarea instantanee și elementele vizuale. Pentru a rezolva aceste probleme în mod corespunzător, programul folosește o simframă interactivă, cunoscută și sub denumirea de telframe tipărite.

Dacă doriți să creați un astfel de fir complex, veți avea nevoie de un UXPin, care este un instrument pentru instalarea și protejarea firelor. Crearea unui prototip interactiv poate fi cea mai bună prezentare pentru o echipă și clienți în curs de dezvoltare. Vă întrebați: "Ce se întâmplă când apăs pe acest buton?" Când aveți o problemă, trebuie doar să faceți clic și să le arătați clienților cum să interacționeze cu prototipul interactiv. De fapt, este impresionant și direct.

Indicați cu atenție sârma

Dacă trebuie să-i dai telfram lui, trebuie să fii atent la tipul care este absolut demn. El poate fi clientul dvs., precum și un manager non-tehnic implicat în colaborare. Dar el nu știe că firul și produsul final pot părea interconectate. Astfel, el nu poate înțelege modul de comunicare internă și modul de lucru dintre ei. Deci, trebuie să vă prezentați și cum să luați o decizie corectă.

Acesta este fluxul de lucru al utilizatorului unei aplicații creat de Fernando Guillen. Desigur, aceasta este, fără îndoială, o versiune de design timpurie.

Dulapul cu sârmă este cea mai importantă parte a designului. Când vedeți acest grafic, înțelegeți că este nevoie de timp pentru a explica de ce se numește simframă și de ce ar trebui să folosim simframă. Sau poți sări doar acest pas.

Ce prototip

Cererea pentru prototip este mai mare decât cea a filmei / telefonului interactiv, ar trebui să fie una interactivă și, pe cât posibil, un prototip de înaltă rezoluție care să se potrivească cu interfața cu utilizatorul final.

Scopul prototipului este clar: să simplifice cât mai mult interacțiunea utilizator și interfață. Când este apăsat un buton, trebuie efectuată o operație adecvată și apar pagini relevante, încercând să imite experiența completă a produsului.

Caracteristici vizuale ale prototipului

Evident, prototipul trebuie să aibă caracteristicile estetice ale produsului și să încerce să se potrivească cu cea mai recentă versiune. Practic, aceasta este o piele de produs care nu are HTML / CSS / JS și nu trebuie să răsfoiți serverul și baza de date.

Avantajul prototipului

De ce este atât de important? Prototipul este de obicei utilizat de utilizatori pentru testarea produsului. Testarea prototipului poate economisi costuri și timp de dezvoltare într-o etapă foarte timpurie. Astfel, arhitectura produsului nu se diminuează din cauza interfeței interactive nerezonabile. Prin urmare, prototipul este o realizare perfectă pentru designeri și dezvoltatori pentru a testa produsul.

În plus, oferirea de prototipuri utilizatorilor pentru a colecta feedback, pentru a face cunoștință cu toate detaliile produsului dvs. și pentru a inspira întreaga echipă. Majoritatea instrumentelor de prototipare pot construi prototipuri rapid și eficient, dar nu trebuie codificate.

Flux de proiectare

După ce înțelegeți diferența dintre design și sârmă și prototip, sunteți în fruntea lumii designului cu experiență pentru utilizatori.

Dacă puteți transforma seria de design a produsului într-un flux de lucru coeziv și eficient, vor exista câteva transformări uimitoare.

Sfaturi

Când creați Wireframe, încercați să utilizați elemente editabile și reutilizabile. În acest caz, veți continua să ștergeți elementele pentru a efectua prototipuri bazate pe firele simple.

Când instalați fire, încercați să adunați idei și idei de la echipa și clienții dvs. și încercați să le reflectați în designul simfoniei.

Utilizați instrumentul dvs. cel mai convenabil.

UXPin

UXPin a creat peste 900 de elemente UI diferite, astfel încât să puteți crea fire și prototipuri.

Proto.io

Proto.io este un instrument de prototipare foarte puternic și poate exporta codul HTML / CSS bazat pe prototip și prototipul interactiv pentru ecranul tactil, permițând utilizatorilor să îl testeze pe dispozitive reale.

Balsamiq

Populator, r este un transmițător cu fir numai pentru un telefon fix.

Moqups

Acest instrument vă ajută să implementați telefonul direct online.

Mockplus

Mockplus este un instrument de prototipare all-inclusive pentru zgomot rapid, proiectare rapidă și vizualizare rapidă. Vă permite să creați dispozitive mobile pentru aplicații mobile (Android și iOS), desktop (PC și Mac) și web. În Mockplus 3.0, el a adăugat o colaborare eficientă în echipă.

Aksu

Avem nevoie de o implementare mai mare a acestui instrument ca fiind cele mai populare extensii de sârmă și instrumente de proiectare a prototipurilor? Nu cred.

Protoshare

Acest instrument poate crea, de asemenea, carduri SIM și prototipuri pe Internet.

InvisionApp

Acest instrument vă ajută să creați prototipul de care aveți nevoie, nu atrageți nimic, dar puteți adăuga legături între diferite ecrane.

Doriți să scrieți ideea de design în .dsgnrs. blog-ul? Citește mai mult ...