La diferència entre el concepte bàsic de disseny d’UI / UX entre la pantalla amb cable i el prototip

Els termes "filferro" i "prototip" sempre són confosos pels dissenyadors, independentment de si són un dissenyador experimentat, potser per incomprensions o altra forma. De fet, la comprensió entre aquests dos termes és molt clara i diferent. Distingim ara entre aquests dos termes.

Què és una targeta Sim?

Wefeframe és un disseny senzill però de baix nivell amb tres dissenys de baix nivell:

1. Proporciona un conjunt de dades bàsic

2. Dibuixa una estructura i maquetació

3. Vista i descripció de la interfície d'usuari

Un cop hàgiu construït el fil correctament, aquesta serà l'estructura bàsica del vostre producte. Igual que la disposició de l’edifici, descriu de forma clara i precisa els detalls.

Característiques visuals del filferro

La pantalla amb cable té unes limitacions visuals molt clares. Generalment, els dissenyadors han d'utilitzar només línies, caixes i grisos per realitzar (diferents grisos signifiquen nivells diferents).

Cables vectorials simples

Els simframes simples inclouen imatges, vídeos i text

Avantatges del cablejat

El cablejat és ràpid i barat, sobretot si utilitzeu eines de prototipat com UXPin, Mockplus, Balsamiq i Axure. Per descomptat, heu d'utilitzar aquestes eines per a fer-ho al principi.

És important comparar cables de alta resolució detallats i detallats per obtenir informació. Per què no? Això es deu al fet que la gent posa un major èmfasi en el rendiment del programari, l’arquitectura de la informació, l’experiència dels usuaris, les planificacions d’interacció dels usuaris i l’ús que en comptes de considerar les característiques estètiques d’aquests elements. Tanmateix, en aquest cas es pot canviar fàcilment segons sigui necessari, però no cal configurar la codificació i l’edició gràfica.

Simfonia interactiva

De vegades, els dissenyadors prefereixen millorar la fiabilitat dels cables per millorar la importància de la interfície d’usuari en alguns aspectes i demostrar la lògica de la interoperabilitat entre proves instantànies i elements visuals. Per solucionar correctament aquests problemes, el programa utilitza un simfram interactiu, també conegut com a fotograma imprès.

Si voleu crear un cable tan complex, necessitareu un UXPin, que és una eina per instal·lar i prototipsar cables. La creació d’un prototip interactiu pot ser la millor presentació per a un equip i clients en desenvolupament. Vostè pregunta: "Què passa quan premo aquest botó?" Quan teniu un problema, només heu de fer clic i mostrar als clients com interactuar amb el prototip interactiu. De fet, és impressionant i directe.

Assenyala amb cura el filferro

Si heu de donar-li el telfram, heu d’anar amb compte amb el noi que és absolutament digne. Ell pot ser el seu client, així com el seu responsable no tècnic. Però no sap que el fil i el producte final poden semblar interconnectats. Així, pot no entendre la comunicació interna i el mode de treball entre ells. Per tant, cal presentar i com prendre la decisió correcta.

Aquest és el flux de treball de l’usuari d’una aplicació creat per Fernando Guillen. Per descomptat, aquesta és sens dubte una versió inicial de disseny.

L’armari de filferro és la part més important del disseny. Quan mireu aquest diagrama, enteneu que es necessita temps per explicar per què s’anomena simfram i per què hauríem d’utilitzar simframes. O simplement saltar aquest pas.

Prototip

El requisit del prototip és superior al telefràme cable / interactiu, ha de ser un prototip interactiu i d’alta resolució que sigui compatible amb la interfície d’usuari final.

L’objectiu del prototip és clar: simplificar al màxim la interacció de l’usuari i la interfície. Quan es prem un botó, s’ha de realitzar una operació adequada i apareixen pàgines rellevants, intentant imitar tota l’experiència del producte.

Característiques visuals del prototip

Thebviament, el prototip ha de tenir les característiques estètiques del producte i intentar coincidir amb la versió més recent. Bàsicament, es tracta d’una pell del producte que no té HTML / CSS / JS i no cal navegar pel servidor i la base de dades.

L’avantatge del prototip

Per què és tan important? El prototip sol ser utilitzat pels usuaris per fer proves de producte. Provar el prototip pot estalviar temps i desenvolupament de costos en una fase molt primerenca. Així, l'arquitectura del producte no disminueix a causa de la no raonable interfície interactiva. Així doncs, el prototip és la consecució perfecta perquè els dissenyadors i desenvolupadors puguin provar el producte.

També proporciona prototips perquè els usuaris puguin recopilar comentaris, per conèixer tots els detalls del vostre producte i inspirar tot l'equip. La majoria de les eines de prototipat poden crear prototips de manera ràpida i eficaç, però no cal codificar.

Flux de disseny

Un cop entengueu la diferència entre disseny i filferro i prototip, esteu a l’avantguarda del món del disseny de l’experiència de l’usuari.

Si podeu convertir les sèries de disseny de producte en un flux de treball cohesionat i eficaç, hi haurà girs sorprenents.

Consells

Quan creeu Wireframe, intenteu utilitzar elements editables i reutilitzables. En aquest cas, continuaràs netejant els elements per realitzar prototips basats en cables senzills.

Quan instal·leu cables, intenteu reunir idees i idees del vostre equip i clients i procureu reflectir-les en el disseny de la simfonia.

Utilitzeu l’eina més convenient.

UXPin

UXPin

UXPin ha creat més de 900 elements de la interfície d'usuari de manera que pugueu crear cables i prototips.

Proto.io

Proto.io

Proto.io és una eina de prototipat molt potent i pot exportar codi HTML / CSS basat en prototips i prototip interactiu per a la pantalla tàctil, permetent als usuaris provar-la en dispositius reals.

Balsàmic

Balsàmic

Popular, r és un dispositiu únic per a cables a llarg termini per a un problema fix.

Moqups

Moqups

Aquesta eina admet la implementació directa del teleframé en línia.

Mockplus

Mockplus

Mockplus és una eina de prototipat tot inclòs per a sorolls ràpids, disseny ràpid i visualització ràpida. Permet crear dispositius mòbils per a aplicacions mòbils (Android i iOS), escriptori (PC i Mac) i web.

Reflexió

Reflexió

Necessitem més implementació d’aquesta eina com a extensions de cable i eines de disseny de prototips més populars? No ho crec.

Protoshare

Protoshare

Aquesta eina també pot crear targetes sim i prototips a Internet.

InvisionApp

Veure

Aquesta eina us ajuda a crear el prototip que necessiteu, no traieu res, però podeu afegir enllaços entre diferents pantalles.

Publicació original: http://www.mockplus.com/blog/post/basic-uiux-design-concept-difference-between-wireframe-prototype