it-swarm-eu.dev

Qual è l'aspetto importante da considerare quando si decide dove posizionare i pulsanti di interazione di Windows?

Nella maggior parte dei desktop Windows i pulsanti Riduci, Ingrandisci e Ripristina per una finestra sono posizionati nella decorazione di Windows in alto a destra. Tuttavia, MacOS e ora Gnome in Ubuntu hanno posizionato quei pulsanti sulla sinistra.

Qual è l'aspetto importante quando si decide dove posizionarli? L'aspettativa dell'utente derivante dall'esperienza precedente è l'aspetto più importante o ci sono altri aspetti indipendenti correlati a dove l'utente guarderebbe per primo automaticamente? Esiste una differenza per le localizzazioni in cui le lettere sono scritte da sinistra a destra o da destra a sinistra?

22
txwikinger

Penso che questa sia una di quelle cose in cui dovresti fare ciò che l'utente si aspetta.

Cosa si aspettano? Beh, a volte questa è la cosa difficile da capire. Sono stati effettuati studi di movimento degli occhi in eccesso per determinare la migliore posizione per i più importanti pulsanti di invito all'azione. E gli utenti spesso iniziano nell'angolo in alto a sinistra. D'altra parte, questi pulsanti della finestra sono così onnipresenti e così familiari che non dovrebbero richiedere pensieri inutili. Se un utente è abituato a un sistema operativo con i pulsanti su un certo lato dello schermo, li cercherà naturalmente in quel punto. L'esperienza passata sarà il fattore dominante in ciò che l'utente si aspetta.

Ad esempio, se il tuo pubblico è composto per il 90% da utenti Windows, penso che dovresti assolutamente mettere questi pulsanti in alto a destra. Gli utenti di Windows cercheranno naturalmente questi pulsanti nell'angolo in alto a destra perché è quello che sono stati addestrati a fare.

O meglio, se puoi adottare i controlli della finestra integrati (titolo e posizione dei pulsanti) del sistema operativo di destinazione, prendi questa decisione dalle tue mani e i pulsanti saranno sempre dove l'utente si aspetta.

17
Steve Wortham

È un peccato che gli utenti si aspettino che l'interfaccia utente sia coerente con il sistema operativo. Vorrei avere un dollaro per ogni volta che volevo fare clic su "Max" e fare clic su "Chiudi". Se stavo costruendo una finestra da zero piuttosto che prendere la via d'uscita facile e lasciare che Windows facesse il lavoro sporco, almeno metterei un po 'di spazio tra quelle piccole scatoline. Potrei anche renderli un po 'più grandi. Ma li lascerei nell'angolo in cui l'utente si aspettava di trovarli (in alto a destra per Windows).

Questa stessa domanda è nata oggi con il mio cliente - e le tue risposte sono state utili ma vorrei aggiungere che dal punto di vista degli utenti occidentali (evitando attentamente di leggere/scrivere le indicazioni), la radice della domanda è in perché Windows posizionava i pulsanti a destra e OS X a sinistra.

Il lato destro è una preferenza dell'utente per coloro che usano il mouse con la mano destra, il che dà un "mouse" naturale allo schermo sulla destra. Gli utenti mancini spesso continuano a spostarsi con il mouse a destra (per abitudine utilizzando il modello di interfaccia di destra in discussione), ma si troveranno fisicamente più a loro agio a spostarsi a sinistra.

Ci sono più utenti destrorsi che mancini.

Le interfacce intelligenti offriranno una preferenza o un'alternativa (come il pulsante di chiusura "nascosto" di Window sulla sinistra delle barre del titolo della finestra).

Se OS X sia stato progettato da un avanzi o se la scienza della progettazione dell'interfaccia utente fosse agli inizi, non saprei dire, ma penso che Windows abbia fatto bene. Inoltre, capisco che il pulsante rosso OS X non chiudi l'applicazione, ma nasconde la finestra quindi la domanda potrebbe non essere del tutto valida se si confrontano i due sistemi operativi.

Non sono mai stato contento dei 3 pulsanti colorati di OS X, anche se l'utente impara a riconoscere i pulsanti in base alle posizioni 1, 2 e 3, credo che l'aggiunta di un'icona in quanto Windows si rivolga solo a più preferenze cognitive rispetto a un cerchio e una posizione solo. Quadrati/cerchi, sinistra/destra, icone/nessuna icona; sembra che qualcuno volesse solo essere diverso!

In sintesi, considera le posizioni del mouse-off degli utenti e, ove possibile, offri loro una scelta nel controllo della tua interfaccia.

2

Per le app desktop, è necessario seguire lo standard della piattaforma o le preferenze dell'utente e l'utilizzo di un toolkit standard dovrebbe occuparsene.

Per quanto riguarda il web, penso che la risposta dipenda dal tipo di finestra con cui hai a che fare, e vorrei inclinarmi verso la chiusura di un pulsante nell'angolo in alto a sinistra. Non sono affatto un utente mac, ma penso che chiudere una finestra all'interno di un'app Web sia diverso dalla chiusura di una finestra del desktop, per questi motivi:

  1. Quasi tutte le finestre del desktop hanno pulsanti di chiusura, quindi sai che è lì senza guardarlo. Al contrario, non tutti gli elementi della pagina Web hanno pulsanti di chiusura. Quindi, quando c'è un pulsante di chiusura, è importante che sia chiaramente visibile e posizionandolo nell'angolo in alto a sinistra si ottiene questo dato che è qui che iniziamo a leggere. Forse sui siti Web in lingua da destra a sinistra, i pulsanti di chiusura dovrebbero essere sulla destra.

  2. Quando ho finito con un'attività su un desktop e voglio tornare alla mia attività precedente, spesso chiudo la finestra. Ma per tornare alla mia attività precedente in un browser Web, invece di fare clic sul pulsante Chiudi sul browser, faccio clic sul pulsante Indietro. Spesso chiudere una modale in un'applicazione web significa tornare a una scena precedente, quindi è molto più simile al pulsante Indietro, situato a sinistra, che al pulsante Chiudi finestra. Secondo la stessa logica, trovo naturale che l'azione di "disconnessione" di un sito si trovi in ​​alto a destra.

Infine, se la finestra si estende da un particolare lato o angolo dello schermo quando si apre, il pulsante di chiusura dovrebbe trovarsi sul lato/angolo opposto.

1
hagabaka

Posizionare i pulsanti nell'angolo in alto a sinistra ha il vantaggio che sarebbero ancora visibili quando un utente ha uno stretto viewport .

Se i pulsanti fossero posizionati nell'angolo in alto a destra, quegli utenti dovrebbero inizialmente scorrere verso destra, prima di poter chiudere il popup/modale.

1
unor