Schlagwort-Archiv: usability

Responsive Webdesign – wirklich gut? (Klar, aber …)

7 Antworten

Schon vor ein paar Monaten hatte ich drüber nachgedacht: malen wir uns die Responsive-Webdesign-Welt schöner, brauchbarer, als sie ist? Kommen die Besucher damit wirklich klar? Brauchen wir es wirklich immer? Wie das das aber so ist, verliert man einen Gedanken schon mal, bis dann zwei Tweets auftauchen, die den Gedanken wieder aufkommen lassen:

Nehmen wir mit RWD dem „normalen“ Besucher seine Gewohnheiten, wenn wir die Seiten so anpassen, dass Spalten verschwinden oder Navigationsmenüs sich hinter einem Button mit Icon verstecken? Weiterlesen →

Flattr this!

☞ „Different People Have Different Hands“

Hinterlasse eine Antwort

I’ve seen a number of iPhone reviews talk about this. Some noted that the screen was uncomfortably big, others reported that the phone had just the right screen size, and even others preferred larger Android phones.

via ignore the code: Different People Have Different Hands.

Hab ich doch gesagt, dass da Beschwerden zum größeren Display des iPhone 5/iPod Touch 5G kommen.

Flattr this!

„What device classes are you targeting?“

Hinterlasse eine Antwort

Plenty of Devices

Obiges Bild von Brad Frost zeigt sehr deutlich, wieviele verschiedene Geräte und Bildschirmgrößen es so gibt – und das sind noch längst nicht alle –, auf denen eine Website benutzbar und gut aussehen sollte. Bestellt aber eben leider auch nicht jeder mit. Gesehen bei A non-responsive approach to building cross-device webapps, auf den ich durch einen Tweet von David Hellmann stoß.

Flattr this!

Mauslos für eine Stunde: Experience Accessibility First-Hand on May 9

Hinterlasse eine Antwort

Sehr spannende und lehrreiche Aktion: am 9. Mai (diesen Mittwoch) soll man mal für eine Stunde die Maus* nicht benutzen und nur mit Tastatur und Screenreader durchs Internet und selbst erstellte Projekte zu navigieren.

Sinn des ganzen soll sein, mal wieder ein oder zwei Augen auf Accessibility und Usability in Webprojekten zu achten. Wunsch ist es, dass man von den Erfahrungen der mauslosen Stunde bloggt: was war die größte Überraschung? Welche Schwierigkeiten gab es? Was hast du draus gelernt.

Ich werde hier gerne mal dran teilnehmen, werde das dann aber vermutlich in die Abendstunden legen. Wobei, dann könnte ich mal das von uns in der Agentur verwendete Contao CMS im mauslosen Einsatz verwenden und merken, wie es sich so schlägt.

Go ahead and unplug your mouse and only use your keyboard alone (tab/shift tab, arrow keys, enter and spacebar) to navigate and interact with your favorite websites and applications. If you use a touchpad, trackpad or similar input method, disable it, and use the keyboard instead. Global Accessibility Awareness Day

* oder Trackpacks, Wacoms, Touchpad

Gefunden via twitter:

[tweet:199571018635935745]

Flattr this!

Linkscheucher 28 – Webfonts, CSS3 Rainbows, facebook Suchvorschläge

4 Antworten

Aus Zeitmangel mal wieder eine, leider unvollständige, Liste an Artikeln, die mit Webdesign, -entwicklung und ähnlichem zu tun haben.

The 10 best fonts from the Google Webfonts Directory | Ralf Herrmann: Wayfinding & Typography

OMG!!! Rainbow Dividers in CSS3!!!

Where are my rounded corners? « Boagworld

Do you struggle to explain or understand why a website looks different in different browsers? If so, I might just be able to help.

10 ways to screw up a web form and piss me off – TNW Design & Dev

10 online tools to simplify HTML5 coding | CatsWhoCode.com

I’m redesigning Smashing Magazine » Blog » Elliot Jay Stocks

[…] and Iâ€ÃƒÂ¢Ã¢â‚¬Å¾Ã‚¢m happy to say that my involvement now runs even deeper: Iâ€ÃƒÂ¢Ã¢â‚¬Å¾Ã‚¢m currently in the midst of redesigning the website.

Who Does Facebook Think You Are Searching For? | thekeesh.com

Flattr this!

Blogelemente die es aufzuhübschen gilt

Hinterlasse eine Antwort

Damit ich es nicht beim nächsten Redesign vergesse habe ich mir kurzerhand aufgeschrieben, welche Elemente es in einem Blog gibt, die irgendwie gestyled werden müssen. Und damit auch ihr was davon habt, teile ich das mit euch :)

Aufgeteilt ist die Liste in die Beitrags-Elemente, Kommentar-Ansicht, Kommentarformular, Footer, Navigation, verschiedene Inhaltstypen und -seiten und sonstige Sachen, die meistens gut in die Sidebar passen.

Artikel-Elemente

Artikeltitel
Datum
Kommentaranzahl mit Link zu den Kommentaren
Text
Zwischenüberschriften
fett, kursiv
Blockquote
Code
Links
Bilder
Listen
- unsortiert
- sortiert
- Definitionslisten
Tabellen
Tags
Kategorien
Edit-Link

Optional:
Facebook-Sharing
Retweet
flattr
sonstiger Socialkram

Kommentare
Gravatar
Text
Autor
Datum
Reply-Button
Edit Link

Kommentare und Trackbacks trennen

Kommentarformular
Name
Website
E-Mail
Labels, input, textarea
Checkboxen
Submit-Buttons
Kommentar-Feed

Navigation
Hauptnavigation (Seiten)
Pagination
Suchformular
Archivseiten
Tags
Kategorien

Footer
Copyright
Wordpress-Satz
cooler Abschlusssatz

anderes
Adsense
andere Werbung (Linklift)
Facebook-Like-Box
letzte Tweeds
Blogroll

Inhalte
Über mich-Seiten
Kategorie-Archiv
Tag-Archiv
zeitliches Archiv
Suchergebnisse
Kontaktseite
Impressum
Feed-Links

Flattr this!