de.hideout-lastation.com
Paradies Für Designer Und Entwickler


Testen Sie die mobile Benutzerfreundlichkeit Ihrer Website mit diesem Google Tool

Das Jahr 2016 hat Geschichte geschrieben, als die mobile Internetnutzung zum ersten Mal den Desktop übertraf . Es sollte klar sein, dass Responsive Webdesign nicht ignoriert werden kann .

Aber nur weil Sie ein responsives Layout erstellen, bedeutet das nicht, dass die Benutzerfreundlichkeit groß sein wird. Sie müssen immer die Benutzerfreundlichkeit auf verschiedenen Geräten und die gesamte Ladezeit der Seite berücksichtigen.

Google hat kürzlich ein brandneues Tool namens Mobile Website Testing Speed ​​Tool veröffentlicht .

Mit dieser Web-App können Sie jede Website analysieren und erhalten eine Punktzahl basierend auf der durchschnittlichen Ladezeit der Website und den insgesamt ansprechenden Designmerkmalen.

Sie geben einfach eine Domain ein und lassen sie laufen . Das Testen kann einige Minuten dauern. Versuchen Sie also, geduldig zu sein.

Sobald es fertig ist, sehen Sie drei Noten von 0-100 bewertet :

  • Mobile Freundlichkeit
  • Mobile Geschwindigkeit
  • Desktopgeschwindigkeit

Ich bin mir nicht ganz sicher, wie die mobilen und Desktop-Geschwindigkeiten berechnet werden, aber sie scheinen sich zu unterscheiden .

Wenn Sie die Seite nach unten scrollen, finden Sie drei verschiedene Bereiche für jedes Ranking.

Sie können auf die Schaltfläche "Weitere Details" für ein modales Fenster klicken, in dem die in der Liste markierten spezifischen Bereiche erläutert werden .

Zum Beispiel überprüft der Mobile-Friendly-Tester das Ansichtsfenster, Schriftgrößen / Farben und die Größe von abgreifbaren Zielen wie Schaltflächen oder Links.

Hier ist der Fortschritts-Check für die mobile Reaktionsfähigkeit von Hongkiat.

Es ist ziemlich üblich, für die Geschwindigkeitstests weniger als gute Ergebnisse zu erzielen (Hongkiat schlägt tatsächlich Mashable!).

Diese Bewertungen können durch verschiedene Faktoren verursacht werden. Sie können Google eine Liste mit den Ergebnissen und den möglichen Lösungen direkt an Ihre E-Mail senden lassen.

Dies ist eine der coolsten neuen Apps von Google und ich empfehle es als allgemeines Testwerkzeug für Webentwickler.

Beachten Sie, dass dies den beiden anderen Tools von Google, PageSpeed ​​Insights und Mobile-Friendly Test, ähnlich ist.

Mit dem neuen Tool zum Testen mobiler Websites können Sie in derselben Analyse jedoch sowohl die Seitengeschwindigkeit als auch die Mobilfunktechnologie überprüfen. Wirklich tolle App und auf jeden Fall wert Lesezeichen für zukünftige Referenz.

Senden Sie Browser-Push-Benachrichtigungen mit Push.js

Senden Sie Browser-Push-Benachrichtigungen mit Push.js

Native mobile Apps haben immer Push-Benachrichtigungen unterstützt . Diese Benachrichtigungen fehlten jedoch im Web, bis die Benachrichtigungs-API angezeigt wurde.Die Benachrichtigungs-API funktioniert über JavaScript . Damit können Sie Push-Benachrichtigungen über das Browserfenster direkt an den Computer des Benutzers senden . Es

(Tech- und Design-Tipps)

20 wunderschöne Beispiele der Zeitleiste im Web Design für Inspiration

20 wunderschöne Beispiele der Zeitleiste im Web Design für Inspiration

Ich bin mir ziemlich sicher, dass die meisten von Ihnen sich der Verwendung von Timeline im Design bewusst sind, zumal alle Facebook-Profile jetzt auf diese Weise angezeigt werden. Darüber hinaus verwenden einige Smartphone-Apps wie Path oder Tweetbot auch Timeline-basiertes Design, um ihre Geschichten zu präsentieren.

(Tech- und Design-Tipps)