Ich suche Rat, um das Design meines minimalistischen Rechners zu verbessern [geschlossen]


7

Vor einiger Zeit habe ich eine Countdown-Timer-App erstellt, die auf dem kostenlosen Werbegeschenk eines Designers basiert . Es stellt sich heraus, dass Benutzer es mögen und es wird sogar auf schönen Pixeln erwähnt .

Dieses Mal baue ich selbst einen Taschenrechner namens Minimalist Calculator, ohne die Hilfe eines Designers. Apple Link: Minimalist Calculator , ich werde die Screenshots hier teilen:

  Geben Sie hier die Bildbeschreibung ein

  Geben Sie hier die Bildbeschreibung ein

Die Kommentare meiner Freunde sind bisher eher negativ. So etwas sieht eher nackt als minimalistisch aus.

Als App-Entwickler freue ich mich auf Ratschläge, wie ich das Erscheinungsbild meiner App verbessern kann, die hauptsächlich Schriftart, Farbe und Layout verwendet (aber speziell wenig / keine Bilder).

Schriftarten können vom Benutzer ausgewählt werden, dh:

  Geben Sie hier die Bildbeschreibung ein

Gibt es Nachschlagewerke, aus denen ich lernen kann? Ein Designer zum Mieten, der im Minimalismus-Design seriös ist, den Sie empfehlen können? Vielen Dank!

UPDATE: Über Optionen ...

@OghmaOsiris, ich habe eine Option zum Deaktivieren von Gitterlinien eingefügt:

  Geben Sie hier die Bildbeschreibung ein

 

  Geben Sie hier die Bildbeschreibung ein

UPATE 2: Farben

Letzte Nacht habe ich die Option hinzugefügt, die Farben zu ändern von:

  • Tastenfeld der Tastatur
  • Schaltflächentext und
  • Knopfrand

Graphit:

  Geben Sie hier die Bildbeschreibung ein

Orange:

  Geben Sie hier die Bildbeschreibung ein

Es ist jetzt im AppStore. Download-Link: Minimalistischer Rechner

Bitte zögern Sie nicht, mir Kommentare zu senden.


Sie haben in diesen Bildern keine interaktiven Zustände angezeigt. Gibt es welche? ZB ändert sich die Farbe der Kachel, wenn Sie darauf drücken.
Joonas

In der aktuellen Version wird die Farbe beim Drücken einer Schaltfläche invertiert, dh die Hintergrundfarbe ändert sich in die Textfarbe, die Textfarbe ändert sich in die Gesichtsfarbe der Schaltfläche.
Ohho

Ich mag es .. aber ich möchte einen größeren = Button.
Scott

@Scott, anders als bei einem herkömmlichen Desktop-Rechner, ist die Schaltfläche "Gleich" in dieser App relativ weniger wichtig. Dies liegt daran, dass das Ergebnis kontinuierlich angezeigt wird, wenn der Benutzer eine Formel eingibt. Bevor die Equal-Taste gedrückt wird, wird das Ergebnis bereits angezeigt. Wie in der Abbildung gezeigt, wird das Ergebnis 24nach der Eingabe angezeigt (5-1÷5)×5, ohne die Schaltfläche "Gleich" zu berühren.
Ohho

1
Im Allgemeinen würde ich empfehlen, mehr Aufwand in typografische Details der Mathematik zu stecken (auch irgendeine Form des Druckens oder PDF-Exports). Wenn Benutzer eine schöne Darstellung ihrer Eingabe sehen, wird ihnen die App sofort gefallen und sie häufiger verwenden, auch wenn die Funktionalität beispielsweise nicht für die Berechnung mehrdimensionaler Hyperraumkoordinaten oder ähnliches geeignet ist.
Fügen

Antworten:


7

Sie beschäftigen sich hier mit Geschmackssache. Es gibt viele Möglichkeiten, minimal zu sein. Sie haben es meiner Meinung nach erfolgreich gemacht. Ich vermute, es ist die extreme Reduzierung des Stylings, die Ihre Freunde stört.

Alle Kritiken sind nicht gleich

Die erste Frage, die Sie stellen sollten, lautet: Sind Ihre Freunde repräsentativ für Ihre Zielgruppe? Wenn nicht, finden Sie einige Personen und sehen Sie, wie sie reagieren.

Styling Minimalismus

Nur weil etwas minimal ist, heißt das nicht, dass es komplett ungestylt sein muss. Ihnen stehen noch verschiedene Techniken zur Verfügung, die Ihrem Design etwas Menschlichkeit verleihen können. Ein paar Dinge zu beachten:

  • Visuelle Hierarchie. Sie sprechen derzeit zwei Informationsebenen an: die Tastatur und die Formel sowie die Antwort. Gibt es dazwischen Graustufen, die es wert sein könnten, beschrieben zu werden? Ziffern gegen Operatoren gegen Funktionen (wie Löschen, Speichern, Abrufen) können wertvolle Kategorien sein.
  • Farbe. Schwarz und Weiß ist eine offensichtliche Wahl für diese Ästhetik, aber auch Grautöne, neutrale oder sogar Paletten wie Juwelen- und Erdtöne.
  • Textur. Beschränken Sie sich nicht auf flache Farben im Namen des Minimalismus. Schauen Sie sich Apples App-Design an, viele Texturen dort. Subtilität ist der Schlüssel. Schauen Sie sich die treffend benannten SubtlePatterns.com an .
  • Tiefe. Die Textur fügt ein wenig Realismus hinzu, aber der Eindruck von Tiefe wird eine Stufe höher sein. Schlagschatten auf den Typ. Farbverläufe auf den Tasten implizieren eine Oberflächenkrümmung. Der Ergebnisbereich kann "vertieft" oder "erhöht" sein.
  • Benutzer Konfiguration. Es ist eine hervorragende Idee, dem Benutzer das Ändern von Schriftarten zu ermöglichen. Was ist mit einigen zusätzlichen Skins? Vielleicht dunkel, hell und mittelgroß. Auch hier könnte die Texturidee ins Spiel kommen. Vorausgewählte Schriftartenoptionen funktionieren möglicherweise gut.

Ich mag diese Lösungen auch.
OghmaOsiris

1
Danke für den tollen Input! Ich füge in der kommenden Version 1.1 Theme-Unterstützung hinzu. Es ist jedoch die Kombination aus Farbe / Farbton / Textur, der ich nicht vertraue. Derzeit google ich so etwas wie: dribbble.com/shots/364467-Assembler dribbble.com/shots/727342-Stream dribbble.com/shots/344343-Blog-post-sidebar, habe aber kaum eine Idee, wie man Dinge platziert zusammen.
Ohho

1
Sie haben offensichtlich ein Auge für hervorragende Arbeit. Bauen Sie darauf auf, indem Sie es in Ihrer eigenen App ausprobieren. Wenn Sie das Bedürfnis haben, suchen Sie nach einem Designer, der bereit ist, mit Ihnen zusammenzuarbeiten, um etwas Anerkennung zu erhalten. Sie haben bereits einen Erfolg hinter sich. Lassen Sie potenzielle Mitarbeiter wissen, dass Sie für eine Wiederholung fotografieren, und sie können mitfahren. Oder du kannst ihnen einfach etwas Geld anbieten;)
Zivil am

2

Ich würde sagen, entfernen Sie die Ränder um die Schaltflächen und lassen Sie den Benutzer nicht die Schriftart auswählen. Ich würde Futura nicht als Schriftart verwenden (auch wenn ich Futura liebe). Ich denke, es ist eher eintönig als erfrischend.

Ich mag, was Sie wollen, aber ich sehe, was Ihre aktuellen Kritiken zu sagen versuchen.

Ich würde auch die Berechnungsanzeige erhöhen und alle Schaltflächen entfernen, die nicht benötigt werden. Stellen Sie sie bei Bedarf auf einen separaten Bildschirm oder machen Sie es wie der eingebaute Calc und zeigen Sie die wissenschaftlichen Calc-Schaltflächen auf didRotate () an. Vielleicht sogar ein Tab-Bar-Controller, um zwischen verschiedenen Arten von Taschenrechnern zu wechseln.

Ich habe gerade Ihren Timer heruntergeladen, den Sie erstellt haben, und finde ihn absolut schön. Haben Sie keine Angst, sich von einem früheren Design inspirieren zu lassen.


Screenshot ohne Gitterlinie in UPDATE hinzugefügt
ohho

1

Für die visuelle Hierarchie sollten Sie die am häufigsten verwendeten Tasten schwarz (#s, +, - usw.) und alle anderen Tasten mittel-dunkelgrau haben.

Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.