Mittlerweile sind die Apps auf unseren Handys ein Teil unseres Lebens geworden. Nachdem wir viele ausprobiert haben, entdecken wir zunehmend, dass eine App auch ein Lebewesen mit Knochen, Fleisch und Haut ist. Viele sprechen über Erfahrung und Gefühl, aber was genau macht eine App gut oder schlecht? Was verursacht diesen Unterschied im Gefühl? Und wie sollten wir Apps gestalten?

Im Folgenden analysiere ich drei repräsentative Passfoto-Apps: „Smart ID Photo“, „Most Beautiful ID Photo“ und „ID Photo“, anhand von drei Dimensionen. Passfoto-Apps nutzen hauptsächlich das Handy, das man zur Hand hat, um Passfotos aufzunehmen und zu erstellen, und lösen Probleme wie etwa, dass Nutzer das Passfoto in traditionellen Fotostudios nicht kontrollieren können, sowie die Mühe, hinausgehen und ein Fotostudio suchen zu müssen. Dies ist eine Werkzeug-Anwendung, daher besteht ein hoher Anspruch daran, Nutzerprobleme tatsächlich und effizient zu lösen. Deshalb zerlegen wir diese Apps eingehend und betrachten sie aus drei Dimensionen: Knochen, Fleisch und Haut.

I. Knochenstruktur

Wie das Sprichwort sagt: „Beim Malen eines Tigers kann man seine Haut malen, aber nicht seine Knochen.“ Das Fundamentalste an einer App ist ihre logische Rahmenstruktur. Sie ist wie das Stahlgerüst eines Hauses, das das gesamte Gebäude trägt. Je stärker ihre Struktur, desto mehr Funktionen kann das Haus tragen. Zum Beispiel sind mit den unten stehenden unterschiedlichen Framework-Kernen auch die Häuser, die gebaut werden können, unterschiedlich:

Werfen wir also einen Blick darauf, wie ihre Knochenstrukturen tatsächlich aussehen.

Das logische Gerüst von „Smart ID Photo“ wirkt insgesamt einheitlich und symmetrisch. Je stabiler die Struktur einer APP ist, desto natürlicher ist es, Funktionen zu erweitern und darauf aufzubauen. Von der allerersten Aufnahmeseite bis zum endgültigen Abschluss der Ausweisfoto-Erstellung enthält der gesamte Prozess nahezu keine redundanten Bedienungsschritte, wodurch die Nutzerführung reibungslos und mühelos ist – wie Wasser in einem Zug zu trinken.

Die Gesamtstruktur von „Most Beautiful ID Photo“ wirkt ebenfalls recht flüssig und rund, doch bei genauerem Hinsehen weist sie viele gängige APP-Designfehler auf: Unvollständigkeit und verworrene Nahtstellen. Betrachten wir zunächst die Startseite: Create und Orders. Die am häufigsten genutzte Funktion ist die Aufnahme-/Erstellungsfunktion, während die Option Orders am unteren Rand fast nie verwendet wird. Wenn Nutzer darauf klicken, stellen sie fest, dass sie nirgendwohin führt, und kehren sofort zurück. Dieser enorme Unterschied in der Nutzungshäufigkeit macht den Orders-Zweig so nutzlos wie ein fehlendes Bein. Er erzeugt nicht nur Redundanz und ein strukturelles Ungleichgewicht, sondern legt auch die Schwäche der auf der Struktur aufbauenden Funktionen offen. Daher sollte dieser Teil gelöscht werden! Es sollte ganz am Anfang direkt zur Aufnahmeseite gehen. Betrachten wir als Nächstes die prominenten APP-Album- und Exportfunktionen am oberen Rand. Nach sorgfältiger Analyse zeigt sich, dass „Most Beautiful ID Photo“ keine lokale Foto-Upload- und Verschönerungsfunktion besitzt. Sein integriertes Album basiert auf Fotos, die nach der Aufnahme intern gespeichert werden, was zu logischer Verwirrung führt. Perfektionistische Nutzer werden diese Funktion für einen Bug halten.

Außerdem werden seine Fotos im internen APP-Album statt im Telefon-Album gespeichert. Nutzer müssen viele Wege durchlaufen und Export wählen, um das Foto tatsächlich zu speichern – wie verworrene Nahtstellen, die sich nicht richtig dehnen lassen.

Das Hochladen aus dem lokalen Album sollte eine sehr einfache Sache sein; warum also fügt "Most Beautiful ID Photo" nicht direkt die Struktur für das Hochladen lokaler Fotos hinzu? Wir überlassen das dem Fleisch-Abschnitt unten und analysieren es zusammen mit "Smart ID Photo".

Insgesamt sehen wir auf einen Blick, dass "ID Photo" eine komplizierte und umständliche Struktur hat. Sie wirkt mit viel Inhalt gefüllt, doch die tatsächliche Erfahrung zeigt, dass viele Funktionen schwach sind und den Mangel aufweisen, aufgeblasen und hohl zu sein. Der alte Jobs sagte einmal: "Einfach kann schwieriger sein als komplex." Was die Komplexität betrifft, gibt es noch viele Dinge, die wir löschen müssen. Als Nächstes schauen wir uns die gestrichelten Pfeile im Abschnitt zum manuellen Zuschneiden an. Wenn Benutzer nach schlechter Aufhellung, Hintergrundaustausch oder Kleidungswechsel zurückkehren, werden sie immer zum Modul für manuelles Zuschneiden weitergeleitet, anstatt in geordneter Weise einen Schritt zurückzuspringen. Das zeigt, dass die goto-Sprunganweisung in seinem Programm missbraucht wird (Hinweis: Wenn die goto-Anweisung schlecht verwendet wird, ist es leicht, wie Jiu Mozhi, der die Fähigkeit nicht erlernt und am Ende verkehrte Meridiane hat). Dies ist ein Zeichen unzureichender technischer Fähigkeit und zugleich die Quelle der Designphilosophie, die Benutzer schließlich unter Druck in den manuellen PS-Modus im Backend führt. Schauen wir weiter auf einen Widerspruch zwischen App-Strukturdesign und tatsächlicher Funktionsdarstellung: Ganz am Anfang wird der Weg eingeschlagen, den Ausweisfototyp auszuwählen, und verschiedene Ausweisfotos haben unterschiedliche Standardanforderungen. Später jedoch, beim Ändern des Hintergrunds, werden frei verschiedene Hintergrundfarben angeboten. Wenn Benutzer kein entsprechendes Verständnis haben, wird das Ergebnis sein, dass das Ausweisfoto die Anforderungen nicht erfüllt. Dies ist ein Fall davon, die ursprüngliche Absicht im späteren Fleisch-Design zu vergessen, Knochen entgegen der ursprünglichen Richtung wachsen zu lassen und pathogene Gene einzupflanzen.

In der Antike wahrsagten Blinde, indem sie Knochen ertasteten; heute verfügen Wissenschaftler über Techniken zur Schädelrekonstruktion. Sind sie, durch die obige Knochenstrukturanalyse, rein anhand der logischen Framework-Diagramme betrachtet, den untenstehenden Strukturen ähnlich?

II. Fleisch

Offensichtlich kann ein Skelett allein keinen vollständigen Menschen ausmachen. Wenn ein Mensch laufen will, müssen verschiedene Muskeln koordiniert zusammenarbeiten, um explosive Kraft zu bilden und den Betrieb eines Systems anzutreiben.

ID-Foto-Apps lösen hauptsächlich das Problem, dass Nutzer bequem ID-Fotos erstellen können, senken die professionelle Hürde der Fotografie, machen die Hintergrundkulissen von Fotostudios überflüssig, vermeiden manuelle PS-Bearbeitung und verkürzen den Weg, den Nutzer zurücklegen müssen. Ihre zentralen Muskelgruppen sollten Funktionen wie einfaches Fotografieren, automatischen Hintergrundaustausch, intelligente Verschönerung, Größenanpassung und so weiter erfüllen können. Analysieren wir also weiter ihr Fleisch.

Wessen Hähnchen hat eine dichte Fleischtextur, ist außen knusprig und innen zart, voller Bissfestigkeit und reich an ATP? Jeder hat seine eigene Meinung, und ich werde hier nicht zu viele Urteile fällen. Glücklicherweise sind Utility-Apps technische Arbeit; man braucht den Diamantbohrer, um es zu wagen, auf den Tisch zu legen. Also werde ich von der äußerlich sichtbaren Struktur ausgehen und einige Hinweise finden. Wir analysieren hauptsächlich das App-Design anhand der Kernfunktion des Hintergrundaustauschs. Im Folgenden sind die Effekte nach automatischem Hintergrundaustausch ohne Feinabstimmung aufgeführt:

"Intelligentes ID-Foto" "Schönstes ID-Foto" "ID-Foto"

Von der Muskelmasse her hat „Smart ID Photo“ zwei Hauptfunktionen: intelligenten Hintergrundaustausch per Ein-Klick und manuelle Feinabstimmung; „Most Beautiful ID Photo“ hat eine Hintergrundaustauschfunktion, bietet jedoch keine manuelle Feinabstimmung; „ID Photo“ hat automatisches Freistellen und manuelle Feinabstimmung. Was den Effekt der Muskelarbeit betrifft, behandelt „Smart ID Photo“ nach dem Hintergrundaustausch Details besser, und das Bild ist relativ glatt, wobei nur lokale subtile Bereiche verbessert werden müssen; „Most Beautiful ID Photo“ muss beim Hintergrundaustausch noch verbessert werden. Da außerdem keine manuelle Feinabstimmung möglich ist, entspricht das Ergebnis bei verbleibenden Mängeln im Hintergrundaustausch nicht den Anforderungen an Standard-Passfotos, und die Benutzererfahrung wird stark beeinträchtigt; „ID Photo“ hat einen akzeptablen Hintergrundaustausch, aber die Bildverarbeitung ist nicht glatt. Was die Effizienz der Muskelarbeit betrifft, hat „Smart ID Photo“ zwar eine stärkere Technologie zum Hintergrundaustausch, aber sein Hintergrundaustausch dauert länger, der Feinabstimmungspinsel ist kleiner und das Bild kann nicht vergrößert werden, was die Benutzererfahrung etwas mühsam macht. Dieses Design schränkt tatsächlich die Leistungsfähigkeit seiner Technologie ein. Wenn solche kleinen funktionalen Designs auf Fleisch-Ebene nicht eng mit seinem strukturellen Design auf Knochen-Ebene koordiniert werden, kann dies leicht zu schlechter Bedienung führen und Blutgerinnsel bilden. „Most Beautiful ID Photo“ braucht etwas länger für den Hintergrundaustausch; „ID Photo“ ist beim Hintergrundaustausch und Freistellen schneller, verwendet aber eine klickartige Feinabstimmung statt pinselartigem Verstreichen. Dies ist bei der späteren Feindetailanpassung sehr mühsam und beeinträchtigt die Bildqualität. Was die Koordination der Muskeln betrifft, fügt „Smart ID Photo“ vor der Funktion zum Hintergrundaustausch eine Bewertung der Aufnahmeumgebung hinzu. Dies blockiert und filtert effektiv einige qualitativ minderwertige Fotos heraus, wodurch die abschließende Fotoverarbeitung effizienter wird. APP-Design ist kein einfaches Stapeln von Funktionen; sie alle dienen dazu, das Kernproblem zu lösen. Deshalb bringt die Koordination zwischen umliegenden Muskelgruppen und Kernmuskelgruppen nicht nur starke Explosivkraft hervor, sondern spiegelt auch eine feinfühligere humanistische Fürsorge wider.

Bezüglich der eingangs offen gelassenen Frage, warum „Most Beautiful ID Photo“ keine Funktion zum Hochladen von Bildern hat? Wir können die folgenden Probleme erkennen:

Wenn Benutzer Bilder hochladen, um sie zu verarbeiten und Ausweisfotos zu erstellen, sind die Bilder von außerhalb des Systems gemischt und unkontrollierbar, anders als die innerhalb des Systems erzeugten standardisierten Bilder. Im Schritt zum Hintergrundaustausch kann das System den Hintergrund des Bildes automatisch erkennen und ersetzen. Das stellt offensichtlich sehr hohe Anforderungen an die Technik. Wie also entwerfen sie eine Lösung für dieses Problem? „Smart ID Photo“ filtert hochgeladene Bilder nach Standards, und diejenigen, die die Standards nicht erfüllen, werden aussortiert; „Most Beautiful ID Photo“ ist aggressiver, verehrt den König und vertreibt die Barbaren, boykottiert alle ausländischen Waren; „ID Photo“ ist ziemlich clever – es öffnet vollständig die Arme und bietet einen beweglichen Rahmen zum manuellen Zuschneiden. Aber jede Lösung schafft neue Probleme. Die halboffene Strategie von „Smart ID Photo“ hat einige durchs Netz geschlüpfte Fische nicht behandelt. Nachdem einige Bilder hochgeladen wurden, gibt es Lücken zum Bildrahmen, was perfektionistische Benutzer glauben lässt, es sei ein Systemfehler, und dem Ruf schadet. Das vollständig geschlossene Design von „Most Beautiful ID Photo“ fügt jedoch gleich zu Beginn eine App-Album-Funktion hinzu, was strukturelle logische Widersprüche und eine verzerrte Knochenstruktur verursacht. Das manuelle Zuschneiden von „ID Photo“ ist gut, aber die manuelle Steuerung hat keine entsprechenden Standards, was zu nachfolgenden Problemen beim Zuschneiden der Fotogröße und bei der Bildklarheit führt. Wenn dieser Teil optimiert und mit gleitender Feineinstellung kombiniert wird, ist der Effekt besser. Obwohl sie unterschiedliche Lösungen für das Hochladen von Bildern verwenden, könnten einige denken, dass Benutzer im Allgemeinen selbst Fotos machen, um Ausweisfotos zu erstellen, sodass diese Bild-Upload-Funktion nicht sehr nützlich und ein Hühnerknochen ist. Aber wenn wir das Fleisch entwerfen, haben wir bedacht, wer unsere Benutzer sind? Sind Prüfanalysten wie wir, die es nicht wagen, eigene Fotos zu posten, Vegetarier? Wenn du uns kein gutes Fleisch fütterst, werde ich es dir unangenehm machen.

Daher müssen bei der Gestaltung des Fleisches nicht nur die inneren funktionalen Muskeln einen Kernzusammenhalt bilden, sondern auch die Abstimmung mit dem darunterliegenden Knochenstruktur-Design berücksichtigt werden, um ein Gleichgewicht des kooperativen Spiels zu erreichen.

III. Haut

Obwohl wir oben eine interne Systemanalyse durchgeführt haben, ist diese Gesellschaft eine, die Gesichter und Väter wertschätzt. Ohne Haut ist es unmöglich, in der APP-Welt zu überleben. Laut APPfigures hatte die Gesamtzahl der iOS-Anwendungen im App Store bis 2014 1.21 Millionen erreicht. Damit eine APP in der Welt überleben kann, braucht sie zu viele äußere Qualitäten: UI-Design, UX-Design, Name, Tags, Mundpropaganda in sozialen Kreisen und so weiter. Im Folgenden analysieren wir aus den Aspekten des UI- und UX-Designs.

"Intelligentes ID-Foto" "Schönstes ID-Foto" "ID-Foto"

Aus UI-Sicht ist die Startseite von "Smart ID Photo" sauber und ordentlich; die Aufnahmeseite von "Most Beautiful ID Photo" ist ebenfalls recht sauber, aber bei genauerer Betrachtung sind die untere Menüleiste und der Aufnahmebereich beide schwarz, und der Übergang zwischen den Funktionsbereichen ist nicht offensichtlich. In der Gestaltpsychologie gibt es ein Prinzip: Wenn Objekte zu nahe beieinander liegen, neigen wir dazu, sie als zusammengehörig zu betrachten. Diese Art des Designs führt leicht zu visueller Verwirrung; die Startseite von "ID Photo" ist graucyan und vermittelt ein düsteres Gefühl. Gleichzeitig reduzieren der überladene Text und die Bilder die Ästhetik erheblich. Aus UX-Sicht gibt "Smart ID Photo" dynamische Aufnahmehinweise. Dies beeinträchtigt nicht nur nicht das Gesamtlayout der Seite, sondern vermittelt auch ein intuitives, warmes Gefühl der Nähe; "Most Beautiful ID Photo" platziert Aufnahmehinweise in der unteren Menüleiste, was die Interaktionskosten der Nutzer erhöht; in "ID Photo" ist der Inhalt nach dem Klicken auf den Aufnahmehinweis in der oberen rechten Ecke nur eine Zeile: "2-inch wird hauptsächlich für Pässe verwendet." Der Hinweis ist zu grob und nahezu wertlos.

Das sagt uns auch, dass im UX- und Icon-Design die Distanz zwischen Ihnen und dem Nutzer entweder ein freundlicher Austausch von Angesicht zu Angesicht oder ein mechanisches, fremdes Klopfen an der Tür ist. Wenn hinter der Tür keine Überraschung wartet, führt das unweigerlich zu Bedauern.

Das Design von „Smart ID Photo“ scheint ziemlich gut zu sein, aber freuen Sie sich nicht zu früh – wir machen oft tagsüber keine Fehler, aber an trüben Tagen vermasseln wir es.

Das gängige Bildschirmverhältnis von Smartphones ist heute 16:9, d. h. 1.78; das Verhältnis von 2-inch-Passfotos ist 1.34. Was kommt diesen Zahlen nahe? Der großartige Goldene Schnitt! Auf der Seite zum Austauschen des Hintergrunds ist jedoch zu erkennen, dass der obere blaue Bereich und der untere weiße Menüleistenbereich deutlich außer Verhältnis stehen, mit einem gemessenen Verhältnis von 2.52. Besser wäre, die untere Menüleiste im UI-Design schweben zu lassen oder das Bild in einer größeren Ansicht anzeigen zu lassen, was eine starke visuelle Wirkung erzeugt. Wenn man sich UX noch einmal ansieht, verwendet „Smart ID Photo“ Gesichtserkennungsalgorithmen, um den Hintergrund von Fotos automatisch zu ersetzen, was sicherlich Verarbeitungszeit in Anspruch nimmt. Laut einer Umfrage von Compuware sind 5 Sekunden jedoch die längste Wartezeit, die Nutzer beim Laden einer Webseite tolerieren, und 50% der Nutzer geben nach dieser Zeit auf. Das kann auch als Referenz für die Verarbeitungsgeschwindigkeit einer App dienen.

Wenn eine App Nutzer das Gefühl geben kann, verliebt zu sein, dann kann dieser Punkt ignoriert werden. Aber am meisten schmerzt, dass „Smart ID Photo“ in seiner UX diese Textzeile zeigt: „Das wird eine Weile dauern.“ Es ist, als würde ich am Straßenrand schweigend auf einen Bus warten, wenn mich plötzlich jemand neben mir daran erinnert: „Der Bus ist wirklich langsam.“ In diesem Moment werde ich wachgerüttelt und nehme die Langsamkeit noch stärker wahr, also antworte ich: „Ja, er ist wirklich langsam.“

Menschen haben sechs Sinneskontakte, und sie erleben ständig ein Produkt. Eine App-Erfahrung ist wie ein Verkupplungstreffen; haben Sie Ihre Nutzer bewegt? Design ist ein tiefgründiges Thema, und ich bin darin zu oberflächlich, daher werde ich nicht weiter analysieren.

All das oben Genannte basiert auf Tests mit der iOS-Version. Vom Erscheinungsbild von Knochen, Fleisch und Haut her hat jede App ihr Leben und ihre Seele. Über diesem Organismus können wir nicht einseitig ein Leben erschaffen; es braucht mehr Nachdenken, um ein Gleichgewicht des Lebens zu erreichen.

Quelle: http://www.woshipm.com/pd/178927.html