Benutzererfahrung (User Experience, UX) hilft, die Qualität einer Website zu erhöhen und geschäftliche oder persönliche Webseiten positiv hervorzuheben. Bei den vielen konkurrierenden UX-Strategien fragen Sie sich vielleicht, welche die effektivste Strategie für Sie und die Stärkung Ihrer Marke ist. Was ist UX-Design? Beim UX-Design geht es darum, den Kunden durch eine sinnvolle Produktgestaltung in den Mittelpunkt zu stellen. In der Praxis kommt UX-Design häufig für...
Bilder auf Webseiten werden normalerweise in zwei Formaten gerendert - als Raster- und als Vektorbilder. Rasterbilder sind Bilder in Pixeln und werden normalerweise mit dem <img>-Tag in HTML geschrieben. Sie müssen entsprechend der Gerätebreite oder -höhe skaliert oder in der Größe angepasst werden, um die Reaktionsfähigkeit und Auflösungen zu erhalten. Vektorbilder hingegen verwenden Linien, Punkte und Formen, um Bilder darzustellen. Sie können in HTML mit...
Animationen sind im Webdesign wahrlich kein neues Konzept. Vor CSS3 waren Flash und JavaScript die bevorzugten Werkzeuge, um Gegenstände und Elemente auf einem Bildschirm lebhaft in Bewegung zu setzen. Animationen sind ein wirkliches UX-Vergnügen. Animationen können die User Experience einer Seite deutlich aufwerten. Das liegt daran, dass wir Menschen dazu neigen, besser mit dynamischen Umgebungen zu interagieren. Animationen verleihen einem Internetauftritt auch Individualität und Persönlichkeit....
Als der eCommerce seine ersten Schritte machte, boten Unternehmen ihren Kunden massive Rabatte an, damit diese auch tatsächlich im Internet bestellten. Sobald sie den gewünschten Traffic erreicht hatten, verkauften sie die gleichen Produkte wieder zu ihren ursprünglichen Preisen. Niedrige Preise und Angebote sind natürlich wirklich effektiv, um Kunden anzuziehen. Dabei dürfen die Gewinnmargen jedoch nicht zu klein werden. Einen eCommerce-Shop zu betreiben, ist keine leichte...
Im Mittelpunkt des Webdesigns stehen Anker und Bild-Tags. Wie arbeite ich mit Bildern und HTML-Links und manipuliere sie? Diese Frage ist bei Front-End-Entwicklern gerade voll im Trend. Anker bzw. Anchor-Tags sind im Webdesign von großer Bedeutung. Erst sie geben dem Wort World Wide Web wirklich eine Bedeutung. Es sind nämlich die Links, die Websites in einer spinnennetzähnlichen Struktur verbinden und es den Usern ermöglichen, sich...
CSS ist ein Stylesheet, mit dem man HTML-Elemente sorgfältig gestalten kann. Neben der Interaktion mit HTML-Elementen zur Gestaltung, kontrolliert CSS das Aussehen, die Topographie, die Boxmodelle, die Anpassung des Bildschirms/Geräts und das allgemeine Layout einer Webseite. CSS hat eine grundlegende Syntax. Sie besteht aus einem Selektor, einer Eigenschaft und einem Wert, der von einem Deklarationsblock gefolgt wird. p { color: blue; text-transform: uppercase; } Im...
Wenn man mit CSS eine große und umfangreiche Website programmiert, kann das recht schnell ziemlich umständlich werden. Man wiederholt sich oft und schreibt langen, komplizierten und unordentlichen Code. Das Debuggen großer CSS-Seiten kann sich manchmal als echter Albtraum entpuppen. Um hiergegen etwas zu tun, setzen viele Frontend-Entwickler CSS-Präprozessoren ein, von denen SASS der beliebteste und bevorzugte ist. Ein Präprozessor ist ein Programm, das als eine...
Benutzt du schon lange CSS, um schöne Webdesigns und Layouts zu erstellen? Weißt du vielleicht schon ganz gut, wie CSS dir dabei helfen kann, eine fade Webseite etwas aufzufrischen, um der Seite einen wirklich ansprechenden Anstrich zu verleihen? Dabei kann CSS noch viel mehr als deine Seite bloß mit hübschen Fonts und attraktiven Hintergründen etwas aufzuhübschen. Unabhängig davon, wie lange du CSS schon verwendest, bietet...
Der richtige Einsatz von Farben ist bei jedem visuellen Designprojekt von größter Wichtigkeit. Das zentrale Konzept beim Einsatz von Farbe ist es, das richtige Gleichgewicht zwischen Auswahl, Sättigung und Kontrast zu finden. In diesem Artikel werde ich zeigen, wie sich Farbschemata auf Web- und Handy-Apps anwenden lassen und wie primäre und sekundäre Farben kombiniert werden können, um gewünschte Werte und Effekte zu erzeugen. Farbe im...
Die Wörter UI/UX (User Interface und User Experience) sind recht geläufige Schlagwörter in der Designbranche. Viele Designer fallen jedoch unter den UI-Aspekt und konzentrieren sich ausschließlich auf Interfaces, Layouts und das gesamte visuelle Erscheinungsbild einer Website oder App. Die User Experience (Benutzererfahrung) konzentriert sich mehr auf die Interaktionen der Benutzer. Und das unabhängig davon, ob es sich bei der Plattform um eine App, eine Website...
Wir werden erklären, was Personas sind, was sie nicht sind, warum jeder Designer sie verwenden sollte, wenn er Schnittstellen erstellt, die auf bestimmte Benutzergruppen abzielen. Was sind User Personas? User Experience-Designer verwenden Benutzer-Personas in ihrem kreativen Prozess, weil sie Antworten auf drei einfache Fragen im Zusammenhang mit der Erstellung der bestmöglichen Produktpräsentation geben: “Wer? Was? Warum?”. Personas sind fiktive Charaktere, die Designer verwenden, um ein...
Die Ladegeschwindigkeit einer Website und der Linkaufbau sind nach wie vor wesentliche Faktoren, um in den Google-Suchergebnissen voranzukommen, aber ab dem nächsten Jahr tritt ein neuer Faktor in das Interessengebiet ein - User Experience – oder auf deutsch, die Benutzererfahrung. Es gibt viele Indikatoren, welche Google verwendet, um den Wert des Inhalts Ihrer Website zu definieren und um festzustellen, ob er es wert ist, von...
