UI/UX

Wie man Gewöhnliches im Webdesign außergewöhnlich macht (Teil 1)

July 19, 2022
|
2
min. Lesezeit
Teilen
Text
inhaltsverzeichnis
Myroslav Budzanivskyi
Mitbegründer und CTO
Holen Sie sich Ihre Projektschätzungen!

Inspirierende Ideen im Webdesign kommen so schnell, dass man sie leicht übersehen kann. Wir sollten also vorsichtig sein und immer daran denken, dass der Trick oft in der Ausführung liegt. Alles kann wunderschön sein.

Wir haben einige Beispiele außergewöhnlicher Ansätze zusammengestellt, die Ihren Blick auf Webdesign erweitern werden.

Clever Way der Glasgow International Pages

Wir sind heutzutage an viel Scrollen gewöhnt, aber die Webseite des Glasgow International Festivals hat einen einfachen, cleveren Weg gefunden, einfach die Seiten kurz zu halten.

Die Homepage von Glasgow International reiht ihre drei Hauptbereiche nebeneinander an und ermöglicht es, sie unabhängig voneinander durchzublättern.

Auf dem Handy bilden dieselben drei Abschnitte eine große Spalte. Es ist eine clevere Lösung für die Beziehung zwischen Handy und Desktop, und auch eine ziemlich elegante.

Das CSS dahinter ist entsprechend einfach. Die drei Abschnitte befinden sich in einem Flex-Container, wobei alle drei die Werte overflow-y: auto; und height: 100vh; gemeinsam haben, sodass sie immer in den Desktop-Viewport passen. Das wirklich nette Detail dabei ist, scrollbar-width: auto; zu verwenden, um die Seitenleiste zu entfernen. Da die Spalten den gesamten Bildschirm einnehmen, erfährst du intuitiv, wie die Seite funktioniert, sobald du deine Maus bewegst.

Kenta Toshikuras Website: Denken in drei Dimensionen

Eine der Seiten der Woche auf Awwwards war diese Portfolio-Website des japanischen Frontend-Entwicklers Kenta Toshikura. Es ist einfach atemberaubend.

Das 3D-Karussell der Landingpage auf der Homepage von Kenta Toshikura ist so elegant gestaltet, dass man es fast für möglich hält, durch den Bildschirm in eine alternative CSS-Dimension zu fallen.

Im Zweifelsfall tendieren wir dazu, zu flachen, modularen Anordnungen zu tendieren, aber vielleicht sollten wir etwas öfter dreidimensional denken. Dies ist ein fantastisches Beispiel für Querdenken, das leicht eine Reihe von Boxen hätte sein können, in etwas wirklich Einprägsames verwandelt.

Die Dokumentation von Beautiful Stripe

Die Dokumentation ist allzu oft eines der ersten Opfer des kilometerlangen Tempos des Internets. Das muss es nicht sein. Ich habe keine Bedenken, anzurufen Stripes Dokumentation wunderschön.

Die Anweisungen auf Stripe.com werden von einer vollständigen Codevorschau begleitet, wobei je nach Abschnitt, den Sie gerade lesen, unterschiedliche Zeilen hervorgehoben sind.

Ich bin mir sicher, dass die meisten von uns genug schlechte Unterlagen durchgemacht haben, um den Aufwand zu würdigen, der in diesen Ansatz gesteckt wurde. Klare, hierarchische Navigation für den Inhalt, kleine Step-by-Step-Kopie und natürlich die Codefragmente. Dynamische Vorschauen von Code auf mehreren Plattformen und Sprachen sind mehr als das, aber warum sollte sie es dann nicht sein?

Es gibt nur wenige Dinge, die wertvoller — und schwer fassbarer — sind als hochwertige Lernressourcen. Stripe zeigt, dass es online eine Welt von Möglichkeiten gibt, die über die Standardwörter auf einer Seite hinausgehen.

Quelle: https://www.smashingmagazine.com/

Überschrift 1

Überschrift 2

Überschrift 3

Überschrift 4

Überschrift 5

Überschrift 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Zitat blockieren

Bestellte Liste

  1. Punkt 1
  2. Punkt 2
  3. Punkt 3

Ungeordnete Liste

  • Artikel A
  • Artikel B
  • Punkt C

Textlink

Fettgedruckter Text

Betonung

Hochgestellt

Index

UI/UX
Bewerte diesen Artikel!
Danke! Deine Einreichung ist eingegangen!
Hoppla! Beim Absenden des Formulars ist etwas schief gelaufen.
24
Bewertungen, Durchschnitt
4.7
von 5
July 19, 2022
Teilen
Text
July 27, 2022
|
4
min. Lesezeit

Warum ukrainische Softwareentwickler einstellen: 5 gute Gründe

Entdecken Sie, warum ukrainische Softwareentwickler die ideale Wahl für Ihr nächstes Projekt sind. Erfahren Sie mehr über ihre starken technischen Fähigkeiten, ihre kulturelle Ausrichtung, ihre Wirtschaftlichkeit und vieles mehr.

von Konstantin Karpushin, Myroslav Budzanivskyi
Lesen Sie mehr
Lesen Sie mehr
November 6, 2024
|
6
min. Lesezeit

Warum ein PoC über Erfolg oder Misserfolg Ihres Projekts entscheiden kann: Wichtige Schritte zum Nachweis der Machbarkeit

Ein Proof of Concept (PoC) ist entscheidend für den Projekterfolg, um die Machbarkeit zu validieren, Risiken zu minimieren und die Zustimmung der Stakeholder zu sichern.

von Konstantin Karpushin
Lesen Sie mehr
Lesen Sie mehr
October 28, 2024
|
7
min. Lesezeit

Was ist Usability-Testing? Ein umfassender Leitfaden

Entdecken Sie in diesem umfassenden Leitfaden die Grundlagen von Usability-Tests. Erfahren Sie, warum dies der Schlüssel zum Produkterfolg ist, welche Arten von Testmethoden es gibt und welche praktischen Schritte zur Optimierung der Benutzererfahrung erforderlich sind.

von Ananga Thapaliya
UI/UX
Lesen Sie mehr
Lesen Sie mehr
October 21, 2024
|
6
min. Lesezeit

Was kostet es, eine Website neu zu gestalten?

Entdecken Sie die wichtigsten Faktoren, die die Kosten einer Neugestaltung einer Website beeinflussen, von der Komplexität des Designs bis hin zur E-Commerce-Funktionalität. Erfahren Sie, wie Sie effektiv budgetieren und Funktionen für eine erfolgreiche, moderne Online-Präsenz priorisieren können.

von Konstantin Karpushin
UI/UX
Lesen Sie mehr
Lesen Sie mehr
September 30, 2024
|
6
min. Lesezeit

DevSecOps verstehen: Sicherheit in DevOps integrieren

Erfahren Sie, wie Sie mit DevSecOps Sicherheit in Ihre DevOps-Pipeline integrieren können. Entdecken Sie die wichtigsten Prinzipien, Vorteile, Herausforderungen und Best Practices für eine sichere und effiziente Softwareentwicklung.

von Myroslav Budzanivskyi
DevOps
Lesen Sie mehr
Lesen Sie mehr
July 10, 2024
|
5
min. Lesezeit

UI/UX Design: Unsere Top 5 Designtools für 2024 und darüber hinaus

Entdecken Sie die 5 wichtigsten UI/UX-Designtools für 2024, die Ihren Designprozess revolutionieren werden. Erfahren Sie mehr über Figma, Sketch, Webflow, Framer und Axure RP und wie sie die Zusammenarbeit, das Prototyping und die Benutzererfahrung verbessern können.

von Ananga Thapaliya
UI/UX
Lesen Sie mehr
Lesen Sie mehr
August 12, 2024
|
6
min. Lesezeit

Trends im Design mobiler Benutzeroberflächen: Erkundung von Minimalismus und Maximalismus

Erkunden Sie die neuesten Trends im Design mobiler Benutzeroberflächen und konzentrieren Sie sich dabei auf die Kontraste und Synergien zwischen Minimalismus und Maximalismus.

von Ananga Thapaliya
UI/UX
Lesen Sie mehr
Lesen Sie mehr
November 7, 2022
|
3
min. Lesezeit

Die 5 besten Designtools für 2022

Entdecken Sie die fünf wichtigsten UI/UX-Designtools, die Ihren Arbeitsablauf optimieren und die Produktivität steigern. Von Avocode und Sketch bis hin zu Framer, UXPin und Figma.

von Ananga Thapaliya
UI/UX
Lesen Sie mehr
Lesen Sie mehr
July 15, 2024
|
7
min. Lesezeit

Die besten Frameworks für die Entwicklung mobiler Apps im Jahr 2024

Entdecken Sie die wichtigsten Frameworks für die mobile App-Entwicklung 2024, darunter Flutter, React Native, Xamarin und mehr. Erfahren Sie, warum Entwickler weltweit diese für ihre Effizienz und Vielseitigkeit bevorzugen.

von Myroslav Budzanivskyi
Lesen Sie mehr
Lesen Sie mehr
October 21, 2024
|
7
min. Lesezeit

Die wichtigsten HealthTech-Innovationen, die die Patientenversorgung im Jahr 2024 verändern

Entdecken Sie die HealthTech-Innovationen 2024, die die Patientenversorgung verändern, darunter KI-Diagnostik, tragbare Geräte, Telemedizin und 3D-Druck. Erfahren Sie, wie diese Fortschritte die Gesundheitsversorgung revolutionieren.

von Konstantin Karpushin
Gesundheitstechnologie
Lesen Sie mehr
Lesen Sie mehr

Lass uns zusammenarbeiten

Haben Sie ein Projekt im Sinn?
Erzählen Sie uns alles über Ihr Projekt oder Produkt, wir helfen Ihnen gerne weiter.
+1 302 688 70 80
business@codebridge.tech
Datei anhängen
Mit dem Absenden dieses Formulars stimmen Sie der Verarbeitung Ihrer über das obige Kontaktformular hochgeladenen personenbezogenen Daten gemäß den Bedingungen von Codebridge Technology, Inc. zu. s Datenschutzrichtlinie.

Danke!

Ihre Einreichung ist eingegangen!

Was kommt als Nächstes?

1
Unsere Experten analysieren Ihre Anforderungen und setzen sich innerhalb von 1-2 Werktagen mit Ihnen in Verbindung.
2
Unser Team sammelt alle Anforderungen für Ihr Projekt und bei Bedarf unterzeichnen wir eine Vertraulichkeitsvereinbarung, um ein Höchstmaß an Datenschutz zu gewährleisten.
3
Wir entwickeln einen umfassenden Vorschlag und einen Aktionsplan für Ihr Projekt mit Schätzungen, Zeitplänen, Lebensläufen usw.
Hoppla! Beim Absenden des Formulars ist etwas schief gelaufen.

Wie man Gewöhnliches im Webdesign außergewöhnlich macht (Teil 1)

Inspirierende Ideen im Webdesign kommen so schnell, dass man sie leicht übersehen kann. Wir sollten also vorsichtig sein und immer daran denken, dass der Trick oft in der Ausführung liegt. Alles kann wunderschön sein.

Wir haben einige Beispiele außergewöhnlicher Ansätze zusammengestellt, die Ihren Blick auf Webdesign erweitern werden.

Warum ukrainische Softwareentwickler einstellen: 5 gute Gründe

Die Ukraine hat sich als eines der am stärksten digitalisierten Länder der Welt etabliert. Sie leistet Pionierarbeit bei Innovationen wie dem digitalen Reisepass und gehört zu den ersten in Europa, die digitale Führerscheine einführen. Mit ihrer boomenden IT-Outsourcing-Branche wird die Ukraine zu einem beliebten Ziel für Unternehmen, die erstklassige Softwareentwicklungsdienstleistungen suchen. Wenn Sie immer noch unentschlossen sind, mit ukrainischen Entwicklungsteams zusammenzuarbeiten, finden Sie hier fünf überzeugende Gründe, warum Sie eine Einstellung in Betracht ziehen sollten Ukrainische Softwareentwickler.

Warum ein PoC über Erfolg oder Misserfolg Ihres Projekts entscheiden kann: Wichtige Schritte zum Nachweis der Machbarkeit

In der Produktentwicklung ist der Weg vom Konzept bis zur Markteinführung mit Risiken behaftet. Eine der größten Herausforderungen besteht darin, festzustellen, ob Ihre Idee aus technischer und geschäftlicher Sicht tatsächlich umgesetzt werden kann. Hier wird ein Proof of Concept (PoC) von unschätzbarem Wert. Ein PoC kann entweder die Machbarkeit Ihres Projekts validieren oder kritische Mängel aufdecken, die möglicherweise schon früh übersehen wurden.

In diesem Artikel werden wir untersuchen, warum ein PoC für den Erfolg Ihres Projekts entscheidend ist, welche wichtigsten Schritte bei der Erstellung eines PoC erforderlich sind und wie Sie sicherstellen können, dass Ihr PoC die Machbarkeit Ihres Konzepts effektiv beweist.

Was ist Usability-Testing? Ein umfassender Leitfaden

In der heutigen hart umkämpften digitalen Landschaft reicht es nicht mehr aus, ein funktionales Produkt zu haben. Egal, ob es sich um eine Website, eine mobile App oder irgendeine Art von Software handelt, die Benutzererfahrung (UX) spielt eine entscheidende Rolle bei der Bestimmung des Erfolgs. Hier kommen Usability-Tests ins Spiel — ein Prozess, bei dem bewertet wird, wie einfach und intuitiv ein Produkt für echte Benutzer ist.

Bei Usability-Tests geht es nicht nur darum, Bugs oder Fehler zu finden, sondern auch sicherzustellen, dass Ihr Produkt benutzerfreundlich, intuitiv und effizient ist. In diesem umfassenden Leitfaden werden wir untersuchen, was Usability-Tests sind, warum sie wichtig sind, welche verschiedenen Arten von Usability-Tests es gibt und wie sie effektiv durchgeführt werden können.

Was kostet es, eine Website neu zu gestalten?

Eine Neugestaltung einer Website kann eine erhebliche Investition sein, aber oft ist es notwendig, Ihre Online-Präsenz modern und funktional zu halten und auf Ihre Geschäftsziele abzustimmen. Die Kosten für die Neugestaltung einer Website sind sehr unterschiedlich und hängen von einer Reihe von Faktoren ab, darunter dem Umfang der Neugestaltung, der Komplexität der Website, dem Grad der Anpassung und der Erfahrung des Designteams. Egal, ob Sie eine Website für kleine Unternehmen aktualisieren oder eine Plattform auf Unternehmensebene überarbeiten möchten, das Verständnis der Kostenaufschlüsselung ist für die Budgetierung und Planung von entscheidender Bedeutung.

In diesem Artikel werden wir die wichtigsten Faktoren untersuchen, die die Kosten für die Neugestaltung einer Website beeinflussen, wie Funktionen priorisiert werden können und was in Bezug auf die Preisgestaltung auf verschiedenen Ebenen der Neugestaltung zu erwarten ist.

DevSecOps verstehen: Sicherheit in DevOps integrieren

In der heutigen schnelllebigen digitalen Welt stehen Unternehmen unter ständigem Druck, Software schneller zu entwickeln und bereitzustellen und gleichzeitig ein hohes Sicherheitsniveau aufrechtzuerhalten. Traditionelle Softwareentwicklungsmodelle betrachteten Sicherheit oft als Nebensache und fügten sie am Ende des Prozesses hinzu. Da Cyberbedrohungen jedoch immer ausgefeilter und häufiger werden, setzt sich die Erkenntnis durch, dass Sicherheit in jede Phase des Softwareentwicklungszyklus (SDLC) integriert werden muss. An dieser Stelle kommt DevSecOps ins Spiel.

DevSecOps steht für Entwicklung, Sicherheit und Betrieb. Es ist eine Weiterentwicklung des DevOps-Ansatzes und betont die Einbeziehung von Sicherheitspraktiken in die DevOps-Pipeline. Durch die direkte Einbettung der Sicherheit in den Workflow stellt DevSecOps sicher, dass Anwendungen von Anfang an sicher sind, ohne dass Geschwindigkeit oder Agilität beeinträchtigt werden. Dieser Artikel bietet einen umfassenden Leitfaden zum Verständnis von DevSecOps und seinen Vorteilen, Herausforderungen und Best Practices für die Integration von Sicherheit in Ihre Entwicklungspipeline.

NEUES JAHR, NEUE ZIELE: Starten Sie noch heute Ihre SaaS-Entwicklungsreise und sichern Sie sich exklusive Rabatte für die nächsten 3 Monate!
Schau es dir hier an >>