215396_de-DE

liliconcom

Betreff: Diskussion Seite 2.0 Modell

Hinzufügen der ursprünglichen Nachricht und meiner Antwort auf das ursprüngliche Design:

 

Am 28. Juni 2019, um 11:44 Uhr, hat Ryan Gilmore < Ryan.Gilmore@jmp.com > schrieb:

 

Erste Gedanken:

 

• Ich mag die Klarheit des Zwecks sehr.
• Mir war nicht klar, dass es sich bei den Artikeln um Tabs handelte. Ich dachte, die Größe der Antwort sei nicht korrekt.
• Ich mag die reduzierte Größe der Anzeige und die Deaktivierung der Schaltfläche in der Anzeige. Legt mehr Wert auf die Klarheit von Zweck und Inhalt.
• Ich denke, wir müssen mehr als ein Menüelement anzeigen oder es in den Hamburger ändern.
• Ich bin mir nicht sicher, wie ich mich bei der Suche fühle. Ich denke, es hilft, wenn Sie Text in das Feld einfügen, z. B. "Durchsuchen der Community".

 

Insgesamt ein guter Start. Danke für das Design.

 

Ich möchte noch mindestens zwei weitere Entwürfe anfordern. Machen Sie sich bei mindestens einem der Designs keine Gedanken darüber, wie schnell dies in Bezug auf die Entwicklung erfolgen kann.

 

Wenn Sie eine zusätzliche Herausforderung benötigen, erstellen Sie Modelle Ihrer Ideen für den nächsten Schritt auf dem Weg des Benutzers, nachdem er einen Tab ausgewählt hat.

 

Ich gehe davon aus, wenn für COM-188 ? 

 

Vielen Dank.

 

Von: Ian Kleinfeld Ian.Kleinfeld@jmp.com >
Datum: Freitag, 28. Juni 2019, 10:55 Uhr
Zu: Ryan Gilmore Ryan.Gilmore@jmp.com > Jeff Perkinson < jperk@mac.com >
Gegenstand: Überprüfen Sie die ersten Diskussionen 2 Modell

 

Erster grober Entwurf zur Überprüfung und Diskussion. Ein einfaches Redesign, das sich relativ schnell umsetzen lässt.

https://xd.adobe.com/view/23f6a53b-1fb6-4c82-6376-36465525eec0-55c7/

 

Einschließlich 

• kleinere Anzeigen
• große Taste / Tabs zur Verdeutlichung des Zwecks
• Geändertes Hauptmenü und Suchleiste, vorausgesetzt, alles befindet sich im Community-Menü

 

_______________________

Ian Kleinfeld

Betreff: Diskussion Seite 2.0 ModellIch mag das Aussehen, @IanAtJMP ! Ich gehe davon aus, dass das Top-Navigationssystem zusammenbricht und die Suchleiste, die Anmeldung und das Menü weiterhin angezeigt werden. Ich liebe das.Betreff: Diskussion Seite 2.0 Modell

Vielen Dank, @IanAtJMP .

 

Können Sie einen Kommentar dazu abgeben, was Sie erreichen wollten und welche Elemente diese Punkte ansprechen? Es wird helfen, den Denkprozess zu verstehen.

 

Vielen Dank!

Diskussionen Seite 2.0 Modell

Zusammenfassung

Es gibt drei Hauptänderungsbereiche bei dieser Neugestaltung:

1. Registerkarten im Hauptbereich
2. Nav Bar Abschnitt, einschließlich
   1. Das Menü wurde in ein Ausblendmenü geändert
   2. Die Suchleiste wurde in das Menü verschoben (teilweise, weil dies unabhängig vom Bildlauf auf der Seite bestehen bleibt).
   3. Schaltfläche Anmelden / Beitreten (anstelle von Nur Anmeldetext), die beim Blättern durch die Seite bestehen bleibt
3. Kleinere Community-Aktionen

Mit diesem Modell versuchen wir, die Navigation auf der Diskussionsseite für die drei Benutzertypen zu vereinfachen: 

• Anonyme Benutzer
• Community-Mitglieder und
• Super Benutzer

Weitere Erläuterungen und Auswertungen unter dem Bild.

 

 

Hauptteil

Dieser Hauptabschnitt (Mitte) dieses Entwurfs macht Aktionspfade mit großen, hell gefärbten tab-like-objects (TLOs) für die Hauptaktionen deutlicher: 

• Finden Sie Ihre Antwort
• Stelle eine Frage
• Anderen helfen und
• Anmelden oder Mitglied werden, was sich in den Mini-Profil-Statistiken des Benutzers ändert (im Modell nicht durchgekommen, aber in etwa so: 

Anonyme Benutzer sind am ehesten auf der Suche nach einer Antwort auf eine bestimmte Frage, die wahrscheinlich zu den am häufigsten gestellten Fragen gehört. Wenn Sie standardmäßig auf dieser Registerkarte landen, bieten wir denjenigen, die der Community beitreten möchten, die nützlichsten Informationen. Zusätzlich machen wir die Registerkarte / Schaltfläche ANMELDEN ODER BEITRETEN groß und klar und "in deinem Gesicht", um sie zum Beitreten zu ermutigen, und für Community-Mitglieder die nicht angemeldet sind, um an der Community teilzunehmen, und uns Tracking-Daten geben. 

 

Community-Mitglieder können (im Gegensatz zu anonymen Benutzern) eine Frage stellen oder anderen helfen, indem sie Fragen beantworten. 

 

Super Benutzer Auch wenn Sie gelegentlich eine mögliche Frage haben, können Sie mit hoher Wahrscheinlichkeit die Fragen anderer beantworten.

Navigationsleiste

Die Navigationsleiste wurde bereits dahingehend geändert, dass sie beim Blättern oben bleibt. Dies bietet eine hervorragende Möglichkeit, das Anmelden und Beitreten zu fördern, sowie ein dauerhaftes Suchformular. Um beides zu erreichen, muss das horizontale Menü in ein Standard-Pancake-Menü geändert werden, um vertikale Listen bereitzustellen, was den zusätzlichen Vorteil der Standardisierung des Menüs in mobilen und Desktop-Versionen (Mobile-First-Design) bietet.

Community-Promo-Anzeigen

Die Anzeigen sind jetzt kleiner, was die Benutzer weniger davon ablenkt, auf die Seite zu kommen, um etwas Bestimmtes zu tun (fast nie auf eine Anzeige zu klicken), dh Ihre Antwort zu finden, eine Frage zu stellen oder anderen zu helfen. Die Verkleinerung trägt zu einem besseren Benutzerworkflow bei, indem die gewünschten Aktionen deutlicher hervorgehoben werden und überflüssige (aber nützliche) Informationen weniger aufdringlich, aber immer noch verfügbar sind.

DesignmusterBetreff: Diskussion Seite 2.0 Modell

Ich habe den Hauptartikel mit einer Erklärung und Analyse bearbeitet. 

Betreff: Diskussion Seite 2.0 Modell

Überarbeitung des ersten Designs, Aufteilung der Verknüpfungen JOIN und SIGN IN im rechten oberen Bereich in Schaltfläche und Text. Der leuchtend orangefarbene JOIN / SIGN IN-Block unterstreicht optisch die Bedeutung der Anmeldung oder des Beitritts.

 

Mit einigem Feedback von Kristen habe ich den JOIN / SIGN IN-Block nach links verschoben, damit die Benutzer ihn als erstes sehen

 

Nach der Anmeldung werden dem Benutzer die grundlegenden Statistiken anstelle des JOIN / SIGN IN-Blocks angezeigt. Diese Option wird links angezeigt und ersetzt direkt den JOIN / SIGN IN-Block.

 

Und dies zeigt, dass es sich nach ganz rechts bewegt hat, da es weniger relevant ist (meine Präferenz).

 

Im Gegensatz dazu sind hier die Buttontabs nur normale Tabs, die meiner Meinung nach nicht so gut aussehen wie die vorherigen Modelle