[Website] Fresh look for the website / Neues Design für die Webseite

[WalterG]

@juschka10001

ich bin total unglücklich über das Design der neuen Webseite, da m.E. vieles an Usability verloren gegangen ist

@juschka10001

Es gibt leider einiges, was ich ich nicht gut finde.

Danke @juschka10001 für dein sauber ausgearbeitetes Feedback. Und dies, obwohl du mit dem Design unglücklich bist. Dies wird sehr wahrscheinlichlich zu einer Verbesserung der Usability führen.

So stelle ich mir Kritik vor. Ist viel hilfreicher als irgendwelche Polemik! Da kann so manch einer was draus lernen:

@devemux86

@Alexander

Polemics ALWAYS help.

No, they never help (see the forum guidelines ).

Instead, they downgrade the reports for further consideration.

In vielen Punkten deiner Kritik stimme ich dir zu. Total unglücklich bin ich mit dem neuen Design jedoch nicht. So wie @boldtrn in der Ankündigung ([Website] Fresh look for the website / Neues Design für die Webseite) geschrieben hat, ist das neue Design eine Vorbereitung für weitere Features und Nutzbarkeit z.B. auch mit Touchscreens.

Hier ein paar Dinge aus der Ankündigung:

@boldtrn

Ever since new features were added, and the UI was slowly filled with buttons and options to continuously add and refine features. Therefore it was time to rethink the design, to fit all the new features that were added over the years, but also to have enough room for future features.

@boldtrn

The new UI concept is that the sidebar can change it’s content based on what you are doing right now.

Davon einer der wichtigsten Sätze:

@boldtrn

Since this is a huge change, probably not everything is perfect yet. So if you have any feedback, ideas for improvements or find an issue, please let us know.

@boldtrn

Das ist eine Riesen-Änderung und vermutlich ist noch nicht alles perfekt. Falls du also Feedback hast Ideen für Verbesserungen, oder einen Fehler gefunden hast, melde dich bitte.

Dein Feedback ist die richtige Reaktion auf diese Ankündigung . Wenn dann deine Ideen und die Ideen weiterer Anwender der Webseite in das neue Design eingepflegt werden können, kann das nach Gewöhnung an das neue Design zu mehr Zufriedenheit bei Anwendern und Ersteller der Webseite führen.

@boldtrn

das war übrigens vorher auch schon so

Auch wenn dies so ist, kann eine Überarbeitung dennoch für die Zukunft sinnvoll sein . Muss ja nicht immer sofort sein. Kann aber durchaus was für die ToDo-Liste sein .

Auch so kurz gefasste Anmerkungen von Robin sollten die Anwender nicht davon abhalten, konstruktive Kritik am neuen Design hier sachlich vorzubringen (z.B. im Stil von Juschkas Feedback).

Übrigens ist das neue Design nicht grundsätzlich schlecht, wenn auch an manchen Stellen verbesserbar . Robin würde sich auch über positives Feedback freuen!

EDIT: Ich selber finde das neue Design gut, wenn auch an manchen Stellen verbesserbar.

[Mario.K]

Hi boldtrn, since I was probably blind on the eyes. Thank you.

[rumbrummer]

@boldtrn

@juschka10001

Nach meinem Dafürhalten waren die Buttons mit den “Routingoptionen” auf der alten Webseite (kurvig, Autobahn, unbefestigt) etc. zwischen den Wegpunkten ausreichend gross, bzw. klein um sie zu erkennen bzw. anzuclicken.

Mit der Maus ja, mit Touch nein. Die Button-Größe ist da schon am untere Ende. Die Größe und Abstände ist deutlich unterhalb der empfohlenen Größe und mit dem Tablet verklicke ich mich aktuell schon immer mal wieder.

Im alten Design der Webseite habe ich auf dem Tablet den Browser auf Desktopansicht umgestellt (ich glaube, das war sogar ein Tip von @boldtrn ) - dann wurden die Schaltflächen und Texte größer.
Diese Vergrößerung funktioniert mit Chrome, Opera und Firefox.
Im neuen Design sind die Bedienelemente in der mobilen Ansicht etwas zu klein für meine Wurstfinger - in der Desktopansicht habe ich dann riesige Knöpfe, das linke Panel belegt knapp die Hälfte des Bildschirms (10", 4:3).
Wäre es eventuell sinnvoll, die Bedienelemente so zu verkleinern, daß sie auf Touch Geräten im Desktopmodus noch bedienbar sind?
Anbei zwei Screenshots im mobilen und im Desktopmodus:

[boldtrn]

@WalterG

Auch wenn dies so ist, kann eine Überarbeitung dennoch für die Zukunft sinnvoll sein . Muss ja nicht immer sofort sein. Kann aber durchaus was für die ToDo-Liste sein .

Ja genau, das ändert nicht daran, dass das wertvolles und gutes Feedback ist. Ich weiße da nur gern darauf hin, wenn die Punkte verwendet werden um altes und neues Design zu vergleichen.

@rumbrummer

Im neuen Design sind die Bedienelemente in der mobilen Ansicht etwas zu klein für meine Wurstfinger - in der Desktopansicht habe ich dann riesige Knöpfe, das linke Panel belegt knapp die Hälfte des Bildschirms (10", 4:3).

Ja das ist leider eine Nebeneffekt von mobilen Browsern. Die Logik macht auf hochauflösenden Smartphones absolut Sinn, denn diese haben extrem hohe Pixeldichten und dann würde alles Mini werden, deshalb wandeln diese Smartphones ein Pixel automatisch zu mehreren Pixeln um, dadurch wird alles größer.

Schau z.B. mal hier nach falls dich das genauer interessiert, auch der Absatz zu “A Pixel is not a Pixel”.

Ich werde mal versuchen den Wert etwas kleiner zu setzen. Leider scheint es nicht möglich zu sein zu sagen, dass ein 10" Tablet sich anders verhält als ein 5" Smartphone - was ja eigentlich schon Sinn machen würde.

[Brewers-Whoop]

I have just opened the website, and my Favourites seem to have entirely disappeared! Not panicking yet, as I’m guessing this is something I have either not done or not fully understood.

Can anyone advise/suggest, please?

[juschka10001]

@rumbrummer

Im alten Design der Webseite habe ich auf dem Tablet den Browser auf Desktopansicht umgestellt (ich glaube, das war sogar ein Tip von @boldtrn ) - dann wurden die Schaltflächen und Texte größer.
Diese Vergrößerung funktioniert mit Chrome, Opera und Firefox.
Im neuen Design sind die Bedienelemente in der mobilen Ansicht etwas zu klein für meine Wurstfinger - in der Desktopansicht habe ich dann riesige Knöpfe, das linke Panel belegt knapp die Hälfte des Bildschirms (10", 4:3).
Wäre es eventuell sinnvoll, die Bedienelemente so zu verkleinern, daß sie auf Touch Geräten im Desktopmodus noch bedienbar sind?
Anbei zwei Screenshots im mobilen und im Desktopmodus:

Danke rumbrummer, genau das untere Bild auch von Deinem Screenshot ist aktuell meine normale Ansicht auf einem Laptop Win10 mit google chrome - wohlgemerkt, das ist keine mobile Version für Notepad oder Handy. Sondern normale Standard-PC-Nutzung. Der halbe Bildschirm ist voll mit grossen Buttons und Textgrössen.
Ich wüsste nicht mal wie ich bei Windows 10 den Laptop auf eine mobile Version analog Handy umstellen könnte. Aber ich denke man muss jetzt aufpassen, dass man nicht die Homepage nur noch usable macht mit Handy oder Tablet und für “normale” PCs unsäglich. Früher wurde Werbung dafür gemacht, dass man unterwegs mobil die App hernehmen soll für die Planung, weil sie für mobile Anwendung auch ohne Tastatur/Maus optimiert wäre…irgendwo haben wir jetzt einen Widerspruch oder?

VG
juschka

P.S. Ich habe auf der alten Webpage mit meinem Samsung Android Tablet keinerlei Probleme gehabt auf der Homepage die Routen zu planen, bin an alle Buttons und Texteingaben gut hingekommen!

[devemux86]

There are no translations (in most languages) in the import options lists.

[ToTo_GSA_Rider]

@boldtrn Hallo Robin, was bedeutet die rote Linie? Habe in meiner Planung eine blaue Strecke die auch in die neue App übernommen wird, aber was bedeutet die rote Route?

[boldtrn]

@juschka10001

Danke rumbrummer, genau das untere Bild auch von Deinem Screenshot ist aktuell meine normale Ansicht auf einem Laptop Win10 mit google chrome - wohlgemerkt, das ist keine mobile Version für Notepad oder Handy. Sondern normale Standard-PC-Nutzung. Der halbe Bildschirm ist voll mit grossen Buttons und Textgrössen.

Könntest du mal ein paar mehr Infos zu deinem Bildschirm schicken? Auflösung, Größe etc., damit man sich das besser vorstellen kann.

Als schnelle Hilfe könntest du wenn du Links in der Leiste bist, “Strg und -/+” drücken um die Zoomstufe des Browsers zu ändern, so kannst du die Webseite deutlich verkleinern.

@juschka10001

Früher wurde Werbung dafür gemacht, dass man unterwegs mobil die App hernehmen soll für die Planung, weil sie für mobile Anwendung auch ohne Tastatur/Maus optimiert wäre…irgendwo haben wir jetzt einen Widerspruch oder?

Daran hat sich ja weiterhin nichts geändert. Der Anspruch der Webseite war immer auf Mobilgeräten zu funktionieren. Die App ist weiterhin die empfohlene Variante für Android Geräte.

@devemux86

There are no translations (in most languages) in the import options lists.

Thanks this should be fixed with the next update

@ToTo_GSA_Rider

@boldtrn Hallo Robin, was bedeutet die rote Linie? Habe in meiner Planung eine blaue Strecke die auch in die neue App übernommen wird, aber was bedeutet die rote Route?

Rot sollte der Track sein: Route Transfer Basics [Kurviger Knowledgebase]

Falls du dazu noch Fragen hast, mach am besten mal ein neues Thema auf

[juschka10001]

@boldtrn

Könntest du mal ein paar mehr Infos zu deinem Bildschirm schicken? Auflösung, Größe etc., damit man sich das besser vorstellen kann.

Als schnelle Hilfe könntest du wenn du Links in der Leiste bist, “Strg und -/+” drücken um die Zoomstufe des Browsers zu ändern, so kannst du die Webseite deutlich verkleinern.

Hi Robin
ich habe ein Lenovo Notebook (ThinkPad), Windows 10, alles aktuell
eingestellte Auflösung (wie empfohlen) 1920x1080
Grösse von Apps, Text und Elementen: 125% (empfohlen wären 150%!).
Google Chrome, Version 91.0.4472.124 (Offizieller Build) (64-Bit)
Gleiches Verhalten auch bei Edge und Opera!

Den Tipp mit Strg +/- habe ich ausprobiert, das klappt:
Hier das ist der Screenshot vom gesamten “normalen Startbildschirm”, im Zoom zeigt er 100% an - also die Version, wo nicht nur ich meine, dass viel zu viel Karte verdeckt ist bzw. die Schrift links in der Leiste viel zu gross ist

Wenn ich es manuell auf 80% runterstelle wird es langsam übersichtlich:

Leider speichert mein PC diese Anzeigevorgabe nicht, dh. bei einem Neustart der Kurviger Homepage war ich wieder in der Originären Auflösung von 100%

P.S.: Siehe aber zum Vergleich links die Menüleiste: 5 Wegpunkte bei 100%, immerhin schon 8 bei 80%, das ist viel Scrollerei bei 190 Punkten gesamt auf der Urlaubsroute , v.a. wenn er selber nicht da hinspringt wo man gerade arbeitet.
Kann man nicht vielleicht diese Buttons für die Routenauswahl (Autobahn, kurvig, sehr kurvig etc.) auch zum Einklappen oder so machen - oft braucht man sie ja nicht, nur wirklich an einzelnen Stellen zB. Routenbeginn oder zwischendrin zum Strecke machen. Das hat mir an der “alten” Wegpunkteliste mit diesen Routenfunktion so gefallen, dass es klein war, unauffällig, aber “bei Bedarf” nutzbar/greifbar, aber sonst füllt er mir eben nicht die ganze Wegpunktleiste. Bei 190 Punkten über 4500km habe ich vielleicht an 4 Stellen tatsächlich die Routenfunktion von kurvig auf Autobahn verstellt … denke so geht es vielen…
VG
juschka

Ergänzende Info: Auf meinem Uralt-Tablet Samsung SM T805 habe ich auf der Webseite eine tolle Auflösung, so hätte ich sie gerne, links die Leiste schön klein, der Rest vollflächig die Karte - gefühlt “so wie früher”…vielleicht hilft es

[rumbrummer]

@juschka10001

Kann man nicht vielleicht diese Buttons für die Routenauswahl (Autobahn, kurvig, sehr kurvig etc.) auch zum Einklappen oder so machen

Eine Alternative: Das Abschnittsprofil als Dropdown, Vorteil: braucht dann nur 20% der Breite, Nachteil: Man muss zum Verstellen 2x klicken.

Dann die Felder für die Wegpunktnamen deutlich schmaler (20 statt 31 Zeichen?) und die Abschnittsprofil-Dropdowns rechts neben die “Löschen”-Knöpfe (“X”), aber vertikal um 50% der Höhe einer Wegpunktzeile versetzt, um klar zu machen, zwischen welchen beiden Wegpunkten das Profil gilt.

Ausserdem würde ich noch den Rand links und rechts des Wegpunksymbols (Start, Ziel, ViaPoint, ShapingPoint) schmaler machen.

@juschka10001 : Hast Du Deinen Browser schon auf Vollbild geschaltet (am PC Taste F11)?

[zaphod_42]

@boldtrn

“Strg und -/+” drücken um die Zoomstufe des Browsers zu ändern

Danke! Hätte ich eigentlich auch selbst drauf kommen müssen … und CHROME merkt sich das sogar!

@juschka10001

Buttons für die Routenauswahl (Autobahn, kurvig, sehr kurvig etc.) auch zum Einklappen oder so machen

@rumbrummer

Abschnittsprofil als Dropdown

Das würde ich begrüßen - denn wie @juschka10001 schon erwähnte ändere ich in vielen Routen gar nichts und bei anderen höchstens mal 'ne Autobahn-Passage.

[zaphod_42]

Wie hieß es immer beim Otto Walkes: “… einen hab ich noch!”

Für die meisten, denke ich, sind die Shaping Points in der Wegpunkte-Liste von geringem Interesse. Vielleicht kann man das Einklappen nur dieser Shaping Points zusätzlich anbieten. (Ich weiß, jetzt sind wir bereits bei “bells and whistles” …)

[rumbrummer]

@rumbrummer

die Abschnittsprofil-Dropdowns rechts neben die “Löschen”-Knöpfe (“X”)

Natürlich müssen die Abschnittsprofil-Knöpfe und die “Punkt einfügen”-Knöpfe (“+”) nach rechts…erst dann können die Zeilen näher zusammenrutschen - ich zeichne mal ein Bild, wenn ich am PC bin

Edit: Ungefähr so ( die Knöpfe in oberen beiden Reihen oberhalb der Wegpunktliste würde ich auch schmaler machen), vorher - > nachher:

[rumbrummer]

Es gibt noch ein Darstellungsproblem auf Touch Geräten, tritt bei mir mit Chrome, Firefox und Opera auf:

• eine Tour mit Abschnittsprofil “Kurvig” zwischen Punkt 1 und 2
  
  
• um das Abschnitssprofil auszuschalten tippe ich auf das “Kurvig”-Symbol - es bleibt aber “an”
  
  
• erst, wenn ich z.B. auf die freie Fläche (Kringel) drücke, ist die Darstellung korrekt:
  
  

Möglicherweise ist das ein ähnlicher Effekt wie in

Remove grey background from disabled buttons in advanced options after clicking / tapping

Hmmmm - perhaps the order in my previous post is not optimal. Comparing “Ferry on” with “Ferry off”, both directly after tapping button, I still can not see a difference

[boldtrn]

Nochmal vielen Dank für das Feedback

@juschka10001

v.a. wenn er selber nicht da hinspringt wo man gerade arbeitet.

Was meinst du damit?

Wenn du z.B. einen Wegpunkt in der Karte anklickst, dann öffnet sich dieser in der Leiste und wenn du zurück gehst solltest du diesen Ausschnitt auch in der Wegpunktliste angezeigt bekommen? Wie würde das automatisch funktionieren?

@juschka10001

Kann man nicht vielleicht diese Buttons für die Routenauswahl (Autobahn, kurvig, sehr kurvig etc.) auch zum Einklappen oder so machen

Was man eventuell machen könnte, das man die reihe mit “Kurvigkeit und neuer Wegpunkt” Informationen ausblenden kann.

@zaphod_42

Für die meisten, denke ich, sind die Shaping Points in der Wegpunkte-Liste von geringem Interesse. Vielleicht kann man das Einklappen nur dieser Shaping Points zusätzlich anbieten. (Ich weiß, jetzt sind wir bereits bei “bells and whistles” …)

Wird dann eventuell doch zu kompliziert, aber könnte man durchaus in einem eigenen Beitrag mal diskutieren.

@rumbrummer

Natürlich müssen die Abschnittsprofil-Knöpfe und die “Punkt einfügen”-Knöpfe (“+”) nach rechts…erst dann können die Zeilen näher zusammenrutschen - ich zeichne mal ein Bild, wenn ich am PC bin

Vielen Dank für den Vorschlag. An so einer Lösung habe ich lange überlegt, mich dann aber dagegen entschieden. Mach doch gern mal ein neues Thema dazu auf, dann kann man über so etwas diskutieren .

@rumbrummer

Möglicherweise ist das ein ähnlicher Effekt wie in

Ja das ist vermutlich der selbe Effekt, der Button wird weiterhin als Aktiv (analog zum Hover Effekt mit der Maus) angezeigt.

[juschka10001]

@zaphod_42

@boldtrn

“Strg und -/+” drücken um die Zoomstufe des Browsers zu ändern

Danke! Hätte ich eigentlich auch selbst drauf kommen müssen … und CHROME merkt sich das sogar!

Das ist bei mir nicht so? Wenn ich einen neuen Tab öffne bzw. Chrome neu (dann ist die Einstellung weg und ich habe wieder 100%? Was muss noch geändert werden, dass er sich die Einstellung merkt?

@boldtrn

@juschka10001

v.a. wenn er selber nicht da hinspringt wo man gerade arbeitet.

Was meinst du damit?

Wenn du z.B. einen Wegpunkt in der Karte anklickst, dann öffnet sich dieser in der Leiste und wenn du zurück gehst solltest du diesen Ausschnitt auch in der Wegpunktliste angezeigt bekommen? Wie würde das automatisch funktionieren?

Äh nein, oder ja. Bis gestern nacht hat er es nicht gemacht!. Jedes Mal wenn ich den Punkt in der Leiste bearbeitet habe (zB Namen vergeben) → Speichern → Gesamtwegpunktliste wurde wieder angezeigt und immer der Start und die folgenden Punkte 1 bis ca. 5. Die Wegpunktliste ist nicht da geblieben wo man gerade war…jetzt gerade geht es aber korrekt? Ich bin doch nicht meschugge ?

Der gezeichnete Vorschlag von rumbrummer gefällt mir!

@rumbrummer

@juschka10001 : Hast Du Deinen Browser schon auf Vollbild geschaltet (am PC Taste F11)?

Oh ja, aber das ist noch grauslicher. Dann vergrössert sich die Anzeige (hier der Standard 100%) auf eine Auflösung, dass ich gefühlt aus 5m Entfernung noch alles lesen kann, trotz Altersweitsichtigkeit.
Schaut dann so aus - im Vergleich zu den oben geposteten Bildern…

Da ich parallel auch häufig auf anderen Webpages inkl. google maps stöbere leider keine dauerhafte Planungsoption.

Vg juschka

[zaphod_42]

@zaphod_42

CHROME merkt sich das sogar!

Warum CHROME sich das merkt weiß ich nicht. Übrigens merkt sich EDGE das ganz genauso - ebenso FIREFOX … alle anderen teste ich jetzt nicht auch noch durch.

[juschka10001]

@zaphod_42

Warum CHROME sich das merkt weiß ich nicht. Übrigens merkt sich EDGE das ganz genauso - ebenso FIREFOX … alle anderen teste ich jetzt nicht auch noch durch.

Hmmmm, bei mir merkt sich da gar nichts, weder Edge, noch Opera noch Chrome?
VG juschka