Die Idee eines „iterativen Prozesses“ ist in der Softwareentwicklung nichts Neues. Sie ist in einer Reihe verschiedener Methoden vorhanden und wahrscheinlich, weil sie besonders beim Einholen von Kundenfeedback gut funktioniert.
Einer der Orte, an denen ich es auch nützlich finde, ist das Erstellen von Verwaltungsoberflächen für WordPress-Plugins.
Um es klar zu sagen, ich bin kein Designer, daher beziehe ich mich bei Front-End-Arbeiten immer auf den Styleguide und die Mockups, die mir der Designer von Beginn des Projekts an zur Verfügung stellt. (Ich erwähne das nur, weil ich denke, dass jeder, der kein Designer ist, dieser Praxis folgen sollte, aber ich schweife ab).
Aber wenn es um die Arbeit an Administrationsbildschirmen oder Backend-Bildschirmen für WordPress geht, halte ich mich eher an eine strenge Regel: Achten Sie darauf, dass es so natürlich wie möglich aussieht.
Wie also haben iterative Entwicklung und die Oberfläche der WordPress-Administrationsbildschirme etwas miteinander zu tun?
Bildschirmdesign für die WordPress-Administration
Dieser spezielle Artikel verzichtet darauf, über Dinge zu sprechen, die zum Speichern von Informationen erwartet werden. Das heißt, ich gehe davon aus, dass alle:
- Desinfektion,
- Validierung,
- einmalige Kontrollen,
- Berechtigungsprüfungen,
Und dergleichen werden verstanden und gehandhabt.
Für diesen Beitrag werde ich es einfach halten. Nehmen wir an, wir wollen haben:
- ein paar Textfelder,
- eine Speichern-Schaltfläche,
- eine Reset-Taste,
- und vielleicht etwas extra am ende.
Wie könnte sich dies in einem iterativen Prozess beim Entwerfen auswirken?
1 Skizzieren
Angenommen, Sie arbeiten an etwas und planen, wie der Verwaltungsbildschirm aussehen soll. Angesichts dessen, was wir oben hatten, könnte eine erste Skizze vielleicht so aussehen:
Einfach genug, oder? Es stellt dar, was das Projekt pflegen muss, und es zeigt alles, was wir für diesen speziellen Verwaltungsbildschirm benötigen.
2 Bauen
Einmal zusammengesetzt, sollte es so natürlich wie möglich aussehen. Angesichts der in WordPress verfügbaren Stile ist es relativ einfach, dies mit den verfügbaren APIs und dem Markup zu erstellen:
Und was machen die einzelnen Felder und Schaltflächen?
3 Verfeinerung
Hier kommt die Verfeinerung der Funktionalität ins Spiel. Zum Beispiel:
- Ich denke nicht, dass die Schaltfläche Speichern aktiviert werden sollte, bis die erforderlichen Felder ausgefüllt sind.
- Ich denke, die Reset -Taste sollte löschen, was vorhanden ist,
- Es sollte ein gewisses Maß an Fehlermeldungen geben, die alle darstellen, was wir tun müssen, wenn etwas fehlschlägt, wenn etwas möglicherweise nicht stimmt oder etwas völlig falsch ist.
Natürlich ist es viel einfacher, darüber zu sprechen, wenn es sich nicht auf ein bestimmtes Projekt bezieht, aber vielleicht sind einige der Ideen auf alles anwendbar, was Sie gerade tun.
Asynchrone Verbesserungen?
Eines der Dinge, an die wir uns bei Geräten wie unseren Telefonen und bestimmten Teilen unserer Betriebssysteme gewöhnt haben, ist, dass die Daten gespeichert werden, wenn wir einen Schalter umschalten oder eine kleine Änderung vornehmen.
Das heißt, es ist keine Bestätigungsaktion (außer etwas destruktivem wie natürlich das Löschen einer Datei) erforderlich. Die Daten werden einfach gespeichert und die Option funktioniert.
Trotzdem sehen wir immer noch viele Speichern -Schaltflächen in WordPress, nicht wahr? Was ist mit dem Speichern von Eingaben über Ajax oder eine andere asynchrone Methode? Dies ist etwas, das ich noch implementieren muss, aber ich habe es auf jeden Fall in Betracht gezogen.