Welche Ressourcen könnte ich (ein Programmierer) finden, um mir mit einigen grundlegenden Designfähigkeiten für eine interne Webanwendung zu helfen? Ich möchte es nicht so aussehen lassen, als wäre es von der Stange, aber ich möchte Informationen in einem schönen Format zusammenfassen, tabellarische Daten schön anzeigen lassen, einige Symbole für "Hilfe" erhalten, sortieren, löschen, hinzufügen, Speichern usw. Ich möchte mit einigen Best Practices für das Entwerfen von Berichten beginnen, damit sie relativ sauber gedruckt werden können usw.
Die erforderlichen Fähigkeiten können Grafikdesign, UI-Design, Informationsarchitektur, Benutzererfahrung und Front-End-Entwicklung (CSS, HTML, JS) umfassen.
Da Sie nicht wissen, welche dieser Fähigkeiten Sie haben oder nicht, einige allgemeine Vorschläge:
Frameworks sind auf jeden Fall eine gute Idee. Bootstrap ist eines der bekanntesten, aber MailChimp hat auch eine Sammlung atomarer Elemente, die verwendet werden können, um schnell neue UIs zusammenzustellen. Es heißt Musterbibliothek .
Einige andere interessante Referenzen (eher ein Link-Wahnsinn, aber Sie könnten einige davon interessant finden!):
Compose to a Vertical Rhythm ist eine Anleitung zur Berechnung des optimalen vertikalen Rhythmus (der Abstand und die Anordnung von Text, wenn der Leser die Seite hinuntergeht) unter Verwendung von Schriftgröße, Zeilenhöhe und Rand oder Abstand.
Ein ähnlicher Ansatz, jedoch für Grundlinienraster (Eine Grundlinie gewährleistet einen angemessenen Zeilenabstand (Zeilenhöhe) und ist in jedem Layout, das Spalten verwendet, von unschätzbarem Wert).
Ein Leitfaden und eine Bibliothek zu Responsive Tables , falls Ihre Website auf unterschiedliche Auflösungen oder Geräte reagieren soll.
Der Artikel des Smashing Magazine über die Benutzerfreundlichkeit von Webformularen und ihr System zum Bewerten und Vergleichen von Websites :) Ich empfehle definitiv, ihre Artikel zu lesen, die meisten sind wirklich gut!
Matt Dawdy
DA01
Matt Dawdy