Video: #59 Nextion Display Tutorial #2: Create your own Application 2024
Sia che tu abbia scelto di utilizzare carta e matita o uno strumento di simulazione software, la buona notizia è che non è necessario reinventare la ruota. Costruire e utilizzare i modelli è il modo più rapido e intelligente per approcciare la progettazione dei modelli.
Gli elementi mostrati nella figura seguente costituiscono il tuo primo modello di mock-up. Ogni elemento corrisponde a uno dei seguenti passaggi:
-
Inizia con una cornice.
Inizia disegnando una semplice cornice quadrata. Pensa a questa cornice come a casa di tutti gli elementi di visualizzazione dei dati.
-
Determina dove posizionare il logo.
Il marchio aziendale è una priorità assoluta per la maggior parte delle organizzazioni.
-
Aggiungi un titolo.
Il titolo del tuo mock-up è molto importante e dovrebbe essere collocato nell'angolo in alto a destra o al centro della cornice. Il titolo è la prima cosa che vedrà la maggior parte degli utenti, e tu vuoi rendere molto chiaro ciò che stanno visualizzando.
-
Fornire una sezione del menu di aiuto.
Potrebbe essere utile includere una serie di pulsanti di aiuto nella visualizzazione dei dati. Alcune delle opzioni più popolari includono
-
Pulsante di stampa: Consente agli utenti di stampare i risultati dei dati dai propri dispositivi secondo necessità
-
Pulsante di ripristino: Consente agli utenti di iniziare dall'inizio
-
pulsante Guida: Fornisce informazioni utili sulla visualizzazione dei dati
-
Pulsante FAQ: Fornisce informazioni su vari aspetti della visualizzazione dei dati
-
-
Aggiungi un'area di navigazione.
Il modo più semplice per affrontare questa sezione è pensare ai tuoi tre siti Web preferiti. Gli elementi di navigazione di questi siti sono probabilmente in alto, a sinistra o in entrambi i posti. Poiché gli utenti leggono in un pattern Z arretrato, queste aree sono i luoghi più efficaci per qualsiasi menu di navigazione.
-
Aggiungi una riga di copyright.
Questa linea di solito va nella parte inferiore della visualizzazione dei dati per garantire che gli utenti vedano che il lavoro è protetto da copyright.
Ora che hai incluso gli elementi principali, è il momento di decidere su un layout per visualizzare i tuoi dati, come mostrato nella figura seguente.
Il tuo layout è il corpo del tuo modello, in cui sono ospitate le visualizzazioni. Tutti gli elementi descritti nella prima figura dell'articolo sono elementi che circondano il layout.
