Dove si attiva la creazione dell'interfaccia utente? Sono un programmatore, non un designer. Qualche idea? La mia "UI" di solito è terribile, perché voglio solo farlo funzionare, cosa fai?Progettazione interfaccia utente
risposta
Google User Experience e The laws of simplicity sono partenze molto buone.
Sono sempre stato pessimo al design, ma dopo aver letto molto sull'usabilità, la semplicità, il design e l'analisi del design di google e di altri progetti basati sulla semplicità, le mie interfacce utente hanno iniziato a succhiare meno.
mi rivolgo a ... DESIGNERS! Ricordo Jeff Atwood postare su questo su Coding Horror qualche tempo fa, ma merita di essere ripetuto: i programmatori fanno designer terribili!
C'è siti come 99designs (overflow dello stack usato per ottenere il loro logo) dove è possibile noleggiare il lavoro per abbastanza a buon mercato.
Sembra che 99designs sia un punto dolente in alcuni punti ... http://bit.ly/EhQH3 Mi chiedo che cosa pensano i tipi arty di StackOverflow ... –
Vedere this thread per alcuni suggerimenti.
Per riassumere: prendi qualcuno con le competenze per farlo o mantenerlo molto pulito e semplice.
Di solito inizio copiando qualcos'altro, e quindi cambiando/migliorando fino a che non sembra come voglio. Anch'io sono un non-designer e non ho molto senso artistico, e onestamente non posso essere disturbato a passare giorni (settimane) a creare un'interfaccia per un'applicazione; è molto più semplice prendere qualcos'altro e girarlo come mi piace.
I blog MSDN sono in genere un buon posto per cercare l'ispirazione, dal momento che molti degli scrittori amano le applicazioni/siti Web che sfruttano le loro tecnologie preferite (il blog di Brad Abrams è buono se stai cercando interfacce WPF-ish).
Ho sempre pensato che era appena arrivato qualcun altro a farlo ... se solo avessi avuto un osso creativo nel mio corpo ...
era davvero solo in cerca di buoni (si spera gratuito) posti che avrebbero aiutato con esso. Verificherà 99 disegni.
Di solito faccio tutto da solo - solo perché il mio budget è piuttosto limitato.
Tuttavia ci sono alcuni libri che potrebbero essere la pena di leggere:
- Homepage Usability - 50 Websites Deconstructed da Jakob Nielsen & Marie Tahir
- Don't Make Me Think da Steve Krug
- Designing Interfaces da Jenifer Tidwell
- Prioritizing Web Usability da Jakob Nielsen & Hoa Loranger
Ed è sempre una buona cosa per cercare quali altri siti fare che ti piace :)
Se stai cercando di fare qualcosa basato sul web, controllare i riferimenti a this thread.
Mi piace utilizzare siti come questi per alcuni siti completi di bit e pezzi che ho assemblato quando faccio il mio progetto. Assicurati di mantenere il credito quando il credito è dovuto.
@AdamLerman Non troverai mai qualcuno che faccia il tuo disegno gratuitamente. Tutto costa denaro, in particolare il tempo di Photoshop degli artisti.
Se stai scrivendo applicazioni desktop, seguire semplicemente le linee guida dell'interfaccia utente per la tua piattaforma scelta ti portera 'molto lontano.
Se si trova sul Web, allora sei molto fottuto, hai solo bisogno di un designer.
Detto questo, non fatevi ingannare dal pensare che il design dell'interfaccia utente riguardi solo l'aspetto visivo. Avere il giusto modello di interazione è probabilmente più importante. Un grafico non ti aiuterà in questo. Se non hai accesso a uno specialista dell'interfaccia utente, prova a iniziare con User Interface Design for Programmers.
Nella domotica del mondo ci sono molti designer indipendenti. Io prototipo con un'interfaccia molto semplice e poi uso la grafica e il layout da GuiFX
Trascorri molto tempo ad esplorare nuove applicazioni che altre persone hanno fatto. Trova le cose che trovi funzionano bene e usale nel tuo prossimo progetto. Pian piano costruirai un repertorio di buone pratiche di interfaccia utente.
LukeW ha diversi articoli, libri ed esempi sulla progettazione dell'interfaccia utente e problemi di usabilità.
Ho trovato particolarmente utile l'articolo Web Application Form Design.
Indietro prima che sapessi che c'era un internet ho letto il Apple Human Interface Guidelines che sembrerebbe si siano tenuti aggiornati.
Si può anche leggere alcune totalmente diverso prende, come Raskin's
Quindi suppongo che la risposta viene letto. DOPO che hai pensato a cosa vuoi fare e come, assumi i grafici per farlo sembrare bello mentre sta accadendo. Ma non ho ancora trovato un designer che abbia più che perfezionato l'applicazione e l'ho descritta.
Molti progettisti (grafici) non capiscono le esigenze di un'interfaccia utente, bisogna fare un bel po 'di ricerche e chiedere alle persone di provare le cose - "hands off" - e vedere cosa fanno, cosa confonde loro, che errori fanno.
maggior parte dei consigli dà tre passi per user-interface design: contenuti o wireframe - Che cosa è nell'interfaccia, flusso o di relazione - come i collegamenti cosa e stile - come appare.
L'argomento è enorme, ci sono buoni link precedentemente pubblicati, libro di Coopers 'About Face' anche se un po 'prolisso ha le spiegazioni di vari trucchi.
Sembra abbastanza ovvio ma suggerirei "User Interface Design per programmatori" di Joel Spolsky. Versions available on paper and online. Puoi leggerlo in mezza giornata e ottenere una buona comprensione dell'interfaccia utente.
Non devi essere un grande designer per avere un'interfaccia utente decente e una grande esperienza utente per la tua applicazione.
Penso che ci siano alcuni principi che puoi seguire che possono migliorare notevolmente la tua applicazione.
A un livello elevato questo include:
- Identificazione dei primi 3 casi d'uso
- misurazione e la riduzione del numero di clic che serve per ottenere attraverso l'uso bauletti
- schizzo, Prototype, Tiro via, e sfidati a farlo con meno
Ho scritto un post di blog che tenta di scrivere alcuni principi relativi alla progettazione della GUI. Guardalo e fammi sapere cosa ne pensi.
How to improve the User Experience of your GUI application with some simple principles.
Il collegamento è interrotto: S –
Il miglior libro che abbia mai letto su Usability/Interaction Design, e uno dei migliori libri che ho letto periodo, è un libro intitolato About Face 3: The Essentials of Interaction Design da Alan Cooper.
È un libro fantastico perché parla di molti concetti fondamentali dietro il design dell'interfaccia per qualsiasi tipo di interfaccia, non solo sul web. Comprendere questi concetti ti aiuterà a prendere decisioni creative migliori, specialmente quando progetti qualcosa che non è ancora stato progettato (come un nuovo prodotto o un tipo di sito web sociale), non solo ti aiuta a copiare ciò che è già stato fatto.
Si può passare attraverso questi Ten design Euristica • Mostra stato del sistema • metafore familiari & lingua • Controllo & libertà • Coerenza prevenzione • Errore • Riconoscimento sopra richiamata • Flessibilità & efficienza • Estetica & design minimalista • Riconoscere, diagnosticare, & recuperare da errori • Aiuto
Leggi questo articolo su euristica di valutazione, HE
- 1. Interfaccia utente completamente a tastiera
- 2. WPF Touchscreen Interfaccia utente Linee guida
- 3. Interfaccia utente con ViewModels
- 4. Interfaccia utente distorta Android
- 5. Interfaccia utente Couchbase alternativa
- 6. Suggerimenti interfaccia utente reattivo
- 7. Dove trovare gli esempi di interfaccia utente
- 8. Strumenti di interfaccia utente per sviluppatori
- 9. UserControl come interfaccia, ma visibile in Progettazione
- 10. Progettazione dell'interfaccia utente con GWT
- 11. Colore interfaccia utente in Eclipse
- 12. Interfaccia utente jQuery Slider - Miglioramenti
- 13. Controllo WebBrowser come interfaccia utente
- 14. Interfaccia utente semantica in .gitignore
- 15. Framework di interfaccia utente Java?
- 16. Interfaccia utente popup WPF nera
- 17. Test unità Interfaccia utente Cocoa
- 18. Automazione interfaccia utente di Windows
- 19. Interfaccia utente semantica - Cambia tema
- 20. Da dove inizia la progettazione: codice, interfaccia utente, flusso di lavoro o altro?
- 21. Progettazione dell'interfaccia utente Android: Interactive ListView Elements
- 22. Strumento di progettazione dell'interfaccia utente Android
- 23. Qt: Dilemma di progettazione dell'interfaccia utente filosofica
- 24. Widget valutazione stelle per interfaccia utente jQuery
- 25. Ripristina interfaccia utente IntelliJ su predefinito
- 26. Posizione completamento automatico interfaccia utente JQuery
- 27. Interfaccia utente jQuery non in caricamento
- 28. RegisterForRemoteNotificationTypes provoca interfaccia utente per appendere
- 29. Interfaccia utente ridimensionabile jQuery - direzione dell'operazione
- 30. utente Adaptive algoritmo di interfaccia/ambiente
possibile duplicato del [buoni libri/risorse per la progettazione dell'interfaccia utente?] (Http://stackoverflow.com/questions/868297/good-books-resources-for -user-interface-design) –