Wenn Sie die Benutzeroberfläche (UI) für eine App oder eine Webseite entwerfen, spielen UI-Elemente eine entscheidende Rolle dabei, wie Ihre Benutzer mit Ihrer App interagieren, sie erleben und sich mit ihr beschäftigen.Funktionale und ansprechende UI-Elemente führen zu mehr Downloads und aktiven Nutzern, besseren Bindungsraten und einem höheren Lifetime Value (LTV). Im Internet gibt es Tausende von Beispielen, die diese feine Beziehung zwischen visuellen Elementen und...

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...

CSS3-Transformations- und Transitionseigenschaften haben es für Frontend-Entwickler sehr einfach gemacht, Elemente innerhalb einer Koordinate zu erstellen, zu verschieben, umzuformen, zu drehen, zu skalieren und zu übersetzen, ohne dafür JavaScript zu verwenden. Durch das Hinzufügen dieser Eigenschaften zu CSS3 hat sich das Bild des Webs von einem statischen, textähnlichen zu einem dynamischeren, mit visuellen Effekten geladenen Bild gewandelt. Transform ist eine Eigenschaft, mit der man ein...

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...

Bei redaktionellen Fragen oder allem, was mit unserem Blog und den veröffentlichten Artikeln zu tun hat, wenden Sie sich bitte an editor@codecoda.com. Wir freuen uns immer über Anregungen und Kommentare zu unseren Artikeln und lieben Ihr Feedback!