10 frische Mac-Apps mit schönen Schnittstellen (und was wir daraus lernen können)
Schnittstellendesign ist eine wertvolle Fähigkeit. Jede Entscheidung, die Sie treffen, sei es so groß wie ein Farbschema oder so klein wie eine Strichbreite, kann möglicherweise einen großen Einfluss darauf haben, ob sich Menschen für die Verwendung der Anwendung, der Website usw. entscheiden oder nicht. Wir Designer wissen dies besser als jeder andere weil wir dazu neigen, Interface-Snobs zu sein, was bedeutet, dass wir uns mit aller Kraft weigern, eine App mit schlechtem Design zu verwenden, selbst wenn die Funktionalität hervorragend ist.
Wenn Sie das nächste Mal vor der Aufgabe stehen, eine Benutzeroberfläche zu entwerfen, lernen Sie von denen, die bereits erfolgreich waren. Im Folgenden werfen wir einen Blick auf die Schnittstellen von zehn schönen und ziemlich neuen Mac-Anwendungen und diskutieren, was richtig gelaufen ist.
Entdecken Sie Designressourcen
Wunderlist
Die Assistenten von 6Wunderkinder übernehmen leise die Produktivitäts-App-Branche mit einer Killer-Kombination: großartiges Design, einfache Funktionalität und ein unschlagbarer Preis (kostenlos). Sowohl das iPhone als auch die Desktop-App sehen einfach hervorragend aus.
Der Schlüssel zur Attraktivität der Wunderlist-Oberfläche ist etwas extrem Einfaches, von dem wir in Mac-Anwendungsoberflächen einfach nicht genug sehen: Anpassung. Wunderlist ist mit einer ganzen Reihe wunderschöner Hintergründe wie dem oben gezeigten aus Holz ausgestattet. Da die UI-Elemente eigentlich ziemlich minimal sind, ändert das Austauschen des Hintergrunds die gesamte Persönlichkeit der Anwendung!
Warum sollten Sie sich stundenlang am Kopf kratzen und sich fragen, was Ihren Benutzern am besten gefällt, wenn Sie wissen, dass jeder Benutzer anders ist? Die Bereitstellung einer Reihe gleichermaßen attraktiver, aber sehr unterschiedlicher Optionen für Ihre Benutzer ist eine solide Möglichkeit, die Kundenzufriedenheit zu steigern. 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 bietet einfach eine Reihe von Symbolen am unteren Rand des Fensters. Wenn Sie auf eines klicken, ändert sich der Hintergrund. So einfach ist das.
Das einzige Killer-Feature, von dem ich denke, dass es dies noch besser machen würde, wäre, wenn Benutzer ihre eigenen Bilder als Hintergrund verwenden könnten. Sicher, viele Ihrer Benutzer werden sich für etwas Abscheuliches entscheiden, aber es wird auch eine Menge Benutzer geben, die sich etwas einfallen lassen, das tatsächlich besser ist als die integrierten Optionen.
Ich gehe davon aus, dass viele Entwickler in die Fußstapfen von 6Wunderkinder treten und den Benutzern die Möglichkeit bieten werden, ihre Anwendungsoberflächen an ihre einzigartigen Persönlichkeiten anzupassen.
Reeder
Reeder für Mac sorgt in der Mac-Design-Community für Furore. Die meisten von uns haben NetNewsWire schon seit Ewigkeiten verwendet und haben definitiv die stagnierende und langweilige Oberfläche satt. Im Gegensatz dazu ist Reeder ein Hauch frischer Luft und bietet eine besonders saubere und übersichtliche Oberfläche für einen RSS-Reader.
Das Tolle an Reeder ist, dass es einen weiteren wachsenden Trend darstellt, den Sie in den nächsten Jahren erwarten können: Apple iOS-Design auf dem Desktop (Reeder begann sein Leben unter iOS). Das iPhone entzündete ein Feuer unter den Interface-Entwicklern, die anfingen, butterweiche Interfaces zu produzieren, wie wir sie noch nie gesehen hatten. Dieses Feuer wurde kürzlich mit der Ankunft des iPad und innovativen neuen interaktiven Erlebnissen wie Flipboard erneut angezündet.
Allmählich haben wir gesehen, wie diese Designtrends auf den Mac zurückflossen. Sogar Apple hat die Vorteile von iOS-ähnlichen Schnittstellen erkannt und integriert viele dieser Vorteile in OS X Lion, die nächste Hauptversion von Apples legendärem Desktop-Betriebssystem.
Spatz
Ich habe gezögert, Sparrow hinzuzufügen, da dies unter Designern ziemlich kontrovers ist. Der Grund dafür ist, dass es sich um eine schamlose Abzocke der Benutzeroberfläche einer anderen beliebten Anwendung handelt: Tweetie für Mac.
Auf der einen Seite dieser Debatte haben Sie berechtigte Behauptungen, dass Tweetie seit einiger Zeit in der Entwicklung stagniert und dies wahrscheinlich aufgrund der Übernahme durch Twitter (das wirklich nur die iPhone-App wollte) so bleiben wird. Designer auf der anderen Seite behaupten, es sei ziemlich unkühl, die Benutzeroberfläche eines anderen Mannes abzureißen, unabhängig von den Umständen.
Unabhängig davon, auf welcher Seite der Debatte Sie sich befinden, ist Sparrow aus einem wichtigen Grund ein interessantes Beispiel. Es nahm ein Format an, das wir in einer Kategorie gewohnt waren (Twitter-Apps) und versuchte, es in einem völlig anderen Kontext (E-Mail) anzuwenden. Diese Art des Denkens ist eine herausragende Quelle für Innovationen. Sehen Sie sich alle Apps an, die Sie täglich verwenden. Schauen Sie sich jetzt die konkurrierenden Apps in dieser Kategorie an. Die Chancen stehen gut, dass sie alle ungefähr gleich sind, weil jemand die Kategorie innoviert hat und alle anderen einfach gefolgt sind. Wenn Sie etwas wirklich anderes erstellen 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 einfach eine ganze Kategorie revolutionieren.
Kiwi 2
Obwohl sich die Funktionalität immer noch nicht so flüssig anfühlt wie bei Tweetie, muss Kiwi einer der attraktivsten Desktop-Twitter-Clients auf dem Markt sein.
Wie bei Wunderlist ist auch hier die Anpassung das Schlüsselelement. Kiwi bietet Benutzern eine Reihe von Themen zur Auswahl, die das Erscheinungsbild der Anwendung radikal verändern. Wunderlist nimmt den einfachen Weg und bietet verschiedene Hintergründe, aber in Kiwi ändert sich alles in Ihrem Stream. Dies umfasst die Form und Farbe der Tweets, den Hintergrund und das Erscheinungsbild der Symbole. Sogar die Funktionalität ändert sich ziemlich dramatisch von einem Thema zum nächsten. Zum Beispiel zeigt Ihnen ein Thema einfach eine Liste von Benutzernamen und verbirgt die tatsächlichen Tweets, bis Sie auf einen Benutzer klicken, um zu sehen, was er gesagt hat.
Die Ausführung hier ist sehr wichtig. Bei Kiwi müssen Sie kein bestimmtes Thema auswählen oder durch einen erweiterten Einrichtungsprozess geführt werden. Die App hat alle Standardeinstellungen für Sie ausgearbeitet. Wenn Sie nie im Einstellungsmenü stöbern, können Sie Kiwi eine ganze Weile verwenden, bevor Sie überhaupt die Anpassungsoptionen finden. Sie sind nicht gerade versteckt, Power-User werden sie an erster Stelle finden, an der sie suchen. Benutzer, die eine einfache Erfahrung wünschen, werden jedoch nicht mit einschüchternden Entscheidungen über den Kopf geschlagen, zu denen sie nicht bereit sind.
Die Lehre hier ist, dass die Anpassung sowohl einfach als auch optional sein sollte. Zwingen Sie Ihre Benutzer nicht dazu, sonst schließen sie die App und wenden sich an eine andere Stelle. Lassen Sie Ihre Benutzer Ihre App so lieben, wie sie ist, und arbeiten Sie daran, dass sie so aussieht, wie sie es möchten, wenn sie sich mit der Funktionsweise vertraut machen.
DaisyDisk
Daisy Disk ist die attraktivste Festplattenspeichervisualisierung, die ich je gesehen habe. Die retro-futuristischen Diagramme 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 Ihrem Streben nach Ästhetik auf Benutzerfreundlichkeit verzichten müssen oder nicht. Das oben gezeigte verrückte Tortendiagramm sieht ziemlich kompliziert aus und reicht wahrscheinlich aus, um viele Benutzer abzuschrecken. Die Implementierung ist jedoch tatsächlich ziemlich solide. Neben dem Diagramm befindet sich eine einfache Liste, in der die Datentypen auf Ihrer Festplatte und der von ihnen belegte Speicherplatz aufgeführt sind. Alle Informationen, die Sie benötigen, finden Sie in dieser Liste. Es ist einfach, unkompliziert und leicht zu verstehen. Die Visualisierung ist für visuelle Denker wie uns Designer gedacht, die verrückt genug sind, diese Darstellung einer Liste vorzuziehen.
Am wichtigsten ist, dass die beiden Darstellungen der Daten auf interaktive Weise verknüpft sind. Wenn Sie mit der Maus über die Werbebuchung „Anwendungen“ fahren, 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 mit der Maus über die einzelnen Elemente in der Liste fahren und sehen, wie sich der Anteil des leuchtenden Raums auf andere Abschnitte bezieht.
Die Lehre hier ist, dass Augenweide nicht jedermanns Sache ist. Wenn Sie Ihre Anwendung als die mit verrückt schönen Visualisierungen auszeichnen möchten, entscheiden Sie sich dafür. Vernachlässigen Sie jedoch nicht die Benutzer, die lieber Excel als Photoshop verwenden möchten. Stellen Sie sicher, dass Ihre attraktiven Grafiken eine solide Grundlage für benutzerfreundliche Steuerelemente und verständliche Kommunikationsmethoden haben.
Senden 4
Transmit 4 ist das neueste Update für den amtierenden Patriarchen der Mac-FTP-Clients und stellt einen der bedeutendsten ä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, die hier angewendet wird, ist ein erhöhter 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 haben beschlossen, diese Monotonie mit einer Reihe wirklich schöner dunkler Bildschirme anzugehen, um Server einzurichten, Favoriten zu navigieren usw.
Die wichtige Lektion hier ist, dass sie sich wirklich nicht zu sehr mit dem Fleisch der App angelegt haben. Die Dateilisten befinden sich immer noch auf einem weißen Hintergrund und funktionieren wie immer. Jeder, der mit FTP-Software vertraut ist, kann die App sofort abholen und damit ausführen. Wenn Sie eine Benutzeroberfläche aktualisieren möchten, um ihr ein visuelles Flair zu verleihen, haben Sie keine Angst davor, äußerst wählerisch zu sein, was Teile tun, und nicht aktualisiert zu werden. Wenn Sie mit einem Produkt arbeiten, das durch seine einfache Funktionalität populär geworden ist, behalten Sie es bei. Nehmen Sie sich stattdessen die Zeit, sich auf all die kleinen Details zu konzentrieren, die eine Benutzeroberfläche wirklich aufpolieren, und geben Sie ihr das Gefühl, ein wichtiger Schritt gegenüber der Konkurrenz zu sein.
Kurier
Courier muss das schönste Tool der Welt sein, um Multimedia-Dateien schnell über soziale Medien zu teilen. Würde ich jemals 20 US-Dollar für einen Facebook-Bild-Uploader bezahlen? Auf keinen Fall. Hat mich dieser ernsthaft dazu gebracht, meine Meinung zu ändern? Ja.
Die Lektion hier ist eine, die ich unzählige Male in einem Webdesign-Kontext besprochen habe: visuelle Metaphern rocken. Das erste, was RealMac tat, war sich auf die Kernfunktionalität zu konzentrieren. Sie machten das gleichzeitige Teilen von Dateien für alle Arten von Netzwerken zu einer lächerlich einfachen Aufgabe, die von der Drag & Drop-Erfahrung angetrieben wird, die Mac-Benutzer kennen und lieben. Mit einem unschlagbaren Workflow (konzentrieren Sie sich immer zuerst auf den Inhalt!) Konnten sie das Ganze in ein schönes und angemessenes Thema einwickeln: die tägliche Post. Dies erfordert eine ziemlich technologische Aufgabe und bringt sie für den Benutzer zu einer sehr realen und vertrauten Erfahrung. Plötzlich sieht die alltägliche Aufgabe, Dateien hochzuladen, aus und fühlt sich an wie ein virtuelles Videospiel zum Versenden von E-Mails, in dem Sie auswählen können, welchen Umschlag Sie verwenden möchten und wohin Sie ihn senden möchten.
1Passwort
Öffnen Sie den Schlüsselbundzugriff auf Ihrem Mac. Dies ist ein typischer Passwort-Manager, der von niemand anderem als Apple Inc. entwickelt wurde. Es ist ziemlich brauchbar, aber auch ziemlich langweilig. Schauen Sie sich nun einen ganz anderen visuellen Ansatz für dieselbe Grundfunktionalität in 1Password an.
Ganz der Unterschied nein? 1Password verfügt über eine einfach hervorragende Oberfläche zum Verwalten Ihrer Anmeldungen, Kennwörter, Formulardaten usw. Ich weiß nichts über Sie, aber dies lässt mich jede einzelne Datenbankanwendung auf meiner Festplatte in Frage stellen. Warum ist es zur Norm geworden, Datenbankinformationen so einfach darzustellen? Was wäre, wenn Anwendungen wie Evernote (bereits eine der attraktiveren Datenbank-Apps) ein bisschen mehr wie 1Password oder Bento aussehen würden? Wäre das so schlimm? Ich gebe an, dass dies nicht der Fall wäre.
Hervorragende Ästhetik erschwert 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 Flaum 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 macht SweetFM, ein wunderbar einfacher Last.fm-Client, genau das Gegenteil. Schauen Sie sich an, wie kompakt und attraktiv es ist!
Vergleichen Sie nun 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 scheint robuster zu sein und stellt Ihnen alles auf einmal vor (ein hocheffizienter Ansatz). Es gibt jedoch definitiv etwas zu sagen für eine drastische Vereinfachung. Zurück zu einem Punkt, den wir zuvor angesprochen haben, ist das blinde Befolgen der UI-Konventionen einer bestimmten Kategorie keine Möglichkeit zur Innovation. Manchmal kann man sich eine Menge Benutzer schnappen, auf die niemand anderes abzielt, indem man einfach alles außer den absolut notwendigen Dingen entfernt. Nehmen Sie eine Seite aus Chocomokos Buch, manchmal ist weniger wirklich 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 funktional, es sieht auch ziemlich hervorragend aus.
In diesem Fall bin ich mir nicht sicher, woher die Entwickler ihre Inspiration beziehen. Die typischen Texturen sind hier: Metall, Glas und Gummi. Der oben genannte iTunes-Controller sieht jedoch nicht wie iTunes aus, und er sieht verdammt noch mal nicht wie jede andere Menüleisten-App aus, die ich je gesehen habe (er sieht eher aus wie ein Dashboard-Widget). Es gibt viel zu sagen, wenn man sich von all den Beispielen inspirieren lässt, die Sie heute gesehen haben, aber denken Sie immer daran, dass es keinen Ersatz dafür gibt, Ihren eigenen Weg zu beschreiten und absichtlich zu versuchen, völlig anders zu sein als alles andere, was Sie zuvor gesehen haben.
Rufen Sie Photoshop auf, drehen Sie Musik auf und verbringen Sie ein paar Stunden damit, Ideen auszuteilen, sobald sie zu Ihnen kommen. Anstatt sich auf das zu konzentrieren, was anderswo getan wurde, versuchen Sie herauszufinden, was nicht getan wurde, und erkunden Sie die Möglichkeiten unter Berücksichtigung dieses Ziels.
Fazit
Ich hoffe, die zehn oben genannten fantastischen Anwendungen haben Ihnen beide ein paar neue Apps für Ihren Mac zur Verfügung gestellt und Ihnen ein oder zwei Dinge über das Interface-Design beigebracht. Mac-Entwickler und -Designer beeindrucken 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 unten einen Kommentar und teilen Sie uns Ihre Meinung zu den oben genannten Schnittstellen mit. Stellen Sie außerdem sicher, dass Sie auf alle anderen neuen Mac-Apps hinweisen, die Ihnen als hervorragendes Beispiel für das Design der Benutzeroberfläche dienen.
){kind=link}