Responsive

Mobile Web: Häufige Fehler kennen und vermeiden

Das mobile Web stellt Webdesigner vor Herausforderungen, bietet aber auch viele Chancen, um eine positive Nutzererfahrung zu schaffen. Falsch oder unzureichend umgesetzt, kann eine mobile Seite hingegen schnell das komplette Gegenteil von guter User-Experience bedeuten. Damit Ihre mobil-optimierte Website den neuen Anforderungen eines zunehmend mobilen Webs genügt, sollten Sie potenzielle Fehlerquellen kennen und die häufigsten Fehler unbedingt vermeiden. Wir erklären, auf welche typischen Fehler Sie besonders achten sollten. [...] Weiter 

Web-Usability: So optimieren Sie Ihre Navigationsstruktur

Sie möchten Ihre Homepage durch optimale Web-Usability für Ihre Kunden attraktiver machen? Mit einer durchdachten Navigationsstruktur und ein paar grundsätzlichen Optimierungen können Sie sowohl bei Ihren Nutzern als auch bei Suchmaschinen punkten. Durch gute Übersicht, ansprechendes Design und nützlichen Content machen Sie Ihre Website schnell zur optimalen Anlaufstelle für Ihre Zielgruppe. Hier erfahren Sie, was Sie dabei beachten müssen. [...] Weiter 

Grafische Benutzeroberfläche: Alles für ein gutes UI

User Interface ist eines der wichtigsten Stichworte im modernen Webdesign und der Softwareentwicklung. Für beide Disziplinen sind aktuell besonders grafische Benutzeroberflächen von Bedeutung. Doch neben diesen gibt es von Voice User Interfaces bis hin zu Brain Computer Interfaces inzwischen zahlreiche weitere Schnittstellen, über die die Interaktion zwischen Mensch und Maschine stattfinden kann. Wir liefern einen Überblick, welche Arten von User Interfaces existieren, und zeigen Anhand von Beispielen auf, wie gute grafische Benutzeroberflächen aussehen. [...] Weiter 

YAML: Das schlanke CSS-Framework für Experten

Wenn Sie eine neue Webanwendung entwickeln wollen, stehen Sie vor der Wahl, den Code komplett neu zu schreiben oder alternativ auf Frameworks zurückzugreifen. Diese Code-Sammlungen enthalten ein anwendungsbereites Gerüst, das Sie in der Folge an die eigenen Vorstellungen anpassen können. Das CSS-Framework YAML stellt Ihnen beispielsweise eine responsive Rahmenstruktur zur Verfügung, die bereits für verschiedene Browser und Geräte optimiert ist. [...] Weiter 

Die besten Mock-up- und Wireframe-Tools

Bis ein Webprojekt so aussieht, wie es der Nutzer am Ende zu sehen bekommt, gehen Designer und Entwickler einen langen Weg. Denn von der ersten Idee bis zum fertigen Produkt muss man viele wichtige Entscheidungen treffen, Pläne schmieden und unter Umständen noch einmal ganz von vorne beginnen. Ein wichtiges Hilfsmittel sind sogenannte Mock-ups und Wireframes, die schon in einer frühen Entwicklungsphase helfen, einfache Prototypen von Entwürfen und Ideen zu erstellen. Noch effektiver arbeiten Sie mit passenden Mock-up- und Wireframe-Tools. [...] Weiter 

Responsive Webdesign und Schrift - Teil 1: Grundlagen

Das Internet bietet zahlreiche Texte mit unterschiedlichsten Schriftarten. Die Verbreitung des Responsive Webdesigns wirkt sich auch auf die Webseiten-Typografie aus. Schließlich sollte sich die Schriftdarstellung stets dem Bildausschnitt des verwendeten Geräts anpassen. Reaktionsfähige Typografie muss bei der Darstellung flexibel sein und entsprechende Schriftfonts nutzen. Wir geben Ihnen einen Überblick zur Schrift im Responsive Webdesign. [...] Weiter 

So geht Mobile SEO

Viele Unternehmen stecken jede Menge Zeit und Geld in die Suchmaschinenoptimierung: Wochenlang feilt man an Keyword-Strategien, checkt Links und bearbeitet das technische Gerüst seiner Seite. Doch es geschieht – nichts. Das könnte daran liegen, dass man dem Thema Mobile SEO zu wenig Aufmerksamkeit geschenkt hat. Die meisten Suchanfragen kommen mittlerweile über mobile Endgeräte – und Google fordert von Webmastern, ihre Seiten „mobile-friendly“ zu gestalten. [...] Weiter 

Acht Tools für den Responsive-Test Ihrer Website

Vor ihrem Livegang sollte eine Website stets auf Herz und Nieren geprüft werden. Das ausgiebige Testen eines Internetauftritts nimmt schon für sich genommen viel Zeit in Anspruch – bei einem responsiven Webangebot überprüfen Sie zudem, ob sich die Site fehlerfrei an verschiedene Bildschirmauflösungen anpasst. Hierbei hilft ein kostenloses Responsive-Test-Tool. Wir stellen Ihnen acht nützliche kostenlose Tools vor. [...] Weiter 

Website als App, responsive oder mobile Seite?

Es wird immer entscheidender für den Erfolg des eigenen Onlineauftritts, dass man die Nutzer aller Geräte zufriedenzustellend erreicht. Mobile oder responsive Webseiten werden dementsprechend immer eher die Pflicht als die Kür. Außerdem gibt es noch die Möglichkeiten, eine Web-App oder eine native App anzubieten. Welche Umsetzung eignet sich für welches Webprojekt? [...] Weiter 

Responsive Navigation im Webdesign

Die Anforderungen an eine Website sind in den letzten Jahren erheblich gestiegen, vor allem in einer Hinsicht: Der Anpassungsfähigkeit. Denn Websites müssen nicht mehr nur auf Desktop-PCs gut aussehen und sich ideal navigieren lassen, auch auf anderen Endgeräten muss das Nutzererlebnis perfekt sein. Responsive Design sorgt dafür, dass sich die Inhalte einer Website dynamisch an die Oberfläche von Tablet, Smartphone und Co. anpassen. Die responsive Navigation stellt dabei eine besondere Herausforderung dar. [...] Weiter