Die Kunst des Redesigns

Es dauerte über 18 Monate in Anspruch und wurde vom Team der Designer, Journalisten, User Experience Experten und Produktmanagern entworfen und gebaut. Das Hauptziel war es, eine neue, vollständig ansprechende Website zu liefern, die für möglichst viele Ansichtsfenster und Geräte optimiert wurde.

 DER BESCHÜTZER

 Eine der weltweit meistgelesenen Zeitungsseiten, der Guardian, zieht jedes Jahr zehn Millionen Besucher an. Da das Publikum zunehmend auf mobile Endgeräte migrierte, wurde das hauseigene Team der Zeitung mit dem Wiederaufbau der Website beauftragt, um die Nutzererfahrung auf mobilen Endgeräten zu verbessern.

 ÄNDERUNG DER ARCHITEKTUR

 Eines der ersten Dinge, die sie taten, war zu sehen, wie die Informationsarchitektur zu vereinfachen. Aus der Analyse von Benutzerdaten wurde klar, dass, sobald ein Benutzer an einen bestimmten Punkt der Reise gelangt, sie die Navigation nicht mehr verwenden und stattdessen durch Inhalte navigieren.

 Die alte Website hatte mehrere Ebenen der Tiefe, und Unterabschnitte hatte oft maßgeschneiderte Navigation, die veraltet, überladen und schlecht genutzt wurde.

 So, was sie taten, war im Grunde Streifen der Navigation bis zu zwei Ebenen: primäre und sekundäre, und auch einige der Gruppierungen verwendet, um Inhalte zu kategorisieren geändert. Dies ermöglicht es Benutzern, schnell finden ihren Weg zu den wichtigsten Themen, die sie interessiert sind.

 WIREFRAMING PROZESS

 Von Anfang an wurde das Projekt in HTML-Code verfasst, was eine Reihe von Vorteilen hat. Zum Beispiel können Sie sofort sehen, wie eine Idee wird in einem Browser arbeiten und von dort iterieren. Diese Wireframes sind auch leicht zu präsentieren und zu teilen. Anstatt die Interaktion zu erklären, konnten alle Menschen, die an dem Projekt beteiligt waren, es live auf der Seite sehen.

 Jede der Bruchstellen wurde in Übereinstimmung mit dem Rest entworfen, um die besten Ergebnisse zu erhalten, wenn sich die Auflösung ändert. Der gesamte Inhalt wurde auf Seiten nach seinem Wert und Platz in der Hierarchie statt seiner Größe platziert.

 BEHÄLTER BEHÄLTER

 Das Guardian-Forscherteam entschied, die Motive der Nutzer für die Eröffnung der Website gründlich zu überprüfen.
 Es gibt drei große:

 „Update“ ist das häufigste Motiv und beschreibt die Reise von Lesern, die den Hüter besuchen – oft oft mehrmals am Tag -, um sich über die Nachrichten-Agenda im Allgemeinen oder über Neuigkeiten aus ihrem Interessengebiet zu informieren, sei es Sport, Kultur, Wirtschaft, etc ..
 „Extend“ beschreibt die Motivation, um dann ein tieferes Verständnis für eine bestimmte Geschichte, die in der Regel verlangt mehr Zeit als eine schnelle News-Update.
 „Entdecken“ ist vielmehr eine ganze Gruppe von Motiven, wie der Wunsch nach Inspiration und Überraschung, neue Perspektiven, interessante Diskussionen mit anderen Lesern oder Unterhaltung.
 Diese Forschungseinblicke haben dazu beigetragen, die neue Website basierend auf den typischen Reisen und Bedürfnissen der Leser aufzubauen.
 Sie werden mit sogenannten „Behältern“, sogenannten „Behältern“, gebaut, die Wörter, Bilder, Videos, Grafiken und Daten enthalten, die von Redakteuren flexibel zusammengestellt und modular aufgebaut werden können Ist jeden Tag wichtig.

 SCHLUSSWIRKUNG

 Die neue Guardian-Website hat jetzt eine kompaktere Ansicht und liefert mehr visuelle Hinweise über die Bedeutung jeder Geschichte.
 Videos, Fotogalerien und Interaktivitäten lassen sich nahtlos in Seiten integrieren. Videos können nun eingebettet werden und überall auf der Website abgespielt werden.

 Die neuen Fotogalerien ermöglichen es Benutzern, sie auf unterschiedliche Weise zu durchsuchen: entweder durch Blättern durch die Bilder, durch das Durchblättern auf mobilen Geräten oder durch Betrachten im Vollbildmodus, während Sie mit den Pfeiltasten der Tastatur diese durchblättern.

 Und innerhalb jedes Artikels haben die Guardian-Redakteure jetzt viele neue Möglichkeiten, verwandte Materialien zu empfehlen.

 Das Team des Guardian hat eine enorme Aufgabe, die Zeitung, seine Werte und Qualität in die digitale Welt. Die Website funktioniert perfekt auf verschiedenen Ansichtsfenstern und es gibt keine nutzlosen Elemente. Es ist so einfach zu lesen und durchsuchen wie immer.

 EINSAMER PLANET

 Lonely Planet ist ein Web-Reiseführer. Das 1973 in Melbourne gegründete Unternehmen hat sich zum weltweit führenden Reiseverlag entwickelt und bietet jährlich mehr als 120 Millionen Menschen in verschiedenen Plattformen an.
 Jetzt hat Lonely Planet beschlossen, Änderungen vorzunehmen, um die wichtigsten Teile ihrer Website zu verbessern. Lass uns einen Blick darauf werfen.

 KONTINENT UND LANDSCHAFTEN

 Diese beiden sind die wichtigsten für die Nutzer. So ist der Schlüssel hier ist die Organisation von Inhalten, damit die Menschen schnell finden Sie die Top-Dinge in jedem Ort zu tun, und eine empfohlene Reihe von Orten und Erfahrungen, die das Beste aus dem Reiseerlebnis zu helfen.

 STUNNENDE BILDER

 Um die Aufmerksamkeit auf sich zu lenken und sofort die hervorstechendsten Qualitäten eines Ortes oder eines Produktes zu präsentieren, gibt es nichts Besseres als Fotos. Eine Partnerschaft mit 500px hilft Lonely Planet, die besten Bilder im Web zu finden und diese dann auf die Kontinentsseite hochzuladen. Die Reise des Benutzers beginnt hier und betrachtet die Fotos, die einen Teil seiner zukünftigen Geschichte erzählen.

 ENGAGING BENUTZER

 Lonely Planet beschlossen, die Macht der Gemeinschaft nutzen – in diesem Fall, Reise-Enthusiasten und Reisen Autoren. Jede der Kontinent-Seiten beginnt mit einem Testimonial (oder wie sie es nennen, ein „Liebesbrief“), die erklärt, warum Sie einen bestimmten Ort besuchen sollten.Es ist eine großartige Möglichkeit, um Benutzer Vertrauen der Website und deren Inhalt.

 TOP ERFAHRUNGEN ABSCHNITT

 Das neue Design – durch Fotografie und Platzierung – hebt die wichtigsten Sehenswürdigkeiten und Attraktionen hervor.

 KARTEN

 Ein völlig neues Feature – interaktive Karten – wird dazu beitragen, alle Inhalte von allen über die Website. Der Benutzer wird in der Lage, alle Ziele zu sehen, sowie sortiert sie mit verschiedenen Filtern.

 LEITFADEN

 Lonely Planet ist bekannt als einer der besten Reiseführer Verlag in der Welt. So beschlossen sie, den einzigen rationalen Zug in Bezug auf die Website zu machen – legen Sie den Reiseführer an einem sichtbaren Ort auf die neuen Zielseiten für diejenigen, die einen Reiseführer für ihre Reise kaufen wollen.

 STADT SEITEN

 Eine der ersten Änderungen machte die Gestaltung der Stadt Seiten fühlen kleiner. Dies wurde getan, um die Eltern-Kind-Beziehung zwischen Kontinenten, Ländern und Städten zu zeigen. Das Layout ändert sich zu einem Artikel auf Stadtebene.

 HOTELS & HOSTELS

 Reisen bedeutet, die richtigen Hotels zu finden. Eines der wichtigsten Elemente, die verbessert wurde, hilft dem Benutzer, das beste Hotel oder Hostel in einer Stadt zu finden. Vorher wurden Hotels auf der ganzen Website gezeigt, jetzt werden sie nur an Orten gezeigt, an denen der Besucher über die Planung ihrer Reise nachdenkt.

 ARTIKEL SEITEN

 Die Artikel- und Detailseiten sind die wichtigsten aus der Online-Marke von Lonely Planet. Deshalb legen alle Kontinent-, Landes- und Stadtseiten einen Schwerpunkt auf die Leitung der Nutzer auf diese Seiten.

 APFEL

 Und last, but not least, Apple – der ikonische Hersteller und Dienstleister – hat vor kurzem beschlossen, seine Website neu zu gestalten, um die gesamte Erfahrung des Einkaufs über die Website zu ändern. Das Apple-Team hat beschlossen, die Website zu organisieren und zu vereinfachen, um Verwirrung zu reduzieren.
 Der alte Entwurf hatte 2 gekennzeichnete Bereiche: Produkte u. Speicher. Dies war wahrscheinlich, weil Apples Website diente mehr als Marketing-Plattform als ein E-Commerce ein. Im Laufe der Zeit hat E-Commerce gewachsen, aber Apple nie die Mühe gemacht, um den Schalter.
 Schließlich ist es richtig zusammen.

 Alle Produktseiten sehen im Allgemeinen gleich aus mit vielen Fotos und Features. Die klassische Apple Navbar ist auch an der Spitze fixiert, wie man es erwarten würde, aber ohne den unwesentlichen „Store“ Link.

 Jetzt Produktseiten führen direkt in den Laden, so Kauf ist alles von der apple.com-Domain im Gegensatz zu store.apple.com getan. Letztere leitet nun wieder auf die Homepage zurück, damit alles zusammen passt.
 Dies bedeutet, dass Ihr Warenkorb kann auch von jeder Seite auf der Website verwaltet werden. Es gibt nicht mehr eine Trennung zwischen Surfen oder Einkaufen auf Apple.

 Die Kassenseiten stimmen mit dem gleichen Design überein, wie bisher. Es gibt kleinere ästhetische Tweaks, aber insgesamt ist das Redesign eher ein Benutzererlebnis-Upgrade.