La differenza tra il concetto di base di UI / UX Design tra lo schermo cablato e il prototipo

I termini "filo metallico" e "prototipo" sono sempre confusi dai progettisti, indipendentemente dal fatto che si tratti di un progettista esperto, forse per incomprensioni o per altri motivi. In effetti, la comprensione tra questi due termini è molto chiara e diversa. Facciamo ora una distinzione tra questi due termini.

Che cos'è una carta SIM?

Lo schermo cablato è un layout semplice ma semplice che ha 3 obiettivi semplici ma chiari:

1. Fornisce un gruppo di informazioni di base

2. Disegna una struttura e un layout

3. Vista e descrizione dell'interfaccia utente

Una volta che hai costruito correttamente il filo, questa sarà la struttura di base del tuo prodotto. Come il layout dell'edificio, descrive in modo chiaro e preciso i dettagli.

Caratteristiche visive del filo metallico

Lo schermo cablato presenta limiti visivi molto chiari. In generale, i progettisti dovrebbero utilizzare solo linee, caselle e grigio per terminare (grigio diverso significa livelli diversi).

Fili vettoriali semplici

Symphrams semplici includono immagini, video e testo

Vantaggi del cablaggio

Il cablaggio è veloce ed economico, soprattutto se si utilizzano strumenti di prototipazione come UXPin, Mockplus, Balsamiq e Axure. Ovviamente, devi usare questi strumenti di prototipazione per farlo prima.

Il confronto tra fili dettagliati e dettagliati ad alta risoluzione è importante per raccogliere feedback. Perché no? Questo perché le persone pongono maggiormente l'accento sulle prestazioni del software, sull'architettura delle informazioni, sull'esperienza dell'utente, sui programmi di interazione dell'utente e sull'utilizzo piuttosto che considerare le caratteristiche estetiche di questi elementi. Tuttavia, in questo caso puoi facilmente cambiarlo come richiesto, ma non è necessario configurare la codifica e la modifica grafica.

Sinfonia interattiva

Occasionalmente, i progettisti preferiscono migliorare l'affidabilità dei cavi per migliorare l'importanza dell'interfaccia utente per alcuni aspetti e dimostrare la logica dell'interoperabilità tra test istantanei ed elementi visivi. Per risolvere correttamente questi problemi, il programma utilizza un sinfram interattivo, noto anche come telframe stampato.

Se vuoi creare un filo così complesso, avrai bisogno di un UXPin, che è uno strumento per l'installazione e la prototipazione di fili. La creazione di un prototipo interattivo può essere la migliore presentazione per un team di sviluppo e clienti. Chiedete "Cosa succede quando premo questo pulsante?" In caso di problemi, è sufficiente fare clic e mostrare ai clienti come interagire con il prototipo interattivo. In effetti, è impressionante e diretto.

Puntare con attenzione il filo

Se devi dargli il telfram, devi stare attento al ragazzo che è assolutamente degno. Potrebbe essere il tuo cliente, nonché un responsabile non tecnico coinvolto nella collaborazione. Ma non sa che il filo e il prodotto finale possono sembrare interconnessi. Pertanto, potrebbe non comprendere la comunicazione interna e la modalità di lavoro tra di loro. Quindi, devi presentare e come prendere la decisione giusta.

Questo è il flusso di lavoro di un utente dell'app creato da Fernando Guillen. Naturalmente, questa è senza dubbio una prima versione di design.

L'armadio metallico è la parte più importante del design. Quando vedi questo diagramma di flusso, capisci che ci vuole tempo per spiegare perché si chiama Symphram e perché dovremmo usare Symphram. Oppure puoi semplicemente saltare questo passaggio.

Che prototipo

La domanda per il prototipo è superiore al wireframe wire / interattivo, dovrebbe essere un prototipo interattivo e, per quanto possibile, ad alta risoluzione adatto all'interfaccia utente finale.

Lo scopo del prototipo è chiaro: semplificare il più possibile l'interazione dell'utente e dell'interfaccia. Quando si preme un pulsante, è necessario eseguire un'operazione appropriata e devono apparire le pagine pertinenti, cercando di imitare l'intera esperienza del prodotto.

Funzionalità visive del prototipo

Ovviamente, il prototipo deve avere le caratteristiche estetiche del prodotto e cercare di abbinare l'ultima versione. Fondamentalmente, questo è un skin di prodotto che non ha HTML / CSS / JS e non è necessario esplorare il server e il database.

Il vantaggio del prototipo

Perché è così importante? Il prototipo viene solitamente utilizzato dagli utenti per i test sui prodotti. Testare il prototipo può far risparmiare costi e tempo di sviluppo in una fase molto precoce. Pertanto, l'architettura del prodotto non diminuisce a causa dell'interfaccia irragionevole interattiva. Quindi il prototipo è il risultato perfetto per designer e sviluppatori per testare il prodotto.

Fornisce inoltre prototipi per gli utenti per raccogliere feedback, conoscere tutti i dettagli del prodotto e ispirare l'intero team. La maggior parte degli strumenti di prototipazione può creare prototipi in modo rapido ed efficiente, ma non è necessario codificarli.

Flusso di progettazione

Una volta che hai capito la differenza tra design, filo e prototipo, sei in prima linea nel mondo della progettazione dell'esperienza utente.

Se riesci a trasformare le tue serie di design di prodotti in un flusso di lavoro coerente ed efficiente, ci saranno delle svolte sorprendenti.

Consigli

Quando si crea Wireframe, provare a utilizzare elementi modificabili e riutilizzabili. In questo caso, continuerai a cancellare gli elementi per eseguire prototipi basati su fili cablati.

Quando installi i cavi, prova a raccogliere idee e idee dal tuo team e dai tuoi clienti, e cerca di rifletterle nel design sinfonico.

Usa il tuo strumento più conveniente.

UXPin

UXPin ha creato oltre 900 diversi elementi dell'interfaccia utente in modo da poter creare fili e prototipi.

Proto.io

Proto.io è uno strumento di prototipazione molto potente e può esportare codice HTML / CSS basato su prototipo e prototipo interattivo per il touchscreen, consentendo agli utenti di testarlo su dispositivi reali.

Balsamiq

Populator, r è un trasmettitore a filo solo per telframe fisso.

Moqups

Questo strumento ti aiuta a implementare il tuo teleframe direttamente online.

Mockplus

Mockplus è uno strumento di prototipazione all-inclusive per rumorosità rapida, design veloce e visualizzazione rapida. Consente di creare dispositivi mobili per applicazioni mobili (Android e iOS), desktop (PC e Mac) e Web. In Mockplus 3.0, ha aggiunto un'efficace collaborazione di gruppo.

Aksu

Abbiamo bisogno di una maggiore implementazione di questo strumento come estensioni del filo e strumenti di progettazione prototipo più popolari? Io non la penso così.

Protoshare

Questo strumento può anche creare sim card e prototipi su Internet.

InvisionApp

Questo strumento ti aiuta a creare il prototipo di cui hai bisogno, non disegnare nulla, ma puoi aggiungere collegamenti tra schermate diverse.

Vuoi scrivere la tua idea di design in .dsgnrs. blog? Leggi di più ...