Layout und Klickverhalten - Unser Vorschlag für 2014

Hallo Toni,

eine Bedienungsanleitung in form eines Tutorials wäre sicherlich dort von Vorteil...

Das Fenster erscheint also nur überladen wenn da Buttons drin sind und bei einer Navigationsleiste wie sie vorgestellt wurde auf der linken Seite nicht + die bestehenden Elemente die schon vorhanden sind? Das ist in meinen Augen ein schlechtes Argument.

Hinzu kommt, dass ich ja bewusst auch den "minimieren"-Vorschlag was die Leiste oberhalb betrifft, eingebracht habe. So "kann" man sie anzeigbar machen, oder man schaltet auf minimiert, wie auch bei der Navigationsleiste auf der linken Seite.

Lesefaul ist das eine. Teilweise stimme ich da zu, aber auch nur Teilweise, denn wenn wiederum die genannten Dinge nicht vorhanden sind, passiert das was man oft liest und zwar scharfe Kritik und da spiele ich erneut auch auf Medienberichte zum Thema Jugendschutz an.

Ich finde so eine Menüführung mit Buttons deshalb so Praktisch, weil man sehr wenigen Klicks sich genau das aussuchen kann, was einen interessiert und das ohne lange auf Suche zu gehen und Tutorials (/tut) finde ich ist ein "muss".

Buttons nehmen zudem auch viel weniger Platz im Chatfenster ein.

warscheinlich gubt es viele, so wie ich, die alles lieber selbst herasufinden anstatt irgendwelche langen Tutorials durchzulesen.

mir fehlt ein Go Button der einen das wechseln in den LC erleichtert. warum wurde der hier entfernt?

Es ist doch diese extrem toll aussehende und passende Leiste am oberen Channelrand, da kann man bestimmt ganz schnell den Lieblingschannel auswählen

Richtig, das kann man sich dann einmal durchlesen und dann hat man die Info bekommen... Und dann? Dann steht es doch immer und immer und immer noch dort, auch wenn man es eventuell gar nicht will. Ich kann jetzt erstmal nur von mir reden, aber: Ich persönlich bin nächsten Monat neun Jahre hier angemeldet. Alle Informationen, die da stehen, kenne ich und ich weiß, wo ich sie finden würde. Klar, neue User können das nicht wissen, allerdings ist die Frage da auch, ob sie das wissen wollen. Immerhin gibt es für die grundlegenden Dinge immer noch das Tutorial. Das öffnet sich ja automatisch, da bedarf es meiner Meinung nach keinen Button. Foto hochladen und Profil ausfüllen erfährt man auch ziemlich schnell. Einen Hilfe-Button, der dann zu Informationen über JuSchu, AET, Kontaktfilter und Suche führt - okay. Aber dauerhafte Einblendung ist einfach too much. Auch für Leute, die erst zwei Monate hier sind. Irgendwann sieht man sich daran satt, weil man das nicht immer braucht. Dauerhafte Ausblendung ist dann ja auch nicht Sinn der Sache.

Zum vorgeschlagenen Tutorial: Kann ich mich eigentlich ganz gut mit anfreunden. Jetzt, wo ich auf meinem ZN auch den Applet Messenger testen konnte, weiß ich, dass das gar nicht so penetrant aussieht, wie das für mich auf den ersten Blick hier schien. Die Leiste könnte man ja ausblenden und das ist mir persönlich sehr wichtig. Ich finde auch den "Wechseln"-Button gar nicht so wild. Ich glaube nicht, dass der mich "im Alltag" allzu sehr stören würde. Ich logge mich zumindest immer in einem anderen Channel als dem LC ein und momentan mach ich das alles über die Tastatur. Wird so vielleicht einfach bequemer. Dürfte meiner Meinung nach aber auch ein wenig schmaler sein. Auch den kleinen Smiley neben der Schreibzeile find ich in Ordnung, sofern er denn einem Knuddel wird. Ich finde es so einfach "dem Schreiben zugehörig". Momentan steht das noch so auf einer Stufe mit der Tauschbörse, zumindest optisch. Das gefällt mir so auf jeden Fall besser.

Was mir aber, ähnlich wie Kev777, auch nicht gefällt ist diese riesige Nickliste. Das wirkt dann einfach so gequetscht irgendwie. Zumindest dann, wenn das Guidemenü eingeblendet ist. Ohne wirkt's wieder ganz okay. Kann mich da noch nicht so richtig entscheiden, müsste das mal auf mich wirken lassen, wenn ich's aktiv benutze. Geht für mich auf jeden Fall in die richtige Richtung. Weiter so!

Meiner meinung nach ist es überflüssig, alle privatgespräche mit Foto aufzulisten. Das raubt viel zu viel Platz vom Channelfester. Eine kleine Liste mit den Nicks, die von mir aus Blinken, sobald jemand geantwortet hat, würde auch genügen.

Zu dem "Channel wechseln" : Ansatt mitten im Channel dieses riesige Loginfeld einzubleden, macht es doch wie die smileybox oben Links; eine verkleinerte version die dauerhaft bleibt bzw. sich anch oben ausblendet und die Favoriten Channel anzeigt.

Hallo,

prinzipiell gefällt mir die/ das aktuelle Überarbeitung/ Layout des Chatfensters, jedoch muss ich hier sagen, dass die Links PhotoMeet und die Tauschbörse für mich eher dahingeklatscht aussieht als gut durchdacht. Da lässt sich sicherlich auch noch etwas dran drehen.

Schülers Designvorschlag
Schülers Designvorschlag ist ohnehin allererste Sahne, dem kann man da einfach wenig vormachen – er weiß einfach, wie man gewisse Elemente setzt. Deswegen würde ich an dieser Stelle vorschlagen, dass man sich da vielleicht noch etwas von abschaut, denn schlecht sieht sein Designvorschlag ja nun wirklich nicht aus.

Quick-Help
Hingegen würde ich es (vor allem für Neulinge) ganz gut finden, wenn im unteren Bereich (dort über die Notruf-System-Beschreibung) ständig eine Art „Quick-Help“ eingeblendet würde, welche die verschiedensten Elemente des Chats in kompakter Art und Weise erläutert. Bei Klick auf „mehr“ würde man dann die vollständige Hilfe zum entsprechenden Element angezeigt bekommen.

html

Ich finde ebenfalls Schuelers Vorschlag ist wesentlich besser, als das was vom Knuddels-Team bisher kam.
Es sieht wesentlich ansprechender aus, es ist funktional und selbst für jeden Neuling sofort zu verstehen und einfach sich zurecht zu finden.

Schicken wir Schueler mal zu Knuddels ins Büro, vielleicht kann er denen noch was beibringen.

Könnt ihr konkreter sagen, was an Schülers Entwürfe gefällt?

Farben? Layout? Dass die Optik näher an klassisch Knuddels ist? Gewisse Informationen oder Funktionen, die er ergänzt/weggelassen hat? Irgendwas Anderes?

-JE

Vom aussehen her lehnt es sich mehr am aktuellen profil an, das design ist man ja nun schon gewohnt, wäre also sinnvoll wenn das design auch im restlichen chat durchgezogen wird.

desweiteren sind die kotraste bei den einzelnen elementen höher und verbessern so die übersicht.

der powerpoint entwurf sieht eben eher nich so ansprechend aus, wobei ich eigentlich davon ausgeh das das eh nur ein entwurf ist, und nicht das fertige design darstellt?

die channelleiste im oberen bereich, so wie sie im pp entwort zu sehen ist, ist für mich imemrnoch einfach unpassend.

und bitte liebes knuddels, kommt net auf die idee flat design im chat einzuführen. das wäre einfach nur grauselig. ^^

die bereiche unten links von schülers entwurf finde ich weniger doll, zuviel platz der verschwendet wird um dauerhaft etwas anzuzeigen, was womöglich gar nicht genutzt wird. Dann könnt ihr da auch gleich blinkiblinki flashwerbung einblenden. (wehe!)

Es wirkt einfach einladender, sympathischer und moderner.

Meiner Meinung nach wäre eine Kombination aus beidem die perfekte Lösung.


Was auf jeden Fall von euch, dem Knuddelsteam, übernommen werden sollte, ist der Header im PPanel. Dort die Stimmung ändern können, per Klick auf das Bild die eigene Foto-Seite öffnen. Im unteren Bereich des Panels würde ich auf Schüler's Vorschlag zurückgreifen, v.a. in Verbindung mit dem Notruf- und dem Hilfe-Button.
Was, wie ich bereits öfters anmerkte, auf keinen Fall umgesetzt werden sollte, ist die Leiste im oberen Bereich des Chatverlaufes, in welcher der Channel gewechselt werden kann. Es sieht nicht gut aus und nimmt einen großen Teil des Bereiches ein, welcher besser genutzt werden kann (Nachrichten anzeigen).
Angebote von Knuddels wie FotoMeet & Weltreise sind auf Schüler's Entwurf gut ins Design eingebunden, das Panel mit diesen sollte der User aber auch nach seinem Bedürfnis durch einen Klick auf den Header dieses ein- und ausblenden können.
Den Erklärungs-Text auf dem Entwurf kann man ja eventuell verschieden lauten lassen. Strg + Shift + Rechtsklick auf ein Element zeigt eine Kurzhilfe unten an. Was würdet ihr dazu sagen?

Channel wechseln würde ich persönlich weiterhin rechts unter der Nickliste lassen, in Form des Buttons "Channel wechseln", welcher aktuell vorhanden ist.

Der Screen von Schüler gefällt mir überhaupt nicht. Das wirkt was Schatten und Verläufe angeht vollkommen unüberlegt finde ich. Ansonsten ist mir da zu viel freie Fläche und alles so komisch in den Raum gestellt, besonders der merkwürdige Info-Text unten der überhaupt keine Daseinsberechtigung direkt im Chatfenster hat.

Was mich im Screen von Neo-Kamui stört sind die hässlichen Scrollbars, ganz besonders im Schreibfenster neben der Smileybox (da finde ich übrigens den "Frame"-Rahmen immer noch unschön). Ansonsten ist mir der "Bearbeiten"-Button zu hell und das on-Icon am Foto zu grell. Außerdem sind die Links zu FotoMeet und zur Tauschbörse so ziemlich hässlich, ich finde da müssten Buttons und schönere, nicht verxpielte Icons oder gar keine. Außerdem finde ich unten links diese hellgrauen Buttons für den Notruf und die Sounds nicht schön, denn das grau kennt man aus anderen zusammenhängen nur von Buttons die diabled und dementsprechend nicht anklickbar sind - finde ich sehr unintuitiv, weil es einfach nicht aussieht wie klickbare Schaltflächen.
Was mir sonst noch auffällt ist, dass bei dem grauen Feld unten rechts wo die Links und die beiden Buttons sind viel freie Fläche ist. Vielleicht kann man die Links kleiner und nebeneinander machen? Dann ist auch mehr Platz für die privaten Gespräche da.

Und ich würde es schön finden, wenn man die Hi-Anfragen in diesen Bereich "Private Gespräche" einfügen könnte. Vielleicht einfach ein winkender Smiley und den Nickname daneben, damit die Fläche dann kleiner ist als bei den tatsächlichen privaten Gesprächen?

Hallo,

hier ein neuer Entwurf für die Einsteigerhilfe, welche links im Channel platziert ist. Bestimmt ist aufgefallen, dass es sich hierbei um eine Entwicklung aus dem ist, was schon Imagician zur Schau gebracht hat. Das hat den Hintergrund, dass sich das Design ganz bestimmt in diese Richtung bewegen wird und da habe ich von einer kompletten Umwandlung der Einsteigerhilfe abgesehen.

Ich habe aber bewusst hier erstmal die Anzeige des aktuellen Channel oberhalb des Chatverlauf weggelassen, da ich diese persönlich ungeeignet finde. Ich werde in einem späteren Screen, welcher am Abend dann hier Einklang findet, die Möglichkeit zur Demonstration stellen.

Zur Idee, das man nur noch die letzten 5 Gespräche in der Vorschau angezeigt bekommt, ist der Grund, das man auch auf Netbooks eine Möglichkeit der richtigen Darstellung haben soll und da hier schon eine Entwicklung eines Applet-Messenger voranschreitet, das dort dann sämtliche Chatgespräche angezeigt werden. Ferner fand ich die Scrollleiste auch nicht ganz angebracht.

Da ich heute noch ein paar Terminen nachgehen muss, erstmal diese erste erweitere Version ohne FotoMeet und Tauschbörse, worauf ich auch noch später eingehen mag.

[img]http://www2.markus-below.de/pics/mockup-help-at-002.png[/img]

Schüler

Hallo,

wie angekündigt, folgt dann der weitere Entwurf meinerseits. Hier zu sei erwähnt, das ich hier auch nochmal mit einem Verlauf gearbeitet habe, um die privaten Gespräch von dem Rest der Einsteigerhilfe zu trennen. Ferner habe ich hier auch nochmal die Möglichkeit eingebaut, den Channel auszuwählen, in welchen man gerne wechseln möchte.

Dazu kommt, das ich angebracht fand, das man selbst entscheiden soll, ob private Nachrichten im Chatverlauf angezeigt werden, oder sich direkt ein Messenger-Fenster öffnen mit der Nachricht von demjenigen, der sie abgesendet hat. Weiterhin sollen sich auch neue Mitglieder nicht überfordert füllen und können selbst bestimmen ob die Tipps und Tricks angezeigt werden oder nicht. Hier würde ich natürlich in betracht ziehen, das hier auch noch etwas rumgespielt wird, was die Anzeige der jeweiligen Hilfestellungen anbelangt.

Ich habe hier gleich mal einen Übersicht von dem Applet-Messenger mit eingebunden, welchen ich in diesem Beitrag zur Veranschaulichung gebracht habe. Dieser soll nach einem Klick auf "Alle 13 Gespräche öffnen" aufspringen.

Weitere Icons und FotoMeet, sowie Tauschbörse folgen in den weiteren Entwürfen. Dieser hier ist erstmal gedacht, damit man sich einen Fortschritt meiner Entwürfe machen kann.

[img]http://www2.markus-below.de/pics/mockup-help-at-003.png[/img]

Schüler

Die Meinung ist valide, aber das sind alle subjektive Aussagen womit man sehr wenig anfangen kann. Daher der Wunsch nach konkreteren Infos.

-JE

Kann ich verstehen. Hier und da gibt es mit Java technische Einschränkungen - du hast ein paar gefunden! Hier wäre eine Änderung besonders schwierig und/oder mit anderen Nachteilen verbunden.

-JE

Huhu Johnny-English,
Ich finde zum einen Schüler seins aus rein optischen Gründen schöner, und auch die Anordnung der Button geföllt mir besser.
Bei Neo-Kamui seins, waren teilweise die Button zu zerstreut im Chatfenster, Nickleiste, Linke Leiste, bei Schülern sein, befindet sich fast alles Links und das finde ich gut.
Man sollte nicht alles irgendwo hin verstreuen.

Alles.

In seinem letztem Vorschlag hat er alles wichtige gut und übersichtlich auf eine Seite untergebracht. Es ist, wie ich finde, durchdacht gesetzt. Jeder Button, jedes Fenster, jeder Link passt da. Dazu wirkt es modern und passt sich auch etwas der neuen Startseite/Profile an.
Im ersten Design fand ich die Sache mit den Sprechblasen neben dem Profilfoto noch sehr ansprechend. Irgendwie finde ich das besser, als ein einzelner Kasten mit Foto und Nachricht.

Wichtiger als das Aussehen sind die Funktionen! ich für mich würde nicht wollen, dass alle /p nur noch da Links angezeigt werden und extra /pp fenster geöffnet werden müssen um im /p zu chatten. viel zu umständlich. ich weiß nicht ob ich die screens falsch verstehe, aber /p gespräche müssen auf jeden fall weiterhin normal im channel angezeigt werden so wie es jetzt ist und nich nur in der Leiste da. wisst ihr wie nervig es ist, wenn man mit 10 leuten chattet und für jede person ein einzelnes /pp fenster nutzt?

in dieser linken /p leiste sollte dann neben Foto und Nachricht zumindest noch ein kleiner /ig und ein /w button dazu.

und da unten, wo tipps und tricks steht, ist damit /tut gemeint ? warum kommt da keine kompletthilfe, wie bei der /index Funktion hin? eine große übersicht über Alles ist besser, als 1000 kleine /tut fenster mit elend langen Texten