MFG Labs Icon-Set – mehr als 100 Icons als Webfont

Das Icon-Set von MFG-Labs umfasst mehr als 100 schlichte Icons die als Webfont und im SVG-Format einsetzbar sind.

Skalierende Icons als Webfont

(Web-)Fonts bestehen aus Vektordaten und sind daher voll skalierbar und damit insbesondere für den Einsatz in Projekten mit responsivem Ansatz oder Apps geeignet. Selbst auf hochauflösenden Displays werden Webfonts immer scharf abgebildet.

Private Use Area Unicode

Icons mit bestehender Unicode-Entsprechung wurden dieser zugeordnet um fehlerhafte Darstellungen im Falle von Schriftart-Ersetzungen zu vermeiden.

MFG Labs icon sets

Das Projekt auf github

 

Pfeilförmige Elemente mit CSS 3 – geht nicht gibt’s nicht!

Vor einigen Tagen diskutierte ich mit einem Kollegen über die Machbarkeit von pfeilförmigen Produkt-Teasern nur mit CSS. Herausforderung angenommen, geht! Zwar können die alten Bekannten der Browser-Szene natürlich nichts mit dem Code anfangen, aber darum geht es hier nicht.

… 

 

Tolle Mobile UX Design Pattern Sammlung

Damien Laureaux, Mobile Application Developer aus Montpellier hat auf Pinterest die wohl größte Sammlung an Mobile UX Design Patterns zusammengetragen. Unter http://pinterest.com/timoa/ findet man, auf 63 Pinnwände verteilt, ungefähr 5000 Abbildungen von mobilen Anwendungen.

Timoa auf Pinterest

 

E-Commerce: Kein Vertrauen, keine Konversion

Online-Kunden kaufen gerne bei großen und etablierten Anbietern. Newcomer, egal welcher Branche, müssen sich das Vertrauen und einen festen Kundenstamm erst verdienen. Ohne Vertrauen in den Online-Händler sind im E-Commerce keine Geschäfte zu machen.

Etliche Studien belegen, dass sich der Umsatz im E-Commerce in Deutschland in den letzten Jahren von Rekordergebnis zu Rekordergebnis entwickelt hat. Die Verteilung des Umsatzkuchens jedoch machen einige wenige E-Commerce-Riesen unter sich aus.

E-Commerce Umsatz in Deutschland prognostiziert bis 2012
Mehr Statistiken finden Sie bei Statista

… 

 

Responsive Webdesign sichert Investition – Commerce Plus

Responsive Webdesign hat sich in der E-Commerce Landschaft noch so gut wie gar nicht durchgesetzt. In seinem lesenswerten Artikel „Responsive Webdesign sichert Investition“ erläutert Martin Werner von der Hamburger E-Commerce Agentur Commerce Plus (SinnerSchrader Group), welche Chancen ein Umstieg/Einstieg in responsives Shopdesign bietet.

Wer Webshops auch in Zukunft erfolgreich betreiben will, muss dem Trend des stark wachsenden Mobile-Marktes Antworten liefern und die Vielzahl der Bildschirmauflösungen optimal bedienen. Ich bin davon überzeugt, dass jeder der heute ein neues Webshop-Projekt ohne die Berücksichtigung von RWD plant und umsetzt, Gefahr läuft, erhebliche Potenziale in den Bereichen der Accessability und Investitionssicherheit liegen lässt.

Thema: Responsive Webdesign sichert Investition – Commerce Plus.

 

CSS-Pixel, Bild-Pixel & Device-Pixel – Optimierung für Retina & Co

Rätselhafte Device-Pixel: Pixel ist nicht mehr gleich Pixel, hochauflösende Displays erfordern neue Ansätze

Wie zum Teufel kann es sein, dass sich Kreative und Frontend-Entwickler mittlerweile mit drei Pixel-Angaben herumschlagen müssen? Die hochauflösenden Displays von iPhone, iPad und seit neustem auch das Mac Book Pro machen dies notwendig. Bisher war Pixel gleich Pixel und wir haben uns daran gewöhnt, dass jedes Bild auf Monitoren mit unterschiedlicher Auflösung im direkten Vergleich in unterschiedlicher Größe dargestellt wurde.

Jetzt kommen Geräte wie das iPad und das neue Mac Book Pro auf den Markt und stellen Bilder bei doppelter Auflösung in der gleichen Größe dar wie es schon die Vorgängermodelle getan haben, WARUM? Ganz einfach gesagt geht es den Herstellern (nicht nur Apple) darum nicht mehr auf den Bildschirmen anzeigen zu können, sondern darum die Anzeigeschärfe zu erhöhen. … 

 

Über 100 wundervoll schlichte und kostenlose Icons – Entypo

Entypo ist ein Icon-Set, dass über 100 wundervoll schlichte und kostenlose Icons für Webprojekte und Apps umfasst. Die Entypo Icons stehen als OpenType Font, als Vektoren in einer EPS-Datei und als Webfont zum Download bereit.

Icons als Webfont für hochauflösende, mobile Endgeräte

Wirklich interessant ist der Einsatz der Entypo-Icons in responsive Projekten, Apps oder WebApps. Als Font sind sie völlig unabhängig von der Bildschirmauflösung des Ausgabegeräts und damit ressourcenfressenden Bildformaten vorzuziehen. … 

 

Die Button-Lösung – Geltendes Recht ab 01.08.2012

Gesetz zum besseren Schutz der Verbraucherinnen und Verbraucher vor Kostenfallen im elektronischen Geschäftsverkehr.

Shop-Betreiber die kostenpflichtige Produkte mit einem einfachen „Bestellen“-Button veräussern, leben ab dem 01.08. in der ständigen Gefahr von Wettbewerbern abgemahnt zu werden. Die Button-Lösung ist beschlossen und sollte im eCommerce-Umfeld bekannt sein. Auffällig ist jedoch, dass kaum ein Shop-Betreiber die Gesetzesänderung beachtet, das neue Gesetz muss bis spätestens  01.08.2012 umgesetzt sein.

In der Vergangenheit kam es immer wieder vor, dass Verbraucherinnen und Verbraucher Waren oder Services im Internet bestellten ohne dass es ihnen bewusst war, um Verbraucher vor diesen überraschenden Rechnungen zu schützen, hat sich der Gesetzgeber entschlossen das Gesetz zur Button-Lösung zu verabschieden. … 

 

Conversion Optimierung am Warenkorb

Was macht einen Warenkorb zu einem guten Warenkorb. Einen hilfreichen Artikel habe ich wieder mal bei Konversionkraft gefunden.

3 Warenkörbe im Eyetracking-Test und 27 wichtige Learnings | Conversion Optimierung, Landingpage Optimierung – KonversionsKRAFT.

 

Selbstbeschreibungsfähigkeit – Grundsätze der Dialoggestaltung

Definition Selbstbeschreibungsfähigkeit: Ein Dialog ist selbstbeschreibungsfähig, wenn jeder einzelne Dialogschritt durch Rückmeldung des Systems unmittelbar verständlich ist oder dem Benutzer auf Anfrage erklärt wird.
(ISO 9241 Abschnitt 110).

Eine Internetseite/Webshop ist selbstbeschreibungsfähig, wenn sich ein Nutzer/Besucher zu jeder Zeit während er mit dem System interagiert die drei folgenden Fragen selbst beantworten kann: …