Auf einer Website, die ich baue, habe ich eine Reihe von Navigationstasten, die groß sein müssen, um gut auszusehen und leicht anzuklicken, aber klein sein müssen, wenn der Benutzer nicht navigiert. In meiner Benutzeroberfläche verkleinere ich die Schaltflächen zu einem Miniaturbild und animiere es mit der Maus auf die volle Größe. Das funktioniert gut.Wie kann ich die Existenz einer Maus auf einer Website erkennen?
Aber auf Tablets gibt es keine Maus und keine Maus, und deshalb brauche ich einen anderen Mechanismus, um die Benutzer navigieren zu lassen. Ich dachte daran, den Benutzer auf das Thumbnail tippen zu lassen, dann die gesamte Navigationsleiste auszuklappen, und dann kann der Benutzer tippen, um zu navigieren.
Die Frage ist: Wie kann ich feststellen, ob der Benutzer mit keiner Maus surft? Ich glaube, ich konnte den Browser erkennen, aber das scheint wirklich flockig zu sein.
Alternativ kann mir jemand auf ein besseres UI-Design-Muster für diese Situation hinweisen?
Nicht wirklich nützlich jetzt, aber es ist die Rede von einer Medienabfrage, die dies erkennen wird, die ziemlich cool ist - http://www.webmonkey.com/2012/07/w3c-looking-to-improve-responsive- Design-mit-new-media-Abfragen/ – SpaceBeers
Mehr plausible Antworten hier ... http://stackoverflow.com/questions/3974827/detecting-touch-screen-devices-with-javascript –
@SpaceBeers: Das ist interessant. Wird es ablegen für wenn Browser starten es zu unterstützen. –