Quando l'interfaccia utente è appropriata in un'app Web?

Question

Per iniziare con un contesto, sono così infastidito ogni volta che arrivo su un computer Windows che ha le impostazioni regolate per "miglior aspetto" rispetto alle "migliori prestazioni" che istintivamente spengo immediatamente tutte le dissolvenze, transizioni, animazioni, ecc. . Quasi non riesco a mettere a fuoco finché non è cambiato.

Tuttavia, quando si tratta di mie applicazioni web, io molto occasionalmente gettare in qualche "eye candy" - forse un leggero passaggio perché la transizione istantanea sembra distrazione o troppo brusco.

Tuttavia mi sento un ipocrita. Non ho mai optato per un'interfaccia utente più lenta su un computer desktop, e quando cambio le impostazioni del desktop per familiari, amici e clienti, nessuno mi chiede MAI di tornare al vecchio modo più lento.

Quindi sono di parte o ci sono alcune regole legittime per quando è effettivamente appropriato?

Nel mio attuale dilemma, sto usando un cercapersone Javascript con una dissolvenza in apertura per mostrare il contenuto della pagina successiva oltre 0,75 sec perché se non lo faccio, il cambiamento causa un piccolo sfarfallio (che mi distrae) , ma forse se fossi sulla sedia dell'utente, starei urlando, "mostrami solo la pagina!"

Pensieri? Qualcuno ha letto qualche buon libro su questa roba?

Modifica: Devo dire che nel mio esempio corrente, la pagina successiva è quasi sempre pronta per essere visualizzata immediatamente se lo desidera. Prefetch la pagina successiva mentre l'utente si trova sulla pagina corrente. Questo è un aspetto di ciò che rende qualcosa come questo "eye candy" per me. Potrei farlo più velocemente con quasi nessuna differenza per l'utente.

2a modifica: Grazie per tutti i suggerimenti e le considerazioni. Ci sono diversi libri che non vedo l'ora di leggere. Ho contrassegnato il sito web ui-patterns come la risposta perché sarà il più immediatamente utile per questo tipo di problema. Inoltre nessuno ha menzionato il YUI design pattern library, ma l'ho incontrato più tardi. È una risorsa eccellente e anche indirizzi this issue. Inoltre, ho sicuramente intenzione di cercare input dell'utente quando sono in quella fase per questo particolare esempio.

Infine, capisco che il mio ragionamento iniziale a riguardo non ha tenuto conto della mia familiarità con Windows rispetto alla mia app. Dato che sono così abituato al desktop di Windows, ora voglio solo fare le cose. Forse molto tempo fa quando usavo xp per la prima volta, quelle transizioni erano utili per un giorno o due. (Non ricordo che sia il caso, ma forse.) Probabilmente lo stesso sarà vero per le mie transizioni nella mia web app se è usato spesso. Presto io (e i miei utenti) saremo stanchi di qualsiasi trucco per gli occhi che aggiungo anche se è molto breve. Vedrò e chiederò.

Grazie a tutti!

Answer 1

Ho trovato UI Patterns molto utile quando si prendono le decisioni relative all'interfaccia utente.

Answer 2

Mi piace molto la nuova "vista della larghezza di banda ridotta" supportata da MSDN. Mi piacerebbe immaginarlo come uno standard più comune sui siti web.

In questo modo, posso scegliere la mia esperienza utente che potrebbe cambiare in momenti diversi.

Answer 3

Non c'è una risposta facile The Design of Everyday Things è un buon posto per iniziare a guardare nel design semplicistico. Siti come SO che hanno un aspetto "pulito" con un po 'di flash in più (figurativo non il tipo di adobe) sembrano essere il migliore.

Esattamente non MSDN è un buon punto di partenza ...

Aggiornamento - Come sottolineato da John nei commenti la vista bassa larghezza di banda di MSDN è in realtà piuttosto bello. Buona call John Weldon Non l'avevo mai guardato prima (e probabilmente non avrebbe mai voluto). Grazie!

Answer 4

ma forse se ero sulla sedia utente, sarei urlando, "mi mostrano pagina già!"

Penso che il modo più semplice per capire se la transizione è utile o meno è chiedere agli utenti. Lo stesso vale per qualsiasi tecnica di interfaccia utente che si desidera utilizzare per migliorare l'esperienza.

Penso Regole empiriche sarà difficile in quanto diverse applicazioni (web-based e non) hanno diversi tipi di pubblico, aspettative diverse di utilizzo, ecc

Answer 5

animazioni anche contribuire a richiamare l'attenzione dell'utente ad una porzione dello schermo . Utilizzati con attenzione, possono rendere il sistema molto più facile da usare. Alcune delle finestre di eyecandy esistono solo per rallentare e costringere l'utente ad aspettare. Il mio più grande problema con i menu a scorrimento in Windows è che so già cosa sto cercando e dove trovarlo. Il menu aggiunge solo un ritardo. Questo potrebbe non essere vero nella tua web-app perché l'utente sta esplorando il tuo sistema.

Se un sistema è attraente e presentato bene, mette l'utente di buon umore e li rende più sicuri di poter risolvere i problemi. Quando un problema si presenta "come faccio a fare xyz", trovano il problema più facile da risolvere. Mettendo il tempo e gli sforzi per rendere l'interfaccia utente piacevole, ripagherete sia con una migliore esperienza utente che con una migliore immagine di marketing. Ti rende inoltre orgoglioso di lavorare sul sistema, che è fondamentale per avere un ottimo prodotto. Il segno distintivo di un grande prodotto è quello che lo sviluppatore stesso usa regolarmente.

Answer 6

Mi piacciono gli effetti delle applicazioni web e le caramelle per gli occhi. Basta non renderlo "eccessivo" :)

Answer 7

Fondamentalmente, se la tua applicazione web è unica e non credi che avrai molta competizione, allora il trucco per gli occhi è completamente inutile, come le persone useranno il tuo servizio indipendentemente (perché è l'unico). Tuttavia, se hai un sacco di competizione da affrontare, un bel design e delle belle animazioni attireranno sicuramente più utenti, perché hai bisogno di qualcosa con cui impressionarli.

Generalmente, finché non danneggia l'usabilità, provaci. :)

Answer 8

Dipende da ciò che stai cercando di ottenere con il sito web. Abbiamo creato alcuni siti Web per marchi che pretendono di avere un piacere per gli occhi, a scapito delle prestazioni.

Answer 9

C'è davvero solo una regola vera ... le uniche persone che conoscono la risposta sono i tuoi potenziali utenti. In quanto tale, è necessario andare fuori e ottenere tali informazioni dai potenziali utenti in modo da poter essere il più informati possibile circa le loro aspettative sul tuo sito.

Se si tratta di un prodotto già in fase di sviluppo, è sempre possibile ottenere alcuni utenti e testare.

Inoltre, è importante notare: anche se fingiamo che le applicazioni web siano le stesse delle applicazioni ... non lo sono, almeno concettualmente nel nostro cervello. Le persone si aspettano che le applicazioni e le applicazioni web funzionino in modo diverso l'una con l'altra, anche se sono piccole differenze. Usa il tuo esempio di impaginazione. È probabile che, se hai scritto un'applicazione completa con paginazione, probabilmente ti aspetteresti una transizione molto rapida. Tuttavia, poiché si tratta di una pagina web, alcune bandiere nel tuo cervello.

MODIFICA: se vuoi leggere alcuni libri sul design dell'interazione, puoi provare Alan Coopers About Face 2.0, Le azioni di Lucy Suchman o cercare in giro cose come usability.gov.

Answer 10

L'eye candy per UI è molto importante. Ma non dovrebbe mai intralciare la buona esperienza dell'utente. È un'opinione (che sta lentamente cambiando) che avere un piacere per gli occhi darà una buona esperienza utente.

L'esperienza utente dovrebbe essere progettato prima, quindi aggiungere lo scintillio, sempre puntuale ricordando che nel design 'less is more'

Answer 11

Dopo aver controllato alcuni degli altri libri citati qui su Amazon, ho anche imbattuto "Don't Make Me Think". Mentre non ho letto il libro, ho letto molte recensioni ed estratti e sembra molto buono, quindi lo aggiungo alla lista.

Answer 12

Devi dimostrare il tuo prodotto a qualcuno per venderlo? O è un sito autonomo. Se stai dimostrando un prodotto in vendita, i dolci per gli occhi possono aiutare le persone a ricordare quello che stai vendendo, penso.

Guardare intorno può far pensare che il tuo prodotto sia più "professionale".