App-Design (eBook)

Das umfassende Handbuch

Jan Semler, Kira Tschierschke (Autoren)

eBook Download: EPUB

2019 | 2. Auflage
680 Seiten
Rheinwerk Design (Verlag)
978-3-8362-7052-6 (ISBN)

Infos

Wie machen Sie aus einer einfachen App ein echtes Highlight, das die Bestenlisten der App-Stores stürmt? In diesem Buch erfahren Sie es, denn hier erlernen Sie die Gestaltungsgrundlagen attraktiver und moderner Apps - von einer benutzerfreundlichen Usability über eine ausgeklügelte User Experience bis hin zum attraktiven Design von Grafiken, Bildern und Icons. Von der ersten Idee bis zum polierten Pixel wird erklärt, wie man erfolgreiche und moderne Apps designt - denn auf einem kleinen Bildschirm ist jeder gut genutzte Bildpunkt Gold wert!
Aus dem Inhalt:
- Ideen finden und umsetzen
- Konzeption
- Usability und User Experience
- Gestaltungsgrundlagen
- Farblehre, Farbe auf Bildschirmen
- Typografie
- Grafiken, Bilder, Icons
- Mock-ups & Wireframes
- Testen und optimieren
- Marktstrategien
- Präsentation der App im App-Store
- Android, iOS

Aus dem Inhalt:

• Ideen finden und umsetzen
• Konzeption
• Usability und User Experience
• Gestaltungsgrundlagen
• Farblehre, Farbe auf Bildschirmen
• Typografie
• Grafiken, Bilder, Icons
• Mock-ups, Wireframes & Prototypen
• Testen und optimieren
• Marktstrategien
• Präsentation der App in den App Stores
• Für Android und iOS

Die Fachpresse zur Vorauflage:
c't: »Der Autor macht haptische und audiovisuelle Merkmale moderner Apps dingfest.«
PAGE: »Rundumschlag von der Ideenfindung bis zum interaktiven Prototyp!«
iX - Magazin für professionelle Informationstechnik: »Das vollfarbige Buch lohnt sich für all jene, die wenig Erfahrungen auf diesem Gebiet haben - die Abschnitte zu Typografie und Farbenlehre sind ebenfalls hilfreich.«

Textauszug

1    Der Smartphone- und Tablet-Boom

Anfang 2000 wurden die ersten Mobiltelefone eingeführt, die mehr konnten, als »nur« zu telefonieren. Erstmals war es möglich, über WAP auf Inhalte im Internet zuzugreifen. Diese Entwicklung fand 2007 ihren Höhepunkt, als Apple mit der Einführung des iPhones ein komplett neues Nutzererlebnis kreierte und somit den Grundstein für das App-Design legte.

In diesem Kapitel lesen Sie quasi zum Warmwerden kurz die Geschichte der Smartphones, Tablets und Wearables. Dies soll Ihnen helfen zu verstehen, was in der Vergangenheit gut, aber auch schiefgelaufen ist, und uns heute helfen, richtige oder sogar bessere Entscheidungen zu treffen. Ebenso werfen wir einen kurzen Blick auf die verschiedenen Plattformen, ihre Besonderheiten und die unterschiedlichen Entwicklungsformen von Apps.

1.1    iPhone und iPad als Wegbereiter

Mit Einführung des iPhones 2007 war schnell klar, dass dieses Gerät den Markt mobiler Endgeräte revolutionieren würde. Und tatsächlich versetzte das iPhone den Handymarkt in helle Aufregung. Quasi über Nacht wurde Apple mit dem ersten Smartphone, das sich vollständig über einen großen Touchscreen per Fingergesten bedienen ließ, zum weltweiten Trendsetter. Am ersten Verkaufstag wechselten bereits 270.000 Geräte den Besitzer, und das, obwohl der Einführungspreis des Geräts bei 599 US$ lag (nur drei Monate später senkte Apple den Preis um 200 US$). Heute kostet das Apple-Flagschiff-Smartphone iPhone X über 1.000 €.

Steve Jobs betonte während seiner Vorstellung auf der »Macworld 2007« mehrfach, dass es vor allem um Bedienbarkeit gehe. Jede Funktion des iPhones lasse sich mit wenigen Berührungen steuern und sei sehr einfach zu verstehen. An diesem Prinzip hat sich auch heute nach bald zwölf Jahren und Einführung des iPhone XS nichts wesentlich geändert.

1.1.1    Das iPhone schreibt Geschichte

Wie bereits gesagt, wurde die erste iPhone-Generation am 9. Januar 2007 auf der »Macworld Conference & Expo« in San Francisco vorgestellt. Sieben Jahre zuvor begann man zunächst mit der Konzeption und der Entwicklung eines mobilen Computers mit Touchoberfläche – dem heutigen iPad. Steve Jobs erkannte jedoch, dass es klüger wäre, zunächst ein Mobiltelefon mit einer derartigen Bedienoberfläche zu entwickeln. 2004 begann man mit der Entwicklung des ersten iPhones und stellte die Entwicklung des iPads zunächst ein. Doch was machte das iPhone so besonders? Es war nicht nur ein herkömmliches Mobiltelefon, sondern es vereinigte drei Geräteklassen:

• einen digitalen Mediaplayer (Abspielen von Musik, Videos und Betrachten von Bildern)

• ein Mobiltelefon (Telefonieren, SMS-Versand, E‐Mail-Funktionalität)

• ein Internet-Kommunikationsgerät

Für den Erfolg des iPhones war aber auch vor allem die einschneidend neue und intuitive Bedienung des Geräts ausschlaggebend: Bis dato gab es keine Mobiltelefone, die über eine Multitouchoberfläche verfügten. Handys wurden entweder über eine Hardwaretastatur oder mithilfe eines Stylus bedient.

Abbildung 1.1    Nostalgie: alte, relativ klobige Nokia-Handys

Stylus

Ein Stylus ist ein Eingabestift, der zur Bedienung von Touchscreens oder Grafiktabletts verwendet wird.

Apple Pencil

Mit dem iPad Pro, das 2015 von Apple auf den Markt gebracht wurde, ist nun auch der Apple Pencil erhältlich, ein Stylus für das iPad Pro. Damit lässt sich das iPad Pro mit dem Pencil bedienen.

Die Bedienung durch eine Multitouchoberfläche hat einige Aspekte der Nutzerführung vereinfacht. Nahezu der gesamte Bildschirm kann seitdem genutzt werden, denn Tastatur oder andere Bedienelemente werden lediglich eingeblendet, wenn diese auch wirklich benötigt werden. Bis dahin galten Mobiltelefone als unflexible Geräte mit kleinem Bildschirm, in die neue Funktionalitäten nur schwer implementiert werden konnten. Ebenso war die Bedienung meist komplex, und das Einstellen bestimmter Funktionen glich einem Hindernislauf durch eine wenig einladende Einstellungswüste.

Ein weiterer großer Sprung war 2008 die Einführung des Apple App Stores. Hier können seitdem Entwickler Applikationen, sogenannte Apps, für das iPhone anbieten und jeder Apple-iPhone-Besitzer den Funktionsumfang seines Geräts erweitern und Applikationen auf seinem Smartphone installieren. Bis dato gab es für herkömmliche Mobiltelefone keine vergleichbare Möglichkeit, die Funktionalität auszubauen. Aus dem Mobiltelefon wurde nun ein Smartphone mit nahezu der Leistung eines herkömmlichen Computers. Das iPhone brachte also auch einen komplett neuen Industriezweig auf den Weg – den der App-Entwicklung.

Das iPad

Zehn Jahre nachdem Apple mit der Entwicklung eines iPads begann, wurde dieses am 27. Januar 2010 erstmals der Öffentlichkeit vorgestellt. Das iPad sollte ein genauso großer Erfolg werden wie das iPhone. Alles, was man bei der Entwicklung des iPhones gelernt hatte, fand nun Anwendung im iPad.

Während jedoch das iPhone für den täglichen, mobilen Gebrauch entwickelt wurde, positioniert sich das iPad mehr zwischen dem herkömmlichen Computer und dem Smartphone und dient vorwiegend der Unterhaltung des Nutzers. Zwar greift das iPad auf dieselben technologischen Errungenschaften des iPhones zurück, klassifiziert aber dennoch eine neue Geräteklasse abseits des Smartphones. Auch hier folgten viele Hersteller, die auf Basis von Android Tablet-Geräte für den Markt entwickelten.

1.1.2    Die Konkurrenz schläft nicht: Android

Mit dem iPhone begann die Ära der Smartphones und mit ihr das dauerhafte Bedürfnis nach dem völlig neuen Nutzererlebnis – persönlich, intim und absolut komfortabel. Die Konkurrenz musste reagieren und zunächst den Technologievorsprung von Apple aufholen.

Bereits 2003, parallel zur Entwicklung des iPhones, entwickelte ein kleines Unternehmen namens Android Inc. in Palo Alto, Kalifornien, ein mobiles Betriebssystem auf Basis eines Linux-Kernels. Ursprünglich war die Idee, ein Betriebssystem für digitale Kameras zu entwickeln, jedoch entschloss sich das Unternehmen, in den Mobiltelefonmarkt einzusteigen. Hauptkonkurrenten waren seinerzeit Symbian und Windows Mobile, die beiden damals am häufigsten vertretenen mobilen Betriebssysteme.

2005 kaufte Google Android Inc. auf, entwickelte das Betriebssystem weiter und stellte es für eine große Gruppe Mobiltelefonhersteller (Samsung, HTC, Sony, Motorola etc.) zur Verfügung. Am 22. Oktober 2008 – also rund 1,5 Jahre nach der Veröffentlichung des iPhones – brachte HTC mit dem HTC Dream das erste Smartphone der Android-Klasse auf den Markt. Es folgten weitere Versionen für Smartphones und später auch eine Android-Version für Tablets. Auch wenn Android leichte Startschwierigkeiten hatte, so ist es mittlerweile doch zu einer erwachsenen Plattform mit einer großen Anhängerschaft herangewachsen und das meist genutzte Betriebssystem bei Smartphones.

Wearables

Unter Wearables versteht man tragbare Computer wie eine Smartwatch, Fitnessarmbänder oder Brillen wie die Google Glass. Ohne Frage: Wearables verändern zunehmend den Technikmarkt als Zusatzgeräte zur herkömmlichen Hardware.

Zuletzt brachte Google mit Google Glass ein innovatives Produkt auf den Markt, das als erstes Wearable betrachtet werden kann. 2014 stellte Apple die erste Version der Apple Watch vor.

Anders als beim iPhone und iPad waren hier aber bereits einige Hersteller Apple voraus und schon 2013 mit sogenannten Smartwatches am Markt vertreten. So zeigten Google mit der Moto 360 oder Samsung mit der Galaxy Gear, was technologisch möglich ist. Die Zeit wird zeigen, welcher Ansatz für Smartwatches der richtige ist. Mit der neueren Version der Apple Watch Series 4 ist es nun möglich, sein EKG messen zu lassen. Wearables zeichnen sich aktuell durch Fitness- oder Gesundheits-Features aus.

Vielleicht legen Sie ja die ersten neuen Prinzipien für das Design der Smartwatch fest. Auf jeden Fall erwarten App-Designer auch in den nächsten Jahren spannende Herausforderungen.

1.1.3    PWAs, Hybrid-Apps, React Native und Flutter, andere mischen mit

PWAs, Hybrid-Apps

PWAs oder Hybrid-Apps sind im Grunde Webseiten mit angereicherten nativen Funktionen. Sie können sich hierbei eine responsive Webseite für Ihr Smartphone vorstellen.

PWAs sind Apps die vorzugsweise im Browser genutzt werden. In Teilen ist es möglich, native Funktionen anzusprechen, so kann die Kamera oder die Ortungsfunktion genutzt werden.

Hybrid-Apps sind eine Mischung aus Nativen- oder Webkomponenten. Diese Hybrid-Apps können in den jeweiligen App Stores bereitgestellt und angeboten werden.

Solche Apps werden mit Webtechnologien wie CSS, HTML und Javascript...

Produkt-Details

• Erscheint lt. Verlag: 28.9.2019
• Sprache: deutsch
• Themenwelt: Mathematik / Informatik ► Informatik ► Web / Internet
• ISBN-10: 3-8362-7052-8 / 3836270528
• ISBN-13: 978-3-8362-7052-6 / 9783836270526