Interface-Design ist eine wertvolle Fähigkeit, die man besitzen kann. Jede Entscheidung, die Sie treffen, sei es als Farbschema oder als geringfügige Strichbreite, kann sich möglicherweise erheblich darauf auswirken, ob Benutzer sich für die Anwendung, die Website usw. entscheiden. Wir Designer wissen das besser als alle anderen Da wir in der Regel Interface-Snobs sind, lehnen wir es platt ab, eine App mit schlechtem Design zu verwenden, selbst wenn die Funktionalität herausragend ist.
Wenn Sie das nächste Mal vor die Aufgabe gestellt werden, eine Schnittstelle zu entwerfen, lernen Sie von denen, die bereits Erfolg haben. Im Folgenden betrachten wir die Schnittstellen von zehn schönen und recht neuen Mac-Anwendungen und besprechen, was richtig lief.
Wunderlist
Die Assistenten von 6Wunderkinder übernehmen leise die Produktivitäts-App-Branche mit einer tödlichen Kombination: tolles Design, einfache Funktionalität und ein unschlagbarer Preis (kostenlos). Sowohl das iPhone als auch die Desktop-App sehen einfach hervorragend aus.
Der Schlüssel zu der Attraktivität der Wunderlist-Benutzeroberfläche ist etwas extrem Einfaches, von dem wir in Mac-Anwendungsoberflächen einfach nicht genug sehen: die Anpassung. Wunderlist ist mit einer Reihe wunderschöner Hintergründe ausgestattet, wie der oben gezeigte hölzerne. Da die Elemente der Benutzeroberfläche tatsächlich eher minimal sind, ändert das Austauschen des Hintergrunds die gesamte Persönlichkeit der Anwendung!
Warum sollten Sie sich stundenlang mit dem Kopf kratzen und sich fragen, was Ihren Benutzern am besten gefällt, wenn Sie wissen, dass jeder Benutzer anders ist? Die Bereitstellung einer Reihe von attraktiven, aber sehr unterschiedlichen Optionen für Ihre Benutzer ist eine gute Möglichkeit, die Kundenzufriedenheit zu erhöhen. Ein wichtiger Hinweis: Stellen Sie sicher, dass Sie leicht zwischen den Optionen wechseln können. Als Faustregel gilt: Wenn Sie ein Tutorial dazu schreiben müssen, ist es zu komplex. Wunderlist enthält einfach eine Reihe von Symbolen am unteren Rand des Fensters. Wenn Sie auf eine Schaltfläche klicken, ändert sich der Hintergrund. So einfach ist das.
Die einzige Killer-Funktion, die meiner Meinung nach noch besser wäre, wäre, wenn Benutzer ihre eigenen Bilder als Hintergrund verwenden könnten. Sicher, viele Ihrer Benutzer wählen etwas Abscheuliches, aber es wird auch eine Menge Benutzer geben, die etwas einfallen lassen, das tatsächlich besser ist als die eingebauten Optionen.
Ich gehe davon aus, dass viele Entwickler in die Fußstapfen von 6Wunderkinder treten werden, und bietet den Anwendern die Möglichkeit, ihre Anwendungsschnittstellen an ihre individuellen Persönlichkeiten anzupassen.
Reeder
In der Mac-Design-Community sorgt Reeder für Mac für Furore. Die meisten von uns haben NetNewsWire seit Ewigkeiten verwendet und sind definitiv satt von der stagnierenden und langweiligen Benutzeroberfläche. Im Gegensatz dazu ist Reeder ein Hauch von frischer Luft und bietet ein bemerkenswert sauberes und übersichtliches Interface für einen RSS-Reader.
Das Tolle an Reeder ist, dass es einen weiteren wachsenden Trend darstellt, der in den nächsten Jahren auf dem Vormarsch sein dürfte: Apple iOS-Design auf dem Desktop (Reeder begann sein Leben auf iOS). Das iPhone entzündete sich unter Interface-Entwicklern, die anfingen, butterartige, glatte Interfaces zu erzeugen, wie sie es noch nie zuvor gesehen hatten. Dieses Feuer wurde vor kurzem mit der Ankunft des iPad und innovativen neuen interaktiven Erlebnissen wie Flipboard neu entzündet.
Allmählich haben wir gesehen, wie diese Designtrends auf den Mac zurückfließen. Sogar Apple hat die Vorteile von iOS-ähnlichen Schnittstellen erkannt und integriert viele dieser Vorteile in OS X Lion, die nächste Hauptversion des legendären Desktop-Betriebssystems von Apple.
Spatz
Ich habe gezögert, Sparrow hinzuzufügen, da es unter Designern durchaus umstritten ist. Der Grund dafür ist, dass es eine schamlose Abzocke der Benutzeroberfläche einer anderen beliebten Anwendung darstellt: Tweetie für Mac.
Auf einer Seite dieser Debatte haben Sie die berechtigte Behauptung, dass Tweetie seit geraumer Zeit in der Entwicklung stagniert und wahrscheinlich aufgrund der Übernahme durch Twitter (die wirklich nur die iPhone-App wollte) so bleiben wird. Designer auf der anderen Seite behaupten, es sei ziemlich cool, das Interface eines anderen Mannes ungeachtet der Umstände abzureißen.
Unabhängig davon, auf welcher Seite der Debatte Sie sich befinden, ist Sparrow aus einem wichtigen Grund ein interessantes Beispiel. Es war ein Format, das wir in einer Kategorie (Twitter-Apps) gewohnt waren, und versuchte, es in einem völlig anderen Kontext (E-Mail) anzuwenden. Diese Art des Denkens ist eine herausragende Innovationsquelle. Sehen Sie sich alle Apps an, die Sie täglich verwenden, und werfen Sie einen Blick auf die konkurrierenden Apps in dieser Kategorie. Die Chancen stehen gut, dass sie alle gleich sind, weil jemand die Kategorie neu gestaltet hat und alle anderen einfach gefolgt sind. Wenn Sie etwas wirklich Neues schaffen möchten, fragen Sie sich, wie Sie das Konzept dieser App in die Struktur einer App aus einer anderen Kategorie integrieren können. Sie könnten eine ganze Kategorie revolutionieren.
Kiwi 2
Obwohl sich die Funktionalität immer noch nicht so glatt anfühlt wie bei Tweetie, muss Kiwi einer der attraktivsten Desktop-Twitter-Clients auf dem Markt sein.
Wie bei Wunderlist ist das Schlüsselelement hier die Anpassung. Kiwi bietet Benutzern eine Reihe von Themen zur Auswahl, die das Erscheinungsbild der Anwendung radikal verändern. Wunderlist nimmt die einfache Route und bietet verschiedene Hintergründe. In Kiwi ändert sich jedoch alles in Ihrem Stream. Dazu gehören die Form und Farbe der Tweets, der Hintergrund und das Erscheinungsbild der Icons. Sogar die Funktionalität ändert sich dramatisch von einem Thema zum nächsten. Beispielsweise zeigt Ihnen ein Thema einfach eine Liste von Benutzernamen und blendet die eigentlichen Tweets aus, bis Sie auf einen Benutzer klicken, um zu sehen, was er sagt.
Die Ausführung hier ist sehr wichtig. Kiwi erfordert nicht, dass Sie ein bestimmtes Thema auswählen oder Sie durch einen fortgeschrittenen Einrichtungsprozess führen. In der App sind alle Standardeinstellungen für Sie festgelegt.Wenn Sie sich nie im Einstellungsmenü bewegen, können Sie Kiwi einige Zeit verwenden, bevor Sie die Anpassungsoptionen finden. Sie sind nicht genau versteckt, Power User werden sie an dem Ort finden, an dem sie nachsehen. Benutzer, die eine einfache Erfahrung wünschen, werden jedoch nicht mit einschüchternden Entscheidungen getroffen, zu denen sie nicht bereit sind.
Die Lektion hier ist, dass die Anpassung sowohl einfach als auch optional sein sollte. Zwingen Sie Ihre Benutzer nicht dazu, oder sie schließen die App und wenden sich an einen anderen Ort. Lassen Sie Ihre Benutzer Ihre App für das, was sie ist, lieben und daran arbeiten, sie so aussehen zu lassen, wie sie es möchten, wenn sie sich mit der Funktionsweise vertraut machen.
DaisyDisk
Daisy Disk ist die attraktivste Festplattenspeicher-Visualisierung, die ich je gesehen habe. Die futuristischen Retro-Charts sehen so gut aus, dass Sie sie drucken und als Bürokunst verwenden möchten.
Die wichtige Frage, die Sie hier stellen müssen, ist, ob Sie bei Ihrer Suche nach Ästhetik die Benutzerfreundlichkeit opfern müssen oder nicht. Das verrückte Kreisdiagramm, das oben gezeigt wird, sieht ziemlich kompliziert aus und ist wahrscheinlich genug, um viele Benutzer abzuschrecken. Die Implementierung ist jedoch ziemlich solide. Neben dem Diagramm befindet sich eine einfache Liste mit den Datentypen auf Ihrer Festplatte und dem von ihnen beanspruchten Speicherplatz. Alle Informationen, die Sie benötigen, finden Sie in dieser Liste. Es ist einfach, unkompliziert und leicht verständlich. Die Visualisierung ist für visuelle Denker wie wir Designer gedacht, die verrückt genug sind, um diese Darstellung einer Liste vorzuziehen.
Am wichtigsten ist, dass die beiden Darstellungen der Daten interaktiv miteinander verbunden sind. Wenn Sie mit der Maus über die? Anwendungen? Werbebuchung beginnt dieser Teil des Diagramms zu leuchten. Selbst wenn Sie das Diagramm zunächst nicht aus der Ferne verstehen, wird es plötzlich sinnvoll, wenn Sie über die einzelnen Elemente in der Liste fahren und sehen, wie sich der Anteil des leuchtenden Raums auf andere Abschnitte bezieht.
Die Lektion hier ist, dass Augenweide nicht jedermanns Sache ist. Wenn Sie Ihre Anwendung als eine mit verrückten, schönen Visualisierungen definieren möchten, wählen Sie es aus. Vernachlässigen Sie jedoch nicht die Benutzer, die lieber Excel als Photoshop verwenden. Stellen Sie sicher, dass Ihre attraktiven Grafiken eine solide Grundlage in benutzerfreundlichen Steuerelementen und verständlichen Kommunikationsmethoden bilden.
Senden Sie 4
Transmit 4 ist das neueste Update für den amtierenden Patriarchen von Mac-FTP-Clients und stellt einen der wichtigsten ästhetischen Verbesserungen der Anwendung dar. Ich hätte nie gedacht, dass ich über einen FTP-Client sabbern würde, aber Transmit hat jetzt eine Menge wirklich schöner Bildschirme, Animationen, Schaltflächen und mehr.
Die auffälligste Taktik ist der erhöhte Kontrast. FTP-Clients sind besonders hell und weiß. jeder Bildschirm, jede Liste von Dateien, nichts als weiß und, wenn Sie Glück haben, ein wenig grau und / oder blau. Die Leute von Panic beschlossen, diese Monotonie mit einer Reihe wirklich schöner dunkler Bildschirme zum Einrichten von Servern, Navigieren in Favoriten usw. anzugehen.
Die wichtige Lektion hier ist, dass sie sich wirklich nicht zu sehr mit dem Fleisch der App beschäftigt haben. Die Dateilisten sind immer noch auf einem weißen Hintergrund und funktionieren wie immer. Jeder, der mit der FTP-Software vertraut ist, kann die App sofort abrufen und ausführen. Wenn Sie eine Benutzeroberfläche aktualisieren möchten, um ihr visuelles Flair zu verleihen, scheuen Sie sich nicht, äußerst wählerisch zu sein, was Teile tun, und lassen Sie sich nicht aktualisieren. Wenn Sie mit einem Produkt arbeiten, das durch seine einfache Funktionalität beliebt ist, sollten Sie es so beibehalten. Nehmen Sie sich stattdessen die Zeit, um sich auf all die kleinen Details zu konzentrieren, die eine Benutzeroberfläche wirklich aufpolieren und das Gefühl haben, dass es sich als ein wichtiger Schritt von der Konkurrenz erweist.
Kurier
Courier muss das schönste Werkzeug der Welt sein, um Multimediadateien schnell über soziale Medien zu teilen. Würde ich je 20 US-Dollar für einen Facebook-Image-Uploader zahlen? Auf keinen Fall. Hat mich das ernsthaft überlegt, meine Meinung zu ändern? Ja.
Die Lektion hier ist eine, die ich unzählige Male in einem Webdesign-Kontext diskutiert habe: visuelle Metaphern rocken. Zunächst konzentrierte sich RealMac auf die Kernfunktionalität. Sie haben die gemeinsame Nutzung von Dateien für alle Arten von Netzwerken zu einer lächerlich einfachen Aufgabe gemacht, die auf der Drag-and-Drop-Erfahrung basiert, die Mac-Benutzer kennen und lieben. Mit einem unschlagbaren Workflow (immer zuerst den Inhalt in den Mittelpunkt stellen!), Konnten sie das Ganze in ein schönes und passendes Thema einbetten: die tägliche Post. Dies erfordert eine ziemlich technologische Aufgabe und führt zu einer sehr realen und vertrauten Erfahrung für den Benutzer. Plötzlich sieht die übliche Aufgabe des Hochladens von Dateien aus und fühlt sich an wie ein virtuelles Videospiel, in dem Sie E-Mails versenden können, in dem Sie auswählen können, welchen Umschlag Sie verwenden möchten und wohin er gesendet werden soll.
1Passwort
Öffnen Sie Keychain Access auf Ihrem Mac. Dies ist ein typischer Passwort-Manager, der von Apple Inc. entwickelt wurde. Es ist durchaus brauchbar, aber auch langweilig. Sehen Sie sich jetzt einen ganz anderen visuellen Ansatz für dieselbe grundlegende Funktionalität in 1Password an.
Ganz anders, nein? 1Password verfügt über eine einfach überragende Benutzeroberfläche für die Verwaltung Ihrer Anmeldungen, Kennwörter, Formulardaten usw. Ich weiß nichts über Sie, aber dies lässt mich jede Datenbankanwendung auf meiner Festplatte in Frage stellen. Warum ist es normal geworden, Datenbankinformationen so einfach zu präsentieren? Was wäre, wenn Anwendungen wie Evernote (bereits eine der attraktiveren Datenbank-Apps auf dem Markt) ein bisschen mehr wie 1Password oder Bento aussehen würden? Wäre das so schlimm? Ich gebe vor, dass es nicht so wäre.
Hervorragende Ästhetik verkompliziert die Benutzerfreundlichkeit nicht, sie verbessert sie. Ob Sie es glauben oder nicht, Sie können Tabellen, Zeilen, Zellen und Informationsfelder auf wirklich attraktive Weise präsentieren, ohne so viel überflüssigen Flusen hinzuzufügen, dass die Funktionalität dadurch beeinträchtigt wird. Wenn Sie mir nicht glauben, laden Sie 1Password herunter und probieren Sie es aus.
SweetFM
Im Gegensatz zu all diesen Diskussionen über das Hinzufügen von visuellem Interesse zu Ihren Schnittstellen, tut SweetFM, ein wunderbar einfacher Last.fm-Client, genau das Gegenteil. Schauen Sie sich einfach an, wie kompakt und attraktiv es ist!
Vergleichen Sie den Screenshot, den Sie gerade gesehen haben, mit dem offiziellen Last.fm-Client für Mac:
Zugegeben, viele Leute werden den offiziellen Kunden besser mögen. Es wirkt robuster und bringt Ihnen alles auf einmal vor (ein sehr effizienter Ansatz). Es ist jedoch definitiv etwas zur drastischen Vereinfachung zu sagen. Zurück zu einem Punkt, den wir zuvor gemacht haben, ist die blinde Befolgung der UI-Konventionen einer bestimmten Kategorie keine Möglichkeit für Innovationen. Manchmal kann man eine Menge von Benutzern fangen, auf die niemand anderes abzielt, indem er einfach alles außer das Nötigste entfernt. Nimm eine Seite aus Chocomokos Buch, manchmal ist weniger mehr.
Cockpit
Cockpit ist eine fantastische Menüleisten-App, mit der Sie alle möglichen Dinge auf Ihrem Mac steuern können. Es ist nicht nur super funktionell, es sieht auch sehr gut aus.
In diesem Fall bin ich nicht sicher, woher die Entwickler ihre Inspiration ziehen. Die typischen Texturen sind hier: Metall, Glas und Gummi. Der obige iTunes-Controller sieht jedoch nicht wie iTunes aus und ist auch nicht wie jede andere Menüleisten-App, die ich je gesehen habe (es sieht eher wie ein Dashboard-Widget aus). Es ist viel zu sagen, wie man sich von all den Beispielen, die Sie heute gesehen haben, inspirieren lässt, aber denken Sie immer daran, dass es keinen Ersatz dafür gibt, Ihren eigenen Weg zu beschreiten und absichtlich versuchen, völlig anders zu sein als alles, was Sie zuvor gesehen haben.
Ziehen Sie Photoshop hoch, drehen Sie etwas Musik hoch und verbringen Sie ein paar Stunden damit, Ideen auszusuchen, wenn sie zu Ihnen kommen. Anstatt sich auf das zu konzentrieren, was anderswo getan wurde, versuchen Sie herauszufinden, was noch nicht getan wurde, und erkunden Sie die Möglichkeiten mit diesem Ziel.
Fazit
Ich hoffe, die zehn fantastischen Anwendungen haben Ihnen ein paar neue Apps für Ihren Mac zur Verfügung gestellt und Ihnen einiges über das Interface-Design beigebracht. Mac-Entwickler und Designer begeistern mich immer wieder mit ihrer Fähigkeit, den Rahmen für die Schönheit, die wir von Desktop-Anwendungen erwarten, kontinuierlich zu erweitern. Ihr seid meine Helden.
Hinterlassen Sie einen Kommentar und teilen Sie uns mit, was Sie von den oben genannten Schnittstellen halten. Stellen Sie sicher, dass Sie auch auf andere neue Mac-Apps hingewiesen werden, die Ihnen als hervorragendes Beispiel für das Design der Benutzeroberfläche dienen.