• Friday July 19,2019

7 Heiße Trends im Mobile App Design

Die Mobile App Trends Series wird von Sourcebits, einem führenden Produktentwickler für mobile Plattformen, gesponsert. Sourcebits bietet Design- und Entwicklungsdienste für iOS-, Android-, Mobile- und Web-Plattformen an. Folgen Sie Sourcebits auf Twitter, um die neuesten Nachrichten und Updates zu erhalten.

Der mobile Anwendungsbereich explodiert. Die Benutzer entscheiden sich zunehmend für Smartphones und Tablets, um Inhalte zu konsumieren und zu erstellen, egal ob unterwegs oder auf der Couch. Sowohl im iOS App Store als auch im Android Market gibt es Hunderttausende von App-Sammlungen.

Wie Web- oder Desktop-Apps ist das Design mobiler Anwendungen oft trendorientiert. Da sich mobile Plattformen in den letzten Jahren weiterentwickelt haben, haben sich einige der gängigen Designpraktiken der Vergangenheit neuen Stilen und Techniken zugewandt.

Wir haben den App Store und den Android Market durchsucht, um sieben der heißesten Trends beim Design mobiler Apps hervorzuheben.

1. Der "Instagram" -Effekt



In den Worten (denken wir) von Pablo Picasso: "Gute Künstler leihen sich, große Künstler stehlen." Dieses Sprichwort gilt für die meisten kreativen Bemühungen und kann sicherlich auch auf den Mobiltelefonbereich angewendet werden.

In den letzten Jahren haben wir Apps wie Facebook für iPhone und Twitter (neue Tweetie) gesehen, die die Richtung und die UX-Paradigmen in mobilen Anwendungen beeinflussen. Loren Brichter hat die Pull-to-Refresh-Geste in der ersten Version von Tweetie für iPhone im Jahr 2008 eingeführt. Die Technik ist inzwischen so üblich geworden, dass sie auf mehreren App-Plattformen und -Anwendungen übernommen wurde.

Instagram erweist sich bereits als Tweetie oder Facebook von 2011. Foto-Sharing-Apps explodieren gerade, und Instagram ist führend in Bezug auf Funktionen und Benutzeroberfläche.

Benötigen Sie einen Beweis? Schauen Sie sich den kürzlich neu gestalteten Picplz für iPhone an. Die Navigationsstruktur der App wurde erweitert, um Instagram in Bezug auf die Funktionalität zu spiegeln (was großartig ist, da es einfach ist, beide Apps zu verwenden). Ebenso behandelt die App jetzt Filter auf ähnliche Weise.

Wir erwarten voll und ganz, dass Foto-Apps die Navigationsstruktur von Instagram, die Anzeige von Feed-Browsing und die Vorschau auf Instant-Effekte bis weit in das Jahr 2011 übernehmen werden.

2. Fett, Primärfarben und Farbverläufe mit minimalem Glanz



Farbe wird für Entwickler immer beliebter, um ihre Apps von der Konkurrenz abzuheben.

Die erste Welle von Apps, die für Touchscreen-Geräte erstellt wurden, ähnelte Apples nativen iOS-Anwendungen. Das macht Sinn. Immerhin sind diese Komponenten im Interface Builder von Xcode enthalten.

Was wir mehr davon sehen, ist jedoch eine Abkehr vom Hintergrund des blauen und Verlaufs des iPhones sowie eine Verschiebung hin zu kräftigeren Grundfarben und -verläufen. Der glänzende Button-Look, der im Web 2.0-Zeitalter populär wurde, wurde von matteren Oberflächen überdeckt.

Wenn starke Farben in einer Anwendung vorhanden sind, kann dies zu emotionalen Reaktionen der Benutzer führen, wobei eine Anwendung manchmal als denkwürdiger erachtet wird. Wenn sich ein Benutzer an eine Anwendung erinnert, kann er sie einfach wieder abholen.

3. Retro Foto Sucher



Apps wie die Hipstamatic und die 8-mm-Vintage-Kamera [iTunes link] sind ein hervorragendes Beispiel dafür, wie moderne Technologie an die Vergangenheit angepasst werden kann.

Dank der Echtzeit-Videoeffekte innerhalb von 8 mm können Sie mit einer alten analogen Filmkamera Video aufnehmen. Ebenso ist das kleinere Objektivfenster in Hipstamatic, das wie bei einer echten Spielzeugkamera den gesamten Erfassungsbereich verdeckt, ein toller Klingelton für die Verwendung einer alten Holga.



Apps wie Instagram und Picplz haben gezeigt, dass das Anwenden von Filtern eine großartige Möglichkeit ist, das Freigeben von Fotos mehr Spaß zu machen. Die Apps, die Filter in Echtzeit anwenden, während ein Bild oder Video erfasst wird, rufen in der Regel mehr retro-realistische Designoptionen hervor.

4. Textur, Textur, Textur



Neben dem Trend zu kräftigeren Grundfarben verwenden App-Entwickler auch Texturen und Muster in ihren Anwendungshintergründen.

Holzpaneele sind eine beliebte Wahl, und halbtransparente Menüelemente sehen auf diesen Kulissen oft gut aus. Einige Apps wie Jamie's Recipes verwenden auch Texturen in den überlappenden Elementen.

Bei texturgesteuerten App-Designs werden häufig Einfügetext und verschiedene Transparenzniveaus verwendet.



Textur kann einer Anwendung eine enorme Menge an Persönlichkeit verleihen, aber Entwickler sollten sich bewusst sein, wie Text- und Schaltflächenelemente über dem Hintergrund aussehen. Die falsche Farbauswahl kann dazu führen, dass Inhalte unleserlich sind oder Schaltflächen schwer zu finden sind.

GO Launcher für Android ist ein gutes Beispiel dafür, wie ein strukturierter Hintergrund und ein Regal-Paradigma auf den Standard-Android-Homescreen angewendet werden kann.

5. Glatte, saubere Farbverläufe und Schatten für die Tiefe



Einige Trends im mobilen App-Design lassen sich direkt auf dieselben Trends im Webdesign zurückführen. Ein großer Trend im Webdesign ist der Schritt hin zu sauberen, minimalistischen Designs.

Wir sehen dies auch in mobilen Apps, insbesondere bei Menü- und Navigationsüberschriften. Anstatt das standardmäßige iOS- oder Android-Menü-Paradigma zu verwenden, erstellen die Entwickler ihre eigenen Layouts, die zwar noch für einen Finger geeignet sind, jedoch eleganter wirken.

Die Verwendung von Schatten zur Erzeugung der Tiefenwahrnehmung kann diesen Schaltflächen und Oberflächenelementen ein "berührbareres" Aussehen und Gefühl verleihen und gleichzeitig auffälliger wirken.

Diese Schatten funktionieren besonders gut in Apps, die über keine einfache Listenansicht verfügen. In der XfinityTV-App kann sich beispielsweise die linke Kanalleiste unabhängig vom Hauptprogrammabschnitt bewegen. Anstatt nur ein Gitter zu verwenden, fügte Xfinity Schatten hinzu, um beide Abschnitte eindeutig zu kennzeichnen. Der Benutzer kann sofort spüren, dass die Elemente getrennt sind und unabhängig voneinander gesteuert werden können.

6. Textgesteuerte Schnittstellen



Wir können Microsoft und seinem Windows Phone 7 dafür verdanken, dass Text zu einem mobilen Designtrend wird.

Die frühesten mobilen Apps natürlich wurden weitgehend textbasiert, da Text über eine langsame Verbindung schnell geladen wird und keine erweiterte Rendering-Engine erforderlich ist.

Moderne mobile Apps müssen sich nicht auf Text verlassen. Wie Microsoft uns gezeigt hat, können textgesteuerte Schnittstellen bei entsprechender Verwendung äußerst benutzerfreundlich und gut für die Augen sein.

Die besten Apps, die einen textzentrierten Ansatz verwenden, sind die, die Text verwenden, der im Kontext angemessen ist. Text funktioniert am besten, wenn er groß ist, leicht lesbar und frei von anderen Oberflächenelementen ist.

Weather Quickie ist beispielsweise eine sehr spärliche Wetter-App, die einfach das Wetter im Kontext der aktuellen Bedingungen anzeigt. Zum Beispiel "kälter als gestern" oder "morgen wird wärmer als heute". Wenn Sie keine spezifischen Temperaturen oder Prognosebedingungen anzeigen, ist die App für unterwegs einfach zu lesen und zu verstehen. Symbole können Kontext für Bedingungen wie Regen oder Schnee hinzufügen.

Ebenso ist Trickle eine Twitter-App, die Tweets auf eine sehr gut lesbare Art und Weise anzeigt, einen Tweet pro Bildschirm. Sie können dann wählen, ob Sie diese Nachricht als Favorit markieren oder erneut senden möchten, bevor Sie zur nächsten blättern. Durch das Anzeigen nur eines Tweets pro Seite kann die App passiver als traditionelle Twitter-Clients verwendet werden.

7. Dünne serifenlose Schriftarten



Bei der Entwicklung mobiler Apps gehen die Entwickler von den Standard-App-Schriften weg und verwenden mehr benutzerdefinierte Gewichtungen, Stile und Größen. Wie Schatten und Tiefenkonturen stammen viele der Designhinweise für Typografie in mobilen Apps aus dem Web.

Dünne serifenlose Schriftarten - in der Regel mit einem gewissen Grad an Schattenschatten - werden im Desktop-Webdesign immer häufiger eingesetzt.

Auf mobilen Geräten sorgt die Kombination aus dünneren und hochauflösenden Bildschirmen oft für ein besser lesbares Erlebnis. Es hilft auch, Apps zu unterscheiden. Dünne serifenlose Schriften werden häufig mit textgesteuerten Designs oder mit Designs mit Hintergrundtextur gekoppelt.

Obwohl einige Apps ihre eigenen benutzerdefinierten Schriftarten für Logos oder Header-Elemente enthalten, kann das einfache Ändern der Stärke und der Größe einer Schriftart dazu führen, dass das System (Helvetica Neue unter iOS und Droid Sans unter Android) völlig anders aussieht.

Ihre Gedanken

Was sind einige der Designtrends, die Sie in mobilen Apps sehen oder von denen Sie hoffen, dass Sie in Zukunft mehr davon sehen werden? Lass uns wissen.

Von Sourcebits unterstützte Serie



Die Mobile App Trends Series wird von Sourcebits gesponsert, einem führenden Entwickler von Anwendungen und Spielen für alle wichtigen mobilen Plattformen. Sourcebits hat bisher über 200 Apps entwickelt, und es werden noch viele weitere folgen. Sourcebits bietet Design- und Entwicklungsdienste für iPhone, Android und mehr. Nehmen Sie Kontakt mit uns auf, um herauszufinden, wie wir Ihrer App helfen können, sich in einem überfüllten Markt zu differenzieren. Folgen Sie Sourcebits auf Twitter und Facebook, um die neuesten Nachrichten und Updates zu erhalten.

Weitere mobile Ressourcen von Mashable:

- 5 Prognosen für Mobile im Jahr 2011
- Warum das mobile Einkaufen so groß sein kann wie das Online-Shopping
- Mobile Entwicklung: 5 Tipps für kleine Unternehmen
- 22 wichtige Ressourcen für Android-Besitzer
- Der Status des iOS App Store [INFOGRAPHIC]


Interessante Artikel

iPhone 4 debütiert in China am 25. September

Die Gerüchte waren wahr. Apple hat heute eine Pressemitteilung herausgegeben, in der er mitteilt, dass das iPhone 4 am 25. September über die China Unicom-Stores und zwei neue ...