La progettazione di siti Web con un'estetica a schermo diviso è una tendenza che continua a evolversi e a crescere. Un design a schermo diviso può essere utile per una serie di motivi, tra cui la compatibilità mobile e la facilità d'uso. Inoltre, molti di questi design sembrano fantastici!
I cambiamenti nella tendenza mostrano che ci sono tanti modi diversi per creare un design a schermo diviso efficace che gli utenti apprezzeranno. Considera questa tua introduzione al design a schermo diviso nell'era nuova e migliorata!
Vantaggi del design a schermo diviso
Funzionano bene quando ci sono due bit di contenuto che l'utente deve vedere immediatamente. I disegni a schermo diviso continuano a crescere in popolarità perché possono essere molto efficaci. Funzionano bene quando ci sono due bit di contenuto che l'utente deve vedere immediatamente. Questa stessa idea si applica ai contenuti che richiedono all'utente di fare una scelta per procedere, come scegliere un percorso del contenuto.
I progettisti utilizzano il design a schermo diviso perché sono efficaci. I principali motivi per utilizzare un design a schermo diviso sono:
- Incoraggia l'utente a fare una scelta: scegli questo o quello
- Evidenzia un'immagine verticale
- Crea un'esperienza comune su desktop e dispositivi mobili
- Stabilire un flusso visivo distinto (in una chiamata all'azione)
- Stabilire un modello di progettazione che funzioni con altre tecniche e tendenze di progettazione
- Crea un elemento visivo che si distingua da così tante home page di eroi a schermo intero o differenzia tra i tipi di contenuti su un sito web
Il bello dei design a schermo diviso è che funzionano magnificamente con il formato responsivo. Ottieni contenuti doppi sul desktop e contenuti impilati su schermi mobili. Indipendentemente dal dispositivo, l'utente non sente di aver perso qualcosa cambiando tipo di dispositivo.
?Classico? Design a schermo diviso
Potrebbe essere un po 'presto chiamare l'estetica del design a schermo diviso "classico", ma considerando la velocità con cui si muovono le tendenze del web design, non è esagerato.
Abbiamo scritto sul design a schermo diviso qui dal 2015. È stato descritto come una tendenza di design del 2017 e una tendenza che devi provare nel 2018. Allora, cosa stai aspettando?
Ecco perché ci è piaciuto allora (e ora):
- Il design a schermo diviso può essere una buona scelta per i quadri reattivi. Sugli schermi più grandi, il design è diviso, ma quando si tratta di schermi più piccoli, i pannelli possono essere impilati.
- È facile lavorare in animazione ed effetti che incoraggiano i clic in base al contenuto fornito.
- Due pannelli simmetrici facilitano la creazione di una struttura modulare per la progettazione completa del sito e l'organizzazione dei contenuti all'interno dei blocchi.
Schermi divisi in evoluzione
C'è un passaggio a più schermi divisi minimamente progettati. Mentre i primi progetti di schermi divisi erano abbastanza semplici - e simmetrici - questa non è più la storia completa. I progettisti utilizzano ancora alcune suddivisioni di uguale peso, ma lavorano anche in divisioni che non sono al centro dello schermo.
Alcuni dispongono di più modelli a zig-zag, divisioni basate sulla griglia (si pensi a schermi di tre quarti e di un quarto) e dividono gli schermi con pesi di contenuto diversi. C'è anche un passaggio a più schermi divisi minimamente progettati.
Originariamente gli schermi divisi tendevano a essere un po 'pesanti perché erano progettati per portare l'utente in un viaggio attraverso un canale di contenuti appropriato e il contenuto deve aiutarli a raggiungerlo. Ora quella scelta viene semplificata ancora di più. (Esistono persino alcuni disegni a schermo diviso che utilizzano il modello visivo senza una scelta di questo o di quel tipo, come nell'esempio precedente).
Dividi schermi con più aree di clic
Uno dei maggiori cambiamenti nella tendenza del design a schermo diviso è che ci sono più aree di clic in alcuni dei progetti più recenti. Dove originariamente gli schermi divisi avevano due CTA per schermo, queste divisioni spesso contengono altre informazioni e aree cliccabili.
L'esempio sopra mostra uno schermo diviso con un'immagine forte e messaggi accoppiati con link e-commerce. Ha un bell'aspetto sui desktop - con la grande immagine per attirarti e impilare solo un bel cellulare, per un'esperienza di shopping più piacevole.
Schermi divisi non così ovvi
Non tutti i design a schermo diviso sono super evidenti. (Si consideri che questa è una tendenza dell'esperienza utente più visiva.)
Nel design minimale è possibile stabilire uno schermo diviso con l'uso di una griglia, ma senza colori o immagini, gli "schermi"? sembra uno. Owl Studios, sopra, lo fa bene. Sopra la pergamena, sembra un design a schermo singolo, sotto la pergamena e sul cellulare, la divisione diventa più ovvia.
Questo design a schermo diviso è bello e altamente utilizzabile su tutti i dispositivi. Questo è esattamente ciò che dovresti cercare di ottenere con questa tendenza di design del sito web.
Una parola di cautela
Mentre si lavora con schermi divisi verticali è possibile creare esperienze utente sorprendenti, è necessario fare attenzione alle divisioni orizzontali. Questi possono diventare scomodi e andare un po 'in tilt velocemente!
La maggior parte degli utenti si aspetta lo stesso sito Web su tutti i dispositivi.L'esempio sopra è in realtà un bel sito web e utilizza principi split-screen ben al di sotto del scroll, ma i primi due? fallire. C'è quasi troppo spazio bianco e non abbastanza messaggistica per incoraggiare lo scorrimento e manca l'UX mobile. Il design funzionerebbe meglio con uno schermo diviso verticale qui, mantenendo lo spazio bianco e CTA con il video accanto.
Uno schermo diviso orizzontale spesso ti lascia con immagini con un'area dell'immagine ampia che non è alta. Questo è un rapporto aspetto difficile per lavorare sugli schermi mobili. Sebbene tu possa farlo funzionare con un piano solido e un diverso set di colture, può portare a due diverse esperienze utente.
La maggior parte degli utenti si aspetta lo stesso sito Web su tutti i dispositivi. Se hai intenzione di creare esperienze diverse, anche solo con immagini o testo, fai una buona conversazione con il tuo team e assicurati che questa sia la scelta di design migliore per il progetto.
6 disegni a schermo condiviso che amiamo
Raggiungi il digitale
Pad Paradise
Nikos Pandazaras
WEIMA
Dr. Roebuck's
Conclusione
Riesci a vedere usando un design a schermo diviso nei tuoi progetti? Se il tipo di contenuto è corretto, questa può essere una tecnica di progettazione molto efficace. E ci sono tanti modi diversi per farlo funzionare. In bocca al lupo!