Diese WhatsApp Redesign machen würde Facebooks $ 16 Milliarden kaufen lohnt sich
WhatsApp ist einer der am meisten gesprochen worden über Start-up-Riesen in der jüngsten Vergangenheit. Aufbauend auf das grundlegendste der Mobilfunkdienste, WhatsApp messaging gelungen zu monetarisieren und den Dienst über cross-Plattform-Integration und macht es kostenlos (unter anderem) zu entwickeln. Der $16billion-Übernahme von WhatsApp von Facebook dachte ich, dass dies eine gute wie Zeit als jeder zu schauen, was dies für WhatsApp bedeutet und welche Veränderungen sowohl ästhetische und funktionale dadurch umgesetzt werden könnte.
Ich wollte zunächst die aktuellen Whatsapp auseinander nehmen und wirklich schauen, was es ist, die es von seinen Konkurrenten abhebt. Visuell Theres nichts Besonderes an sich. Sehr viel Funktion über Form. Die kleinen Dinge, die ich aber bemerkt wurden wie während im Gespräch Sie die Gespräche auseinander sagen könnten nicht nur durch die Formatierung, sondern durch Farbdifferenzierung und wieviele wenig Optionen zur Verfügung standen, die zahlreiche CTA verdeckt wurden. Es war auch offenbar klar, dass Status wurden fast nie benutzt, Medien extrem schwer ist zu lokalisieren und Benutzerprofile ziemlich überflüssig sind. Die Grafik selbst ist veraltet. Sie Grenzen fast "faul" Minimalismus mit Farbe nur bei Bedarf verwendet wird. Es ist sehr viel eine app "Du musst" eher als eine verwenden Sie "wollen".
Weiter ich schaute Anwendungen diese Funktion in der gleichen Gegend wie Whatsapp. Wie Kik, Viber und Kakao sehen sich sehr ähnlich – nur branding zeichnet sie aus. Fast alle Chatgespräche Aussehen identisch, mit der gleichen schweben, styling, dass wir wissen, dass Whatsapp für. Das komische ist eine Menge dieser Apps tun Dinge viel besser als Whatsapp aber sie haben keine Bank-rollte sie Zuckerberg. Zum Beispiel Viber verfuegt ueber eine Galerie implementiert, während Mo'Money Sie eigentlich Geld überweisen benutzen können (kaum eine Anforderung für eine Messaging-app aber Cool trotzdem). Meine größte zum Mitnehmen von der Erforschung dieser Anwendungen würde wie ähnlich sind sie alle von einem ästhetischen Standpunkt aus-in der Lage zu entwickeln die aktuelle Design-Trends sind diese apps in, nicht nur (im guten Sinne) für Aufsehen, sondern auch die Möglichkeiten, die mit Facebook-Integration kommen einige tollen kleine Interaktionen führen könnte.
Optisch inspirierte mich alles: von minimalistischen flache Geometrie und hohen Kontrast zum Alkohol Verpackung. Zahlreiche große Bits des Design-Inspiration gefunden zu haben, fing ich an Muster entstehen zu sehen. Starke Verwendungen von skurrilen Interaktionen, schwebt, großes Bild, Farbe, klangliche Einfachheit, sauber Ikonographie sind einige der wichtigsten Dinge, die ich suchte.
Meinen gerechten Anteil an Forschung getan zu haben, war es Zeit zu stecken und zu tun, einige skizzieren. Rechts von die Fledermaus, ich wusste, ich wollte auf 4 konzentrieren, Bildschirme insbesondere diejenigen sein: Chat privat, im Chat, Profil & Medien. Durch meine Skizzen hoffte ich schwelgen in mehrere Stile und Elemente würde mir erlauben, meine eigenen skurrilen Ideen sporadisch wodurch sich entwickelnden Design beeinflusst werden.
Schon früh beschloss ich, die oben beginnen und meinen Weg nach unten. Zunächst mit Schwerpunkt auf die Navigation und zahlreiche Layouts (obere Nav Vs Seite Nav), ausprobieren, wie die Ikonographie auf ihm sitzen und wie Schatten könnte möglicherweise in der Navigation, es vom Rest zu trennen implementiert. Mit zahlreichen Navigation Designs bereit ging ich auf, sich auf die zentralen "Zonen" für jeden der 4 Bildschirme. Nie hinausgehen einfach Wireframes, ich arbeitete über 3/4 Versionen für jeden Bildschirm und dann folgte ihnen mit etwas mehr Detailarbeit geben mir ein stärkeres Verständnis der wie alles optisch zusammen klicken kann. Wie in den Bildern oben zu sehen ich auch damit begonnen, darüber nachzudenken wo genau alles Inhalt klug platziert werden könnte und wo bestimmte Aspekte von Facebook am besten gedient werden könnte (Whatsapp / Facebook-Status immer eine etc..). Schließlich entwarf ich zahlreiche nimmt an der unteren Navigationsleiste, die überall sichtbar wäre. Die untere Navigation (wie bei dem aktuellen Whatsapp) können Sie Umschalten zwischen Hauptbildschirme (z. B. Ihr Profil, Einstellungen und So weiter).
Getan zu haben, meinen gerechten Anteil an analogen Arbeit zog ich dann ins digitale Konzepte. Beginnend mit der Chat-Startseite, die ich wollte sichergehen, dass diesem Bildschirm, war so einfach zu navigieren und verwenden wie möglich. Das erste, was, das ich ging voran und Tat, war, um sicherzustellen, dass es möglich war, zwischen Gruppe und einzelne Chats auf Knopfdruck eine Ikone – wechseln, fehlt etwas, das ich fühlte mich in der aktuellen Iteration von Whatsapp. Von dort herauszufinden ich begonnen Arbeiten an der Chat-Zonen, für jeden Kontakt, wie man optimale Darstellung der Informationen. Am Ende auf eine etwas funktionell ästhetisch Aussehen des Profil-Bild, Name, Nachricht Klappentext und Uhrzeit und Datum.
Das gleiche Verfahren wurde für den Rest der Bildschirme durchlaufen. Schnittstellen auf dem Profilbildschirm wollte ich große Bilder – immer Inspiration aus der aktualisierten Facebook und Twitter nutzen. Für die eigentliche Information wollte ich etwas einfach und glatt, dass der Benutzer interagieren mit und vertraut finden könnte.
Arbeiten auf dem im Chat Interface wollte ich sicherstellen, dass irgendeine Form von Farbdifferenzierung überall, sichtbar war, zumal ich weg von der "Blase"-Typ wollte, und verschieben Sie ihn in Richtung mehr schlanke suchen Menüoberfläche. Die Möglichkeit, Favoriten, löschen und Pin-Nachrichten war einige Funktionen, die ich fühlte, hatte entweder nicht korrekt umgesetzt worden oder gänzlich fehlte.
Der letzte Bildschirm begann ich mit arbeiten war der Media Hub. Dies war etwas völlig fehlt von Whatsapp zu diesem Zeitpunkt und etwas fühlte ich wäre total sinnvoll, vor allem im Anschluss an die Übernahme von Facebook haben. Damit ist das grundlegende, was, das ich wollte durch, große Bilder und ein Zuhause für wo all die verschiedenen Medientypen angezeigt, und gespielt werden konnte.
Mit ersten digital Mock-ups getan experimentierte ich mit Varianten von bestimmten Zonen auf jedem Bildschirm sowie Stile – mir erweitern den Umfang und die Ästhetik des was ich Tat zu helfen. Ich schaute auf verschiedene Formen von Chat-Boxen, die die aktuelle Iteration von Whatsapp vertraut fühlte sich aber in den Stil passen ich hatte für mich. Dinge wie Navigation Stile war Status Umsetzung und macht es offensichtlich, dass Sie bestimmte Nachrichten nicht gelesen hatte angeschaut. Stilistisch habe ich beschlossen, zu experimentieren mit Deckkraft und Schichten als eine polar gegenüber, von ersten Entwürfen zu sehen, wie wenig Änderungen in Farbe und Ton könnte wirklich die Grenzen der app selbst.
Das endgültige Ergebnis
Nachfolgend haben wir die vier Bildschirme in ihrer ganzen Pracht. Inspiration aus allen meinen Design-Iterationen und Skizzen auf dem Weg genommen, fühle ich mich diese Designs am besten meine Vision für Whatsapp Zukunft darstellen. Es muss daran erinnert werden, obwohl dieser Neugestaltung grundsätzlich von einer ästhetischen, nicht UX Stand-Punkt ist. UX Änderungen sind nur Hinweise auf was die Facebook-Fusion im Store für Whatsapp, anstatt eine komplette Überarbeitung der UX haben könnte.
Hoffentlich die oben genannten Boards lassen erahnen, was eine überarbeitete Whatsapp anschauen könnte und die unendlichen Möglichkeiten die Facebook-Fusion führt.
Dieser Beitrag ursprünglich erschien auf Entropiis Blog und wurde mit freundlicher Genehmigung veröffentlicht. Sie können hier Entropii auf Facebook oder Twitter hier. Mehr Arbeit aus Entropiis Design-Team zu sehen, finden sie auf Pinterest Sie hier. London Bewohner können erhalten Sie einen Vorgeschmack von Hand bei der Art der UX-Design Entropii Angebote bei ihren kommenden Benutzer Reise Masterclass.