Ho un blocco mentale per quanto riguarda l'interfaccia dello schermo principale per un'applicazione desktop che sto 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?
Ti consiglierei di dare un'occhiata a un paio di libri diversi, che, stranamente, non sono incentrati sulla progettazione GUI dell'applicazione 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 dei 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 del design.
In secondo luogo, dai un'occhiata a Non farmi pensare da Steve Krug. Si occupa della navigazione e della rappresentazione dei dati nelle pagine Web, ma molte delle raccomandazioni (ad esempio la navigazione con la briciola di pane) spesso hanno molto senso nelle app desktop come nelle pagine Web.
Come indicato da un altro poster, non esistono modelli di buon design nell'isolamento medio. Alcune cose non si traducono così bene tra analogico e digitale (vale a dire più testo di colonna in un vero giornale rispetto a un'app per il giornale) perché alcune restrizioni sono diverse a seconda del mezzo, ma molti principi di buon design sono validi indipendentemente da cosa di cui stai parlando.
Un consiglio che ho sentito spesso è guardare i disegni che ti piacciono per ispirazione. Questo non è isolato per dire solo applicazioni desktop, ma dovrebbe estendersi ad arte, architettura, web, fotografia, prodotti, ecc.
Questo ti aiuterà a capire quale sia il buon design e ti aiuterà nelle applicazioni di progettazione a lungo termine che sono piacevoli alla vista e facili da usare.
Se esegui il prototipo del tuo design, puoi ottenere aiuto dagli utenti o da altri sviluppatori per prenderlo in giro mentre raccogli feedback. Non solo quello che dicono, ma quello che fanno. (esempio: la gente dice che a Walmart non piacciono le isole ingombrate, ma hanno letteralmente perso più di $ 1B in vendite quando hai rimosso la confusione)
Seguo sempre la regola di ridurre al minimo i clic e le 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. Ecco uno.
Una delle cose che ho scoperto è che gli utenti amano la risposta immediata . È come Hollywood. Le persone amano i pixel (preferibilmente i pixel colorati). Adoro i pixel che spostano .
Nel tentativo di rendere simili le UI, e per semplificare lo sforzo di codifica, molto tempo fa mi sono inventato uno schema che uso ancora oggi - Esecuzione differenziale . (Non posso dire di aver avuto molta fortuna a pubblicizzarlo, ma è così. È stato pubblicato, FWIW.)
Quindi sono solo i miei due centesimi.
Penso che il primo passo sia determinare uno stile / tema. Ad esempio Windows 8 Metro vs stile NT.
Alcuni suggerimenti per risorse e ispirazione (menziono WPF / Web ma non devi usarlo ovviamente):
A - Se vuoi iniziare con la prototipazione, qui gli stili di controllo sono fantastici Stili e controlli di controllo Web
B - Component Factory dà un buon lifting ai moduli di Windows - Offrono persino un prodotto gratuito all'indirizzo: Component Factory
C - I produttori di controlli GUI di terze parti hanno demo di bell'aspetto
D - Prova a cercare la parola "libri" in questo sito: User Experience - Otterrai molti post.
E- Questa applicazione WPF: WPF Health Care Application
F - Questa applicazione WPF: Billy Holis - WPF e la versione finale su: WPF - StaffLynx
G - Gli strumenti di stile Metro sono disponibili se lo desideri. Verifica questo: Metro Style
Soprattutto, come forse già sai, bilanciare lo sforzo con il valore.
Modifica
DevXpress ha rilasciato una nuova versione che supporta Metro Style, appena visto il video "Adady" DevXpress-2
Non posso raccomandare il libro di Edward Tufte The Visual Display of Quantitative Information . Ti fa davvero pensare a ciò che stai presentando e perché. Tutti i suoi libri sono buoni, ma mi trovo più a riferirmi a questo.
Un buon libro "UI Design Pattern" che ho trovato è Progettazione di interfacce . Ha sezioni sulla progettazione di layout, navigazione, visualizzazione di informazioni complesse e progettazione di moduli di input. C'è un libro simile sul design delle interfacce sociali (chiamato, abbastanza appropriato, Progettazione delle interfacce sociali ), ma non l'ho letto quindi non so abbastanza per raccomandarlo.
Ci sono alcuni bei libri che sono già stati raccomandati. Il sito Web UX Stack Exchange è più ben attrezzato per gestire domande come questa, ma non è del tutto fuori tema neanche.
Prima di tutto, mediaqueri.es è un'ottima risorsa per il tuo problema specifico perché è una galleria di siti Web e applicazioni web che sono responsabilmente progettato per adattarsi a diverse risoluzioni dello schermo e agenti utente.
Controllaanchesu
Poi, quando hai ottenuto qualche ispirazione, dai un'occhiata ad alcune domande SO / SE che ho recitato appositamente su questo tipo di argomento. Queste sono solo risorse generali per chiunque e non solo OP:
Leggi altre domande sui tag user-interface gui delphi user-experience desktop-application