größere Buttons

[milamber]

hi

wäre es möglich die Buttons für "zum ersten ungelesenen Beitrag" und "zum letzten Beitrag" größer zu machen? Ich besuche das Forum hauptsächlich auf dem iPad und da sind diese Buttons so klein, dass es schwierig ist sie zu treffen. Auch auf dem Desktop sind sie zu klein, aber dank meiner Treffgenauigkeit mit der Maus, komme ich damit noch einigermaßen klar .
Auch ein größerer Abstand zu dem Text (der oft als Link zum ersten Beitrag dient) wäre hilfreich.

Ich habe sogar auf die Schnelle zwei Buttons für Euch gemacht:

und so könnte es aussehen:

 

[Johannes Hofmann]

komisch. Auf meinem Samsung Galaxy Note (Bildschirmdiagonale 5,3") ist das überhaupt kein Problem

 

[milamber]

hm, ich weiß ja nicht wie die Darstellung bei Dir aussieht. Eigentlich hat Dein "note" sogar mehr ppi. Vielleicht werden die Seiten trotzdem größer dargestellt.

Ein Button mit 10x15px (und dann noch auf einem hiRes display) ist aber trotzdem zu klein . Auch auf dem Desktop hätten motorisch eingeschränkte Besucher große Probleme. Da kann man zumindest die Seite dauerhaft vergrößern. Auf einem Tablet geht das Vergrößern zwar auch, aber dann wird die Bedienbarkeit erschwert.
Vom responsive design ist das hier alles weit entfernt

 

[pico]

die Buttons sind von der Größe an die Schriftgröße angepasst, da hier mal wieder alles ziemlich vertrackt zusammen gestellt wird. Macht man nun größere Icons da rein, vermurkst es die komplette Zeile und Spalte.

 

[Telefunky]

die Buttons sind von der Größe an die Schriftgröße angepasst, ...

genau da scheint milambers Problem zu liegen, allerdings nicht in der absoluten Grösse der Elemente, sondern dem Zeichenabstand, eine Eigenschaft der Schriftart.
Ich hab's eben mal auf dem iPad versucht und keine Probleme gehabt...
bei mir liegen die icons aber deutlich weiter rechts von der Schrift, als in seiner Beispiel-Grafik.
(ich benutze das unangepasste default-layout)

cheers, Tom

 

[milamber]

ich habe gerade die Graphiken ausgetauscht und den Abstand vergrößert (im Safari).

so sieht es dann aus:

 

[Johannes Hofmann]

hm, ich weiß ja nicht wie die Darstellung bei Dir aussieht. Eigentlich hat Dein "note" sogar mehr ppi. Vielleicht werden die Seiten trotzdem größer dargestellt.

Ein Button mit 10x15px (und dann noch auf einem hiRes display) ist aber trotzdem zu klein . Auch auf dem Desktop hätten motorisch eingeschränkte Besucher große Probleme. Da kann man zumindest die Seite dauerhaft vergrößern. Auf einem Tablet geht das Vergrößern zwar auch, aber dann wird die Bedienbarkeit erschwert.
Vom responsive design ist das hier alles weit entfernt

na ja, ich hab's extra probiert, ohne zu zoomen.

Ich hab einfach da hin getippt, wo der Button ist, wohl wissend, dass ich mit meinem Finger noch andere Links abdecke.

Ich hab mich eh schon gewundert, wie das Ding immer weiß, welchen Link oder Button ich meine. Ich weiß nicht, wie gut das auf anderen Samsung-Handys ist, das Note ist ja mit 5,3" für ein Handy ziemlich groß. Aber dass das auf dem noch viel größeren iPad Probleme macht, wundert mich dann schon.

 

[milamber]

ich habe gerade die Graphiken ausgetauscht und den Abstand vergrößert (im Safari).

EDIT: ich habe vergessen zu sagen, dass ich mich auf die Liste der abonnierten Themen bezog.

so sieht es dann aus:

und so ist es im Augenblick:

 

[pico]

im vB Template sieht der entsprechende Abschnitt so aus:

<vb:if condition="$show['lastpostinfo']">
    <p class="lastposttitle">
    <vb:if condition="$show['icon']"><img src="{vb:raw icon.iconpath}" class="postimg" alt="{vb:raw icon.title}" border="0" /></vb:if>
    <vb:if condition="$lastpostinfo['prefix']">{vb:raw lastpostinfo.prefix}</vb:if>
    <a href="{vb:link thread, {vb:raw threadinfo}, {vb:raw pageinfo_newpost}}" class="threadtitle" title="{vb:rawphrase go_first_unread_in_thread_x, {vb:raw lastpostinfo.lastthread}}">{vb:raw lastpostinfo.trimthread}</a>
    <a href="{vb:link thread, {vb:raw threadinfo}, {vb:raw pageinfo_lastpost}}#post{vb:raw lastpostinfo.lastpostid}">[B][COLOR=#ff0000]<img src="{vb:stylevar imgdir_button}/lastpost-{vb:stylevar right}.png" alt="{vb:rawphrase go_to_last_post}" />[/COLOR][/B]</a>
    </p>
    <div class="lastpostby">
    <vb:if condition="$lastpostinfo['lastposterid']">
        {vb:rawphrase by_x_memberaction, {vb:raw memberaction_dropdown}}
    <vb:else />
        {vb:rawphrase by_x_guest, {vb:raw lastpostinfo.lastposter}}
    </vb:if>
    </div>
    <p class="lastpostdate">{vb:raw lastpostinfo.lastpostdate}<vb:if condition="!$show['detailedtime']">, <span class="time">{vb:raw lastpostinfo.lastposttime}</span></vb:if></p>
<vb:else />
    <span class="lastpostdate">{vb:raw lastpostinfo.lastpostdate} <vb:if condition="!$show['detailedtime']"><span class="time">{vb:raw lastpostinfo.lastposttime}</span></vb:if></span>
    <a href="{vb:link thread, {vb:raw threadinfo}, {vb:raw pageinfo_lastpost}}#post{vb:raw lastpostinfo.lastpostid}">[B][COLOR=#ff0000]<img src="{vb:stylevar imgdir_button}/lastpost-{vb:stylevar right}.png"[/COLOR][/B] alt="{vb:rawphrase go_to_last_post}" /></a>
</vb:if>

dieser Schnippsel wird dann bei allen Übersichten verwendet - wenn ich da einfach ein größeres Icon hinterlege stimmen alle, an anderer STelle vorgenommenen Berechnungen nicht mehr. Die Höhe wird zB im CSS-Template so berechnet:

    height: {vb:math {vb:stylevar control_content_font.fontSize}{vb:stylevar control_content_font.units} + {vb:stylevar control_content_padding.paddingTop}{vb:stylevar control_content_padding.units} + {vb:stylevar control_content_padding.paddingBottom}{vb:stylevar control_content_padding.units} + {vb:stylevar padding}};

...alles nicht so einfach, wie es der an den User ausgelieferte HTML/CSS-Code vermuten läßt

 

[Disgracer]

Ich hab auch keine Probleme am iPad die kleinen Button zu treffen. selbst ungezoomt..
Die automatische Erkennung arbeitet da ansich sehr zuverlässig.

Für Leute, die "zu dicke Finger" ;-) haben, gibt es aber so geschickte Apps, wie Tapatalk.
Mit denen löst sich das Problem ganz von selbst..

 

[milamber]

man, Ihr müsst aber wirklich dünne Finger haben .
Ich treffe diesen Button ja auch in etwa 90% der Fälle. Aber eben nicht immer.

Und als UX Designer liegt es in meiner Natur sowas zu kritisieren .

na gut, wenn es sich nicht trennen läßt … schade

 

[TheKF]

Für Leute, die "zu dicke Finger" ;-) haben, gibt es aber so geschickte Apps, wie Tapatalk.
Mit denen löst sich das Problem ganz von selbst..

Also ich muss auch zoomen um am Smartphone den Button zu treffen, am PC find ichs okay!

Jaja, Tapatalk... Ich gehör aber nicht zu den Leuten die eine Kreditkarte besitzen, und im Google Play Store kriegt man Tapatalk nunmal nicht ohne
Und außerdem seh ichs nicht ein 2,50€ zu zahlen für nen Forenbrowser den ich eh nur fürs Musikerboard bräuchte...

Eine Mobilansicht fürs Forum fänd ich gut, so wie es Facebook, Bild.de, Thomann.de und etliche weitere machen

 

[Disgracer]

Und außerdem seh ichs nicht ein 2,50€ zu zahlen für nen Forenbrowser den ich eh nur fürs Musikerboard bräuchte...

Eine Mobilansicht fürs Forum fänd ich gut, so wie es Facebook, Bild.de, Thomann.de und etliche weitere machen

Aber das sind halt kommerzielle Seiten. Das kannst du so nicht vergleichen. Aber nichts anderes ist halt Tapatalk.
2,50€ ist mal echt nicht die Welt..

 

[pico]

mal den Style - unten links - umgestellt ?

 

[TheKF]

mal den Style - unten links - umgestellt ?

Der bringts nicht wirklich... Kann da ja nichtmal meine abonnierten Themen checken, was das einzige ist was ich unterwegs im Board mache