Dove posso trovare l'ispirazione per una buona interfaccia utente? [chiuso]

18

Ho un blocco mentale per quanto riguarda la creazione dell'interfaccia dello schermo principale per un'applicazione desktop che sto attualmente aggiornando. Quando ho sviluppato questo programma per la prima volta, la risoluzione dello schermo era 640 X 480. Oggi ci sono più risoluzioni dello schermo.

Dove posso trovare idee per un buon layout della schermata principale per un'applicazione desktop?

gui  user-interface  delphi  user-experience  desktop-application 
— Michael Riley - AKA Gunny
fonte
1
Che tipo di app è? PhotoShop / GIMP / imagey, Eclipse / VS / codey, Maya / 3DStudio / Cad: y?
— Macke,
Applicazione di finanza personale, dati conservati all'interno di un database proprietario.
— Michael Riley - AKA Gunny,
7
Scambio di stack dell'esperienza utente - Non è una risposta, ma dal momento che stai ridisegnando un'interfaccia utente, hai pensato che l'avresti trovato interessante.
— yannis,
2
— B Seven
1
@Yannis - Grazie ... mi sono completamente perso lì (e dove conduce) sì, oggi.
— Michael Riley - AKA Gunny,

Risposte:

6

Ti consiglierei di leggere un paio di libri diversi che, stranamente, non sono focalizzati sul design della GUI delle applicazioni desktop. Indipendentemente da ciò, questi testi ti aiuteranno a iniziare a pensare in termini di come ottenere le informazioni di cui i tuoi utenti hanno bisogno in una forma che il loro cervello comprenderà. Ad ogni modo, il primo libro è Il libro di design di The Non-Designer di Robin Williams. Questo libro ti insegnerà la composizione in termini non orientati alla progettazione grafica. Questo libro ti farà iniziare a pensare a come la mente umana percepisce gli elementi di design.

Secondo, dai un'occhiata a Don't Make Me Think di Steve Krug. Si occupa della navigazione e della rappresentazione dei dati sulle pagine Web, ma molte delle raccomandazioni (ad es. Navigazione con briciole di pane) spesso hanno lo stesso senso nelle app desktop quanto nelle pagine Web.

Come indicato da un altro poster, non esistono buoni modelli di design nell'isolamento per mezzo. Alcune cose non si traducono così bene tra analogico e digitale (vale a dire il testo a più colonne in un giornale reale rispetto a un'app per il giornale) perché alcune restrizioni sono diverse a seconda del mezzo, ma molti principi del buon design sono veri indipendentemente da ciò che mezzo di cui stai parlando.

— trav
fonte
— Michael Riley - AKA Gunny,
5

Un consiglio che ho sentito spesso è quello di guardare i disegni che ti piacciono per l'ispirazione. Questo non è isolato per dire solo applicazioni desktop, ma dovrebbe estendersi all'arte, all'architettura, al web, alla fotografia, ai prodotti, ecc.

Questo ti aiuterà a capire cosa sia un buon design e ti aiuterà nelle applicazioni di design a lungo termine che sono gradevoli alla vista e facili da usare.

Se prototipi il tuo progetto, puoi ottenere aiuto dagli utenti o da altri sviluppatori per fare un giro mentre raccogli i feedback. Non solo cosa dicono, ma cosa fanno. (esempio: la gente dice che non piacciono le isole disordinate a Walmart, ma hanno letteralmente perso più di $ 1 miliardi di vendite quando hai rimosso il disordine)

— Bill Leeper
fonte
3
+1 per la prototipazione. Piuttosto che concentrarti sulla "1 idea migliore!", Generane un sacco. Quindi, mostra le tue idee prototipo a un gruppo di persone. Riceverai molti feedback e potrai perfezionare il tuo design.
— Stephen Gross,
[Walmart] ha letteralmente perso oltre $ 1 miliardi di vendite quando ha rimosso il disordine; citazione?
— funkybro,
3
@funkybro Articolo del NY Times: nytimes.com/2011/04/08/business/08clutter.html?_r=1
— ghoppe
3
— Robert Harvey
1

Seguo sempre la regola della riduzione al minimo di clic e sequenze di tasti. Non sono molto bravo a creare un'interfaccia utente dall'aspetto sexy, con molti colori e pulsanti dall'aspetto grassoccio, ma gli utenti mi dicono che le mie UI sono un gioco da ragazzi. Eccone uno.

Una delle cose che ho scoperto è che gli utenti amano la risposta immediata . È come Hollywood. Le persone adorano i pixel (preferibilmente pixel colorati). Amano davvero i pixel che si muovono .

Nel tentativo di rendere le UI così e di semplificare lo sforzo di codifica, anni fa ho ideato uno schema che uso ancora oggi - Esecuzione differenziale . (Non posso dire di aver avuto molta fortuna pubblicizzandolo, ma eccolo qui. È stato pubblicato, FWIW.)

Quindi sono solo i miei due centesimi.

— Mike Dunlavey
fonte
La tua pagina wiki è stata eliminata. È altrove?
— Michael Riley - AKA Gunny,
@Cape: Sì, mi sono tagliato fuori alle ginocchia lì - qualcosa sul neologismo . Qualunque cosa. Il tag SO "esecuzione differenziale" mi ha spiegato, e ho messo un'implementazione su sourceforge. Inoltre ci sono le pubblicazioni, la più recente delle quali sarò felice di inviarti, se hai bisogno di qualche occhiata. Forse più al punto potrebbe essere un'app dell'asta che ho fatto un paio di anni fa, che potrei comprimere. È in VC6 (MFC) ma non è grande e funziona bene.
— Mike Dunlavey,
@Cape: In effetti la mia pagina utente di Wikipedia ce l' ha ancora, ma a mio avviso non è molto buona.
— Mike Dunlavey,
Una cosa da considerare sulla minimizzazione di clic e sequenze di tasti è il costo di ogni clic quando si pensa. Le persone in genere preferiscono fare diversi clic quasi privi di senso rispetto a uno che prende in considerazione. Ovviamente, un minor numero di clic senza ragione è meglio di molti clic senza ragione. Questo principio è discusso un po 'in Non farmi pensare .
— whatsisname
@whatsisname: grazie per questa visione. Cerco di rendere il "percorso di minor resistenza" ciò che le persone hanno maggiori probabilità di desiderare. Non sempre, però.
— Mike Dunlavey,
1

Penso che il primo passo sia determinare uno stile / tema. Ad esempio Windows 8 Metro vs. NT style.

Alcuni suggerimenti per risorse e ispirazione (menziono WPF / Web ma ovviamente non è necessario utilizzarlo):

A - Se vuoi iniziare con la prototipazione, qui gli stili di controllo sono Stili e controlli di controllo Web interessanti

B - Component Factory offre alle finestre un buon lifting - Offrono anche un prodotto gratuito su: Component Factory

C - I produttori di controlli della GUI di terze parti hanno dimostrazioni di bell'aspetto

D - Prova a cercare la parola "libri" in questo sito: Esperienza utente : otterrai molti post.

E- Questa applicazione WPF : WPF Health Care Application

F - Questa applicazione WPF: Billy Holis - WPF e la versione finita su: WPF - StaffLynx

G - Gli strumenti in stile Metro sono disponibili se vuoi. Controlla questo: Metro Style

Ancora più importante, come già saprai, bilanciare lo sforzo con il valore.

modificare

DevXpress ha rilasciato una nuova versione che supporta Metro Style, appena visto il video Toady DevXpress-2

— Nessuna possibilità
fonte
1
Il collegamento per E - WPF-Health Care Application è interrotto.
— Michael Riley - AKA Gunny,
@CapeCodGunny, grazie per la nota, ora dovrebbe essere OK :)
— NoChance
0

Non posso raccomandare abbastanza il libro di Edward Tufte The Visual Display of Quantitative Information . Ti fa davvero pensare a cosa stai presentando e perché. Tutti i suoi libri sono buoni, ma mi ritrovo a riferirmi di più a questo.

Un buon libro "UI Design Pattern" che ho trovato è Designing Interfaces . Ha sezioni sulla progettazione di layout, navigazione, visualizzazione di informazioni complesse e progettazione di moduli di input. C'è un libro simile sulla progettazione di interfacce sociali (chiamato, abbastanza appropriatamente, Progettazione di interfacce sociali ), ma non l'ho letto, quindi non ne so abbastanza per consigliarlo.

— TMN
fonte
Qual è una delle cose più utili che hai scoperto dal libro di Tufte? Come ha cambiato il tuo modo di pensare?
— Michael Riley - AKA Gunny il
Pensi sinceramente che sia un buon libro per un principiante con un semplice design dell'interfaccia utente? Io non. È un libro prezioso, ma è un po 'come suggerire di imparare ad aprire un ristorante quando tutto quello che vogliono fare è preparare un lotto di biscotti.
— Bryan Oakley,
@CapeCodGunny: Le cose che restano fedeli a me sono la sua decostruzione dei tipici stili di presentazione, riducendoli agli elementi essenziali più limitati (cap. 6) e la sezione "integrità grafica".
— TMN,
@BryanOakley: Ha detto di aver progettato lo schermo per una risoluzione dello schermo di 640x480, che deve essere diversi anni fa, quindi dubito che sia un principiante. E non ha dato alcuna indicazione che l'interfaccia utente fosse semplice (o che non lo fosse). Stavo solo mettendo in relazione alcune risorse che mi hanno aiutato quando ho iniziato a progettare davvero le interfacce utente, invece di attaccare un mucchio di caselle di testo ed etichette sullo schermo.
— TMN,
@Bryan - Il mio prodotto ha 20 anni, è passato da DOS a Windows. Vende ancora ma è obsoleto.
— Michael Riley - AKA Gunny,
0

Ci sono alcuni bei libri che sono già stati raccomandati. Il sito Web di UX Stack Exchange è più attrezzato per gestire domande come questa, ma non è nemmeno totalmente fuori tema.

Innanzitutto, mediaqueri.es è una grande risorsa per il tuo problema specifico perché è una galleria di siti Web e applicazioni Web che sono progettati in modo reattivo per adattarsi a diverse risoluzioni dello schermo e agenti utente.

mediaqueri.es

Controlla anche su Smashing Magazine . È un blog che è il paradiso dello sviluppo front-end, con post riguardanti UX / UI, HTML / CSS / Javascript, graphic design e web design. Hanno anche post che studiano specifici siti Web e campagne di marketing e vedono cosa hanno fatto bene (e sbagliato) con le loro decisioni UI / UX. Controlla questo sito regolarmente per suggerimenti quotidiani su questi argomenti.

Quindi, quando hai preso ispirazione, dai un'occhiata ad alcune domande SO / SE che ho recitato in modo specifico su questo tipo di argomento. Queste sono solo risorse generali per chiunque e non solo OP:

— gr33kbo1
fonte
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.