Vom Grafikentwurf zur wirkungsvollen Verkaufspräsentation – Gestaltung von Symbolen in einer App für Vertriebsmitarbeiter

In früheren Artikeln haben wir diese Themen angesprochen. Visuelles Denken In der Rolle der Abstraktion in der Werbung zeigt das Bild als universeller Sprache, die immer häufiger im Marketing und Handel eingesetzt wird. Heute möchten wir einen weiteren Baustein hinzufügen – die Ikonografie. Denn eine effektive Werbepräsentation muss eindeutige und einfühlsame Symbole enthalten.

Attraktive Verkaufspräsentation

Wie effektiv wir in einem Verhandlungsgespräch sind, hängt von vielen Faktoren ab. Eine wichtige Rolle spielt dabei die Art und Weise, wie wir unsere Botschaft darstellen und die Instrumente, die wir zur Präsentation unserer Angebote zur Verfügung haben.

Traditionell werden in solchen Fällen Foldereien, Broschüren, Kataloge und Formulare verwendet, die der Verkäufer in einer Tasche mit sich führt und dem potenziellen Kunden schrittweise zeigt. Diese Materialien haben einige Einschränkungen – die Größe der Broschüre, die Anzahl der Seiten des Katalogs oder schließlich die Kapazität der Handtasche des Verkäufers – all dies macht es so, dass wir nicht immer das Werkzeug dabei haben können, das wir zu einem bestimmten Zeitpunkt benötigen.

Für den mobilen Verkäufer ist es wichtig, das Produkt schnell und attraktiv auf eine für den Kunden verständliche Weise zu präsentieren. Immer häufiger nehmen Händler stattdessen statt eines Stapels Papier ein Tablet mit, das mit einer App ausgestattet ist, die auf die Bedürfnisse des jeweiligen Unternehmens zugeschnitten ist. Eine solche App kann die Effektivität der Verkaufspräsentation erhöhen, was sich positiv auf die Geschäftsergebnisse der Verkäufer auswirken kann.

Wie gestalten wir die Darstellung unserer Materialien, damit sie optimal auf einem Tablet angezeigt werden? Bei der Gestaltung einer effektiven Verkaufpräsentation ist es wichtig, die Lesbarkeit und Ästhetik der Informationen zu berücksichtigen, die wir durch die richtige Auswahl erreichen. Typografie, kombiniert mit ausgewogenen grafischen Elementen.

In der Welt der mobilen Anwendungen ist die Symbolik zweifellos die grundlegende grafische Form des Kommunikationsmittels – ein Piktogramm, das eine ideenbezogene oder objektbezogene Darstellung darstellt – und in diesem Artikel werden wir diese Rolle und Bedeutung in der digitalen Welt näher erläutern.

Ikonentwurf – wahre Geschichte

Die Bildkommunikation, definiert als bildliche oder piktografische Schrift, ist die älteste bekannte schriftliche Sprache. Ihre Anfänge gehen auf die zweite Hälfte des 4. Jahrtausends v. Chr. zurück, als Menschen mit vereinfachten schematischen Zeichnungen, die Tiere, Gegenstände und Menschen symbolisierten, versuchten, die Welt um sie herum zu beschreiben.

Heutzutage hat die Funktion der Symbole sich nicht verändert – sie repräsentieren weiterhin Begriffe mithilfe einer graphischen Darstellung, die von der verbalen Darstellung getrennt ist. Symbole spielen eine wichtige Rolle in der visuellen Kommunikation. Sie werden häufig im Verkehrszeichen- oder Passagierinformationssystemen von U-Bahnen oder Flughäfen eingesetzt.

Großformatige Piktogramme tauchten erstmals während der Olympischen Spiele in Tokio 1964 auf und wurden zu einem integralen Bestandteil des Informationssystems der gesamten Veranstaltung.

Die moderne Rolle der Ikonen

Heutzutage fungiert die Ikone hauptsächlich als interaktives Element der grafischen Benutzeroberfläche. Sie ist ein Symbol, das z. B. eine bestimmte Dateitypese, eine Anwendung, eine Aktion oder ein Gerät darstellt und gleichzeitig einen Link zu diesem Inhalt enthält.

Steve Krug erwähnt in seinem Buch „Don’t Make Me Think” mehrere wichtige Funktionen von Icons in modernen grafischen Benutzeroberflächen.

1. Die Icons steuern das Scannen von Inhalten. Benutzer lesen nicht, sondern scannen die Inhalte des Bedienfelds auf der Suche nach Informationen, die sie interessieren. Die Symbole verbessern die Lesbarkeit deutlich, indem sie die Textblöcke visuell abgrenzen.
2. Ikone beeinflussen die Ästhetik. Geeignete Icons ziehen nicht nur die Aufmerksamkeit auf sich, sondern wirken sich auch auf die Anwenderfreundlichkeit aus und bereichern sie.
3. Ikony organisieren Inhalte. Sie sortieren und kategorisieren die Daten, damit der Benutzer schnell die Informationen finden kann, die ihn interessieren.
4. Ikone verbessern die Benutzerfreundlichkeit. Ein gutes Beispiel ist die Ikonografie des Häuschens als Verweis auf die Hauptseite oder die Einkaufswagen-Symbolik neben dem Text. Koszyk.
5. Ikony sparen Platz. Mit Hilfe von Symbolen können wir die Anzahl der Textzeilen reduzieren, was die Lesbarkeit und Übersichtlichkeit des Layouts verbessert.

Wie man effektive Symbole entwirft

Laut Nolan Nielsen Group – einer der größten Unternehmen im Bereich der User Experience-Studien – wenn die mit der Symbolik versehene Meldung nicht eindeutig ist, handelt es sich lediglich um eine leere Dekoration, die den Benutzer zusätzlich irreführend beeinflussen kann.

Um sicherzustellen, dass die Benutzer die Bedeutung der von uns verwendeten Symbole verstehen, müssen einige allgemein anerkannte Regeln eingehalten werden.

1. Die Ikone sollte leicht zu finden sein. – Wie lange dauert es dem Benutzer, die entsprechende Schaltfläche im Interface zu finden?

Icons sind relativ kleine Elemente in Bedienfeldern, daher ist es wichtig, sie nicht in einer Fülle von Grafiken und Texten zu platzieren, die die Lesbarkeit beeinträchtigen und die Suche erschweren. Außerdem sollten Icons an allen Bildschirmen am selben Ort angeordnet sein, damit der Benutzer intuitiv weiß, wo er sie suchen muss.

2. Die Symbolik sollte für die Benutzer verständlich sein. – was sagt die Kontextlose-Symbolik an dem Benutzer – ohne Text und andere Elemente des Designs?

Die Interpretation der Symbole basiert auf den bisherigen Erfahrungen der Nutzer – da in den aktuellen Bedienfeldern nur ein Teil der Symbole universelle Bedeutung hat, sollten die übrigen mit kurzen Beschreibungen versehen sein, die ihre Funktion erläutern. Zu den universellen Symbolen gehören unter anderem das Burger-Menü, der Warenkorb, das Herz und der Stern.

3. Eine Schaltfläche sollte deutlich kommunizieren, was nach ihrem Anklicken geschieht. – versteht der Benutzer, welche Aktion sie symbolisiert?

Die Benutzer müssen nicht immer das jeweilige Symbol erkennen; es reicht aus, dass sie wissen, was passiert, wenn sie es drücken. Ein Beispiel hierfür ist das Symbol für eine Festplatte – ein Gegenstand, der längst nicht mehr verwendet wird, aber häufig verwendet wird, um die Funktion „Speichern” anzuzeigen.

4. Die Ikone sollte visuell attraktiv sein. – wie bewerten die Nutzer einzelne Symbole in Bezug auf Ästhetik, ob sie „gut gefallen”?

Die stilistische Einheitlichkeit und die Lesbarkeit sowie die Anpassung der Größe der Symbole an deren Komplexität wirken sich positiv auf das ästhetische Erscheinungsbild des Nutzers aus. Daher ist es bei der Auswahl der Symbole empfehlenswert, sich die Zeit zu nehmen, um die passende Form der Kommunikation zu wählen. Falls wir selbst nicht in der Lage sind, uns ein zufriedenstellendes Set zu entwerfen, können wir uns an einem Experten beraten lassen. Fertige Lösungen mit Hilfe von Spezialisten.

Wie wählen Sie Symbole in einer effektiven Verkaufspräsentation aus?

Icons sollten so einfach wie möglich gestaltet sein. Sie können flach, zweidimensional oder komplex sein, monochrom oder farbig, mit einheitlichen Farbkombinationen oder Farbverläufen sowie selbstgestalteten Konturen. Unabhängig davon, welche Icons wir wählen, ist es wichtig zu bedenken, dass das, was sie verbinden sollte, die Lesbarkeit und die stilistische Kohärenz ist.

Es ist erwähnenswert, dass die Komplexität der Ikone hauptsächlich von ihrer Größe abhängt.

Imikone ist größer, und mit einer größeren Anzahl von Elementen kann sie aufgebaut werden. Deshalb unterscheiden wir in Salesbook drei Typen interaktiver Symbole:

1. Menü-Icons im Hauptmenü,
2. Menü-Symbolfelder/Hilfefelder,
3. Formularikone.

Obwohl die ersten beiden Gruppen von Symbolen eine ähnliche Struktur und einen linearen Stil aufweisen, sind die Formularsymbole deutlich vereinfacht und – um maximale Lesbarkeit zu gewährleisten – verfügen sie über einheitliche Ausfüllungen.

Interaktive Art der Symbole

Wir haben bereits über interaktive Symbole gesprochen – das sind „klickbare” Symbole, deren Anklicken eine gewünschte Aktion auslösen wird. Eine ganz andere Gruppe bilden die Symbole, die in Präsentationen verwendet werden – sie haben eine informativ-ästhetische Funktion.

Wie unterscheidet man sie voneinander? In der Regel reicht es aus, eine einheitliche Gestaltung, Größe oder Position anzuwenden – dies wird am folgenden Bildschirm gut veranschaulicht. In der ersten Spalte sehen wir Symbole, die eine Visualisierung des Textes darstellen – der Kleiderschrank wird mit Kacheln dargestellt, die Hochzeit mit Ringe. Alle Symbole haben einen linearen Stil und eine Farbgebung, die der Inhalt entspricht, den sie repräsentieren.

In der dritten Spalte sehen wir Symbole mit einer ganz anderen Ästhetik – sie haben ein einheitliches, helles Grau als Grundfarbe und – was am wichtigsten ist – sie weisen auf allgemein bekannte und verwendete Symbole hin. Was verbinden wir mit einer Reihe von Sternen, die in einer Reihe angeordnet sind? Was bedeuten die Symbole, die neben dem Namen des Hotels oder der Restaurant stehen? Sie erscheinen sowohl in der digitalen als auch in der realen Welt, weshalb der Nutzer intuitiv weiß, dass sie eine Art Bewertung darstellen und den unterschiedlichen Aspekten, die für ihn wichtig sind, gerecht werden.

Die Verwendung von Symbolen in der Salesbook-App

Die in der Salesbook-Verkaufsapplikation verwendeten Symbole sollen vor allem den Handelnden das Navigieren im Interface erleichtern, die Suche nach den für ihn benötigten Informationen beschleunigen und den Verkaufsablauf für den Kunden attraktiver gestalten, während gleichzeitig die Effizienz der Verkaufsgespräche verbessert wird.

Der menschliche Verstand erkennt grafische Symbole viel schneller als Worte, weshalb der Benutzer in Salesbook bereits auf dem Hauptbildschirm der App die Symbole sieht – sie stellen eine grafische Darstellung der verfügbaren Funktionen dar. Die Menüsymbole des Hauptmenüs sind stets mit einer Beschreibung versehen – eine zusätzliche Information, die Anfängern beim Navigieren mit der App hilft, sich schnell zurechtzufinden.

Die farbigen Menüsymbole erregen zweifellos die Aufmerksamkeit. Ihre Größe und ihr intensiver Rotton deuten darauf hin, dass sie das wichtigste Navigationselement sind. Salesbook ermöglicht die Importierung eines eigenen Symbolsets – je nach Bedarf der Firma – und Informationen zur Vorbereitung der Symbole für die App finden Sie im Bereich „Design“. Laden Sie sie herunter.

Die Hilfemenüs sind deutlich weniger auffällig. Sie befinden sich im rechten oberen Bereich der App und sind leicht zu finden. Was am wichtigsten ist: Sie befinden sich immer am selben Ort, genau wie die Menüs auf Webseiten.

Die letzte Symbolik auf der oberen Leiste besitzt einen runden Konturrahmen und ist zusätzlich durch einen kleinen Trennstreifen von den anderen getrennt. Das Symbol der drei horizontalen Linien in einem Kreis, allgemein als “Burger-Menü” bezeichnet, deutet an, dass bei dessen Anklicken zusätzliche Optionen angezeigt werden, die ausschließlich für den Händler verfügbar sind.

Diese Struktur soll eine Hierarchie der Elemente schaffen und die Funktionalitäten unterscheiden, die direkt mit dem Verkaufsprozess verbunden sind, von denen die nur für den Verkäufer von Bedeutung sind.

Warum erhöhen Symbole die Effektivität von Verkaufspräsentationen?

Die meisten Funktionen eines modernen Computersystems mit GUI (Grafisches Benutzeroberflächen-System) basieren auf der Interaktion mit dem Benutzer über die Symbolleiste. Dank dieser können die Benutzer jede Anwendung problemlos auf eine ähnliche, intuitive Weise nutzen. Die Verwendung von entsprechend gestalteten Symbolen in Verbindung mit einer gut ausgewählten Typografie erhöht die Attraktivität jeder Verkaufspräsentation.