{"id":133001,"date":"2024-07-26T08:49:00","date_gmt":"2024-07-26T06:49:00","guid":{"rendered":"https:\/\/www.herold.at\/ratgeber\/?p=133001"},"modified":"2025-10-22T09:42:26","modified_gmt":"2025-10-22T07:42:26","slug":"journey-driven-design","status":"publish","type":"post","link":"https:\/\/www.herold.at\/ratgeber\/website-erstellen\/journey-driven-design\/","title":{"rendered":"Journey Driven Design: Wie du dein Webdesign am User orientierst"},"content":{"rendered":"\n\n\n<p><strong>Unternehmen brauchen eine Website, das h\u00f6rt man immer wieder. Weniger bekannt ist hingegen, dass es dabei auch auf das richtige Webdesign ankommt! Daher stellen wir dir heute das Journey Driven Design vor. <\/strong><\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\"><div id=\"ez-toc-container\" class=\"ez-toc-v2_0_17 counter-hierarchy\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\">Inhaltsverzeichnis<\/p>\n<span class=\"ez-toc-title-toggle\"><a class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" style=\"display: none;\"><i class=\"ez-toc-glyphicon ez-toc-icon-toggle\"><\/i><\/a><\/span><\/div>\n<nav><ul class=\"ez-toc-list ez-toc-list-level-1\"><li class=\"ez-toc-page-1 ez-toc-heading-level-2\"><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.herold.at\/ratgeber\/website-erstellen\/journey-driven-design\/#Warum_ist_ein_Journey_Driven_Design_so_wichtig\" title=\"Warum ist ein Journey Driven Design so wichtig?\">Warum ist ein Journey Driven Design so wichtig?<\/a><\/li><li class=\"ez-toc-page-1 ez-toc-heading-level-2\"><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.herold.at\/ratgeber\/website-erstellen\/journey-driven-design\/#Wie_funktioniert_Journey_Driven_Design_konkret\" title=\"Wie funktioniert Journey Driven Design konkret?\">Wie funktioniert Journey Driven Design konkret?<\/a><\/li><li class=\"ez-toc-page-1 ez-toc-heading-level-2\"><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.herold.at\/ratgeber\/website-erstellen\/journey-driven-design\/#3_Vorteile_des_Journey_Driven_Design\" title=\"3 Vorteile&nbsp;des Journey Driven Design\">3 Vorteile&nbsp;des Journey Driven Design<\/a><ul class=\"ez-toc-list-level-3\"><li class=\"ez-toc-heading-level-3\"><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.herold.at\/ratgeber\/website-erstellen\/journey-driven-design\/#1_Du_kennst_die_Nutzerintention\" title=\"#1 Du kennst die Nutzerintention\">#1 Du kennst die Nutzerintention<\/a><\/li><li class=\"ez-toc-page-1 ez-toc-heading-level-3\"><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.herold.at\/ratgeber\/website-erstellen\/journey-driven-design\/#2_Du_steuerst_den_Benutzerfluss\" title=\"#2 Du steuerst den Benutzerfluss\">#2 Du steuerst den Benutzerfluss<\/a><\/li><li class=\"ez-toc-page-1 ez-toc-heading-level-3\"><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.herold.at\/ratgeber\/website-erstellen\/journey-driven-design\/#3_Du_kennst_den_naechsten_Schritt_auf_der_Reise\" title=\"#3 Du kennst den n\u00e4chsten Schritt auf der Reise\">#3 Du kennst den n\u00e4chsten Schritt auf der Reise<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Warum_ist_ein_Journey_Driven_Design_so_wichtig\"><\/span>Warum ist ein Journey Driven Design so wichtig?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Anders als bei anderen Designtypen wie \u201aResponsive Design\u2018 oder \u201aMobile First\u2018 stehen beim&nbsp;<strong>Journey Driven Design<\/strong>&nbsp;nicht die Endger\u00e4te im Mittelpunkt, sondern der&nbsp;<strong>Mensch<\/strong>, der sie nutzt.<\/p>\n\n\n\n<p>Der kleine aber feine Unterschied besteht also darin, dass das Design deiner Website nun&nbsp;<strong>nicht mehr von der Technik bestimmt<\/strong>&nbsp;wird, sondern von den&nbsp;<strong>Usern<\/strong>&nbsp;und ihrem Verhalten.<\/p>\n\n\n\n<p>Webdesigner setzen an einer ganz anderen Stelle an, wenn sie deine Website entwickeln. Dies f\u00fchrt jedoch nicht einfach nur dazu, dass deine Website am Ende&nbsp;<strong>origineller<\/strong>&nbsp;aussieht. <\/p>\n\n\n\n<p>Deine User f\u00fchlen sich im Umgang mit der Website wohler. Alles scheint ihnen leichter von der Hand zu gehen. Alles ist \u201eirgendwie praktisch\u201c. <\/p>\n\n\n\n<p>Sie f\u00fchlen sich verstanden und in ihren&nbsp;<strong>Bed\u00fcrfnissen<\/strong>&nbsp;genau dort abgeholt, wo sie stehen. Ohne<strong>&nbsp;unn\u00f6tigen Hokuspokus<\/strong>, ohne&nbsp;<strong>irrelevante Informationen<\/strong>&nbsp;und ohne&nbsp;<strong>unpassende Auswahlm\u00f6glichkeiten<\/strong>.<\/p>\n\n\n\n<p>Wir befinden uns hier also auf der Ebene der&nbsp;<strong>Intuition<\/strong>. Warum? Weil du und dein Webdesign deiner Kundschaft&nbsp;<strong>immer einen Schritt voraus<\/strong>&nbsp;seid. Deshalb werden deinen Kund:innen es lieben, dir auf Schritt und Tritt zu folgen!<\/p>\n\n\n<div id=\"block_cta_box-block_f847573346395206cbead0a09844e0fc\" class=\"container\">\n    <div class=\"herold_blog_cta_box\">\n        <div class=\"cta_box_text\">\n            Du willst eine Website mit \u00fcberzeugendem Design?        <\/div>\n                <div class=\"cta_box_button_wrapper\">\n            <div class=\"cta_box_button\"><a href=\"https:\/\/www.herold.at\/marketing\/websites\/?utm_source=herold_ratgeber&#038;utm_medium=cta1&#038;utm_campaign=herold_website_lp&#038;utm_content=journey-driven-design\" target=\"_blank\">Alle Details &#038; Preise<\/a><\/div>\n        <\/div>\n            <\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Wie_funktioniert_Journey_Driven_Design_konkret\"><\/span>Wie funktioniert Journey Driven Design konkret?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Du hast dich entschieden, dein&nbsp;Webdesign zu optimieren, um deiner Kundschaft die&nbsp;<strong>perfekte User Experience (UX)<\/strong>&nbsp;zu bieten? Dann musst du deine Webseite zun\u00e4chst einer ausf\u00fchrlichen Web-Analyse unterziehen. Das Tool erster Wahl f\u00fcr eine solch fundierte Analyse:&nbsp;<strong>Google Analytics<\/strong>.<\/p>\n\n\n\n<p>Ziel dieser&nbsp;Webanalyse&nbsp;ist es, wirklich im kleinsten Detail zu verstehen, wie genau sich die einzelnen User auf deiner Website verhalten. Daf\u00fcr musst du ihnen&nbsp;<strong>Schritt f\u00fcr Schritt<\/strong>&nbsp;auf ihrem Weg durch deine Website folgen:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Mit welchem\u00a0<strong>Endger\u00e4t<\/strong>\u00a0haben sie deine Webseite zum ersten Mal besucht? <\/li>\n\n\n\n<li>Wie viel\u00a0<strong>Zeit<\/strong>\u00a0haben sie dort verbracht? <\/li>\n\n\n\n<li>Welche\u00a0<strong>Interaktionen<\/strong>\u00a0fanden statt? <\/li>\n\n\n\n<li>Haben sie zwischenzeitlich das\u00a0<strong>Endger\u00e4t gewechselt<\/strong>? <\/li>\n\n\n\n<li>Welches Ger\u00e4t folgte auf das erste? <\/li>\n\n\n\n<li>Welche Interaktionen fanden dort statt?<\/li>\n<\/ul>\n\n\n\n<p>Wenn du wei\u00dft, welche Handlungen die Website-Nutzer:innen auf welchem Endger\u00e4t durchf\u00fchren, kannst du das jeweilige&nbsp;<strong>Design deiner Website auf den verschiedenen Endger\u00e4ten entsprechend anpassen<\/strong>. Soll hei\u00dfen:<\/p>\n\n\n\n<p>Verwendet ein User f\u00fcr die ersten drei Schritte (z. B. einen \u00dcberblick \u00fcber die Produkte bekommen, Produkte auf einer Warenliste zwischenspeichern und weitershoppen) das Smartphone und wechselt dann zum PC, um den eigentlichen Kaufprozess zu vollziehen, so solltest du diese ersten drei Schritte&nbsp;<strong>f\u00fcr das Smartphone optimieren und die darauf folgenden f\u00fcr den Desktop<\/strong>.<\/p>\n\n\n<div id=\"block_border_block_a9e6ba89661d71bfd82eb91e41f55e9f\" class=\"container\"> \n\n<div class=\"block_highlight_wrapper flex_wrapper herold_gelb_border standard rem2\">\n\n<p><strong>Aber nicht vergessen:<\/strong> Deine Kund:innen nutzen nicht nur deine Website, um dich zu finden. Sei also auch \u00fcberall dort vertreten, wo nach dir gesucht wird (z. B. Branchenverzeichnisse, Google My Business, Navigationssysteme etc.) Zeige\u00a0<strong><a href=\"https:\/\/www.herold.at\/marketing\/onlinecomplete\/?utm_source=herold_ratgeber&amp;utm_medium=link&amp;utm_campaign=herold_oc_lp&amp;utm_content=journey-driven-design\" target=\"_blank\" rel=\"noopener\">Online-Pr\u00e4senz<\/a><\/strong>!<\/p>\n<\/div>\n\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"3_Vorteile_des_Journey_Driven_Design\"><\/span>3 Vorteile&nbsp;des Journey Driven Design<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Das&nbsp;<strong>Journey Driven Design<\/strong>&nbsp;stellt die User ganz klar an erste Stelle. Ganz nach dem Motto:&nbsp;<strong>User First<\/strong>! <\/p>\n\n\n\n<p>Deine Kund:innen werden dies gleich beim ersten Kontakt mit deiner Webseite sp\u00fcren. Denn sie haben von Anfang an das Erlebnis eines&nbsp;<strong>hochwertigen Service<\/strong>, der eben genau zu ihnen und ihren Bed\u00fcrfnissen passt. <\/p>\n\n\n\n<p>Doch auch f\u00fcr dich als Unternehmer:in hat ein benutzerfreundliches Webdesign unz\u00e4hlige Vorteile. Nicht zuletzt bist du dem Gro\u00dfteil&nbsp;<strong>deiner Konkurrenz einen gro\u00dfen Schritt voraus<\/strong>. Eine echte&nbsp;Win-win-Situation!<\/p>\n\n\n\n<p>Wir nennen dir 3 weitere Vorteile\u2026<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"1_Du_kennst_die_Nutzerintention\"><\/span>#1 Du kennst die Nutzerintention<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Du hast herausgefunden, dass deine User das&nbsp;<strong>Smartphone<\/strong>&nbsp;nutzen, um sich unterwegs auf deiner Website erst einmal inspirieren zu lassen? Dann richte die&nbsp;<strong>mobile Version deiner Website<\/strong>&nbsp;dementsprechend ein:<\/p>\n\n\n\n<p><strong>Karusselle mit Bildern<\/strong>&nbsp;von deinen Produkten und&nbsp;<strong>kurze knackige Beschreibungen<\/strong>&nbsp;machen an dieser Stelle der Customer Journey folglich sehr viel mehr Sinn als informationsgeladene Texte und prall gef\u00fcllte Tabellen.<\/p>\n\n\n\n<p>Den&nbsp;<strong>zeitintensiveren Content<\/strong>&nbsp;kannst du dir f\u00fcr die Desktop-Version aufsparen.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"2_Du_steuerst_den_Benutzerfluss\"><\/span>#2 Du steuerst den Benutzerfluss<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Du willst deinen potenziellen Kund:innen eine pers\u00f6nliche&nbsp;<strong>User Experience (UX)<\/strong>&nbsp;bieten? Dann f\u00fchre sie dorthin:<\/p>\n\n\n\n<p>Beim Laden auf deiner Website k\u00f6nntest du deinen Usern zun\u00e4chst nur ein kleines Tutorial anzeigen, das sie mit den n\u00e4chsten Schritten vertraut macht, und sie dann durch die&nbsp;<strong>Erstellung eines Kontos<\/strong>&nbsp;f\u00fchren. <\/p>\n\n\n\n<p>So k\u00f6nntest du im n\u00e4chsten Schritt bereits eine personalisierte Benutzeroberfl\u00e4che bieten (z. B. durch ein Profilbild) und auf diese Weise gezielt Einfluss auf die Erfahrung der Nutzer:innen nehmen.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"3_Du_kennst_den_naechsten_Schritt_auf_der_Reise\"><\/span>#3 Du kennst den n\u00e4chsten Schritt auf der Reise<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Stell dir folgendes Szenario vor: Der&nbsp;<strong>Test deiner Website<\/strong>&nbsp;ergibt, dass neue User zu Anfang nicht \u2013 wie zuerst vermutet \u2013 daran interessiert sind,&nbsp;<strong>Freunde einzuladen<\/strong>, sondern sie wollen erst einmal ihre&nbsp;<strong>Bilder hochladen<\/strong>.<\/p>\n\n\n\n<p>Die&nbsp;<strong>benutzerfreundliche Schlussfolgerung<\/strong>: An erster Stelle der User Journey bietest du deinen Usern an, Bilder hochzuladen, und erst an sp\u00e4terer Stelle f\u00fchrst du die Funktion ein, Freunde einzuladen. Logisch. <\/p>\n\n\n\n<p>So k\u00f6nnen die User smooth durch deine Website gleiten und haben somit eine durch und durch positive Erfahrung.<\/p>\n\n\n<div id=\"block_cta_box-block_2a058f258c143fadb2cab00d805bf933\" class=\"container\">\n    <div class=\"herold_blog_cta_box\">\n        <div class=\"cta_box_text\">\n            Du willst eine benutzerfreundliche Website?        <\/div>\n                <div class=\"cta_box_button_wrapper\">\n            <div class=\"cta_box_button\"><a href=\"https:\/\/www.herold.at\/marketing\/kontakt\/?utm_source=herold_ratgeber&#038;utm_medium=cta2&#038;utm_campaign=b2b_contact&#038;utm_content=journey-driven-design\" target=\"_blank\">Beraten lassen<\/a><\/div>\n        <\/div>\n            <\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column blog_sidebar is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:15%\"><p>[shariff]<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:85%\">\n<div id=\"content-right_column_post-block_bda057b567e0c76ff6f956df0cbaff7f\" class=\"flex_wrapper right_column_post \">\n    <div class=\"autorbox-new\" itemscope itemtype=\"https:\/\/schema.org\/Person\">\n        \n        <div>\n            <p class=\"right_author_name\" itemprop=\"name\"><\/p>\n            <meta itemprop=\"jobTitle\" content=\"\">\n            <p class=\"right_author_role\"><\/p>\n\n                    <\/div>\n    <\/div>\n\n    <\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Unternehmen brauchen eine Website, das h\u00f6rt man immer wieder. Weniger bekannt ist hingegen, dass es dabei auch auf das richtige Webdesign ankommt! Daher stellen wir dir heute das Journey Driven Design vor. Warum ist ein Journey Driven Design so wichtig? Inhaltsverzeichnis Warum ist ein Journey Driven Design so wichtig?Wie funktioniert Journey Driven Design konkret?3 Vorteile&nbsp;des [&hellip;]<\/p>\n","protected":false},"author":26,"featured_media":133313,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[2],"tags":[],"content_art":[],"class_list":["post-133001","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-website-erstellen"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.herold.at\/ratgeber\/wp-json\/wp\/v2\/posts\/133001","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.herold.at\/ratgeber\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.herold.at\/ratgeber\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.herold.at\/ratgeber\/wp-json\/wp\/v2\/users\/26"}],"replies":[{"embeddable":true,"href":"https:\/\/www.herold.at\/ratgeber\/wp-json\/wp\/v2\/comments?post=133001"}],"version-history":[{"count":33,"href":"https:\/\/www.herold.at\/ratgeber\/wp-json\/wp\/v2\/posts\/133001\/revisions"}],"predecessor-version":[{"id":147266,"href":"https:\/\/www.herold.at\/ratgeber\/wp-json\/wp\/v2\/posts\/133001\/revisions\/147266"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.herold.at\/ratgeber\/wp-json\/wp\/v2\/media\/133313"}],"wp:attachment":[{"href":"https:\/\/www.herold.at\/ratgeber\/wp-json\/wp\/v2\/media?parent=133001"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.herold.at\/ratgeber\/wp-json\/wp\/v2\/categories?post=133001"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.herold.at\/ratgeber\/wp-json\/wp\/v2\/tags?post=133001"},{"taxonomy":"content_art","embeddable":true,"href":"https:\/\/www.herold.at\/ratgeber\/wp-json\/wp\/v2\/content_art?post=133001"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}