La differenza tra i fili di base, il prototipo e il modello del concetto di UI / UX Design

Le differenze tra filo, prototipo e modello sono sempre confuse da molti designer, nonostante sia un designer esperto, ho visto molte persone chiedere a Quora e Reddit di questi termini, quindi che diavolo è? per capire Risolve molti problemi e risparmia energia per i progettisti.

Che cos'è una carta SIM?

Questa è una struttura grafica di un sito Web o di un'applicazione che contiene contenuti ed elementi. Come un progetto di costruzione, ci vuole molto lavoro e partecipanti per renderlo un grattacielo. Allo stesso modo, il cavo sembra semplice e deve essere fatto dai progettisti UX, UI, IxD. In breve, Wireframe è un semplice layout che ha 3 obiettivi semplici ma chiari:

  • Contiene informazioni di base
  • Disegna una struttura e un layout
  • Visualizza l'interfaccia utente

Caratteristiche visive del filo metallico

Visivamente, l'auricolare cablato ha limiti visivi molto chiari in quanto richiede solo semplici linee, scatole e grigio (diversi colori grigi) per completarlo.

Lo schermo cablato presenta limiti visivi molto chiari. In genere, i progettisti dovrebbero utilizzare solo linee, caselle e grigi (diversi livelli di grigio indicano livelli diversi).

2. Filo metallico semplice di vettore

Symphrams semplici includono immagini, video e testo

3. Vantaggi del cavo elettrico

La costruzione del filo è rapida ed economica.

Soprattutto se usi cappelli e matite come il balsamo. Ovviamente, dovresti usare questi strumenti di progettazione per iniziare subito.

Rispetto a un telframe ad alta definizione completo e dettagliato, è molto più facile e più importante raccogliere idee attraverso un symphrame di fascia alta. 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.

4. Symphram interattivo

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.

5. Puntare con cura il filo

Se devi dargli il telfram, devi stare attento al ragazzo che è assolutamente degno. Potrebbe essere il tuo cliente, così come il tuo manager non tecnico. 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.

Strumenti di progettazione cablati

Carta e matita

Carta e matita sono gli strumenti più semplici per la progettazione di Wireframing. Disegna una striscia casuale con carta, questo è un semplice filo con linee e scatole semplici. Con il suo aiuto, i progettisti presentano in modo intuitivo idee attraverso testi dettagliati o passaparola con clienti e dirigenti. Ma questo non viene utilizzato nel progetto ufficiale per le grandi aziende.

Balsamiq

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. Balsamiq presenta una serie di elementi per telegrammi statici in due modi diversi. Il suo stile disegnato a mano aiuta a concentrarsi sul layout, sul design funzionale, tutti i colori sono bianchi e neri. Quindi non sentirai un reclamo in merito alle impostazioni del colore e all'effetto visivo.

Cos'è un prototipo?

La richiesta del prototipo è superiore a quella del telfram. La differenza è che il prototipo dovrebbe essere interattivo e, per quanto possibile, un prototipo ad alta risoluzione che si adatterà all'interfaccia dell'utente finale. Allo stesso tempo, offre un'esperienza completa ai tester simulando l'interfaccia del prodotto reale e l'interazione funzionale.

1. Vantaggio del prototipo

"La creazione di un prototipo a misura di team aiuta una maggiore connettività tra designer e sviluppatori."

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.

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. 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.

2. 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.

3. Test di prototipazione

Il test del prototipo è un passo importante nel processo di progettazione del prototipo, che è uno dei passi importanti del processo complessivo. Come condurre un test di validazione è un argomento enorme di cui parlare qui. Un test semplice può richiedere fino a un'ora, con 5 o 6 eventi chiave da testare. Ecco alcune domande frequenti per riferimento:

  • Come inizia l'utente? (Cerca o visualizza?)
  • Cosa fa prima l'utente? e poi?
  • Come prende la decisione finale?
  • Capiscono lo scopo del design? Ci sono delle sfide?

La creazione del prototipo del prodotto è un processo continuo che richiede ripetizione e miglioramento.

Strumenti di prototipazione

Alla ricerca di un ottimo strumento di prototipazione rapida? Nessun budget? Nessuna scusa Mockplus Black Friday 2017 è qui! Unisciti ora al gruppo Slack ufficiale Mockplus e l'amministratore ti offrirà un coupon di sconto del 40% e un pacchetto gratuito di kit e font UI. Questa offerta limitata nel tempo è valida per tutti i pacchetti e dura fino al 31 novembre, risparmiando almeno $ 80 dal prezzo normale. Inoltre, riceverai un supporto tecnico gratuito a vita su Mockplus, anche se non sei un utente pagato in questo momento. Vieni a goderti il ​​Mockplus Black Friday 2017!

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. Mockplus 3.2 ha aggiunto la modalità di progettazione del flusso dell'interfaccia utente, hardware di ripetizione, progetti e modelli demo e importazioni di schizzi. Altre funzionalità, come la modalità di progettazione Mind Map, saranno disponibili nelle versioni successive a Mockplus 3.2.

UXPin

UXPin ha creato oltre 900 diversi elementi dell'interfaccia utente in modo da poter creare fili e prototipi. La sua funzione di breakpoint reattivo consente agli utenti di creare prototipi sensibili e sim card che funzionano su una varietà di dispositivi e risoluzione.

Che cos'è un modello?

Mockup è uno "script visivo" utilizzato per visualizzare il design visivo di un prodotto. Ha elementi visivi più ricchi dei fili, tra cui grafica, layout, colore e presentazioni visive più dettagliate. In una certa misura, questo è il design finale del prodotto.

Come un filo metallico, il Mockup è statico e non funziona. Si concentra sull'aspetto del prodotto aggiungendo molti elementi visivi per ottenere una maggiore precisione. Viene spesso utilizzato nelle discussioni sulla progettazione visiva per migliorare la progettazione visiva del prodotto.

Flusso di progettazione

Una volta che hai familiarità con l'essenza del design e comprendi la differenza tra filo, modello, 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 sorprendenti colpi di scena.

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