[{"data":1,"prerenderedAt":5145},["ShallowReactive",2],{"story:de:de/conversion-rate-optimization/praxistipps-conversion-optimierung-mit-facetten-suche-filternavigation":3,"icon:chevron-right":1964,"icon:envelope":1965,"icon:linked-in":1966,"icon:x":1967,"icon:facebook":1968,"icon:cross":1969,"blog-teaser::/conversion-rate-optimization/praxistipps-conversion-optimierung-mit-facetten-suche-filternavigation:1":1970},[4,901],{"story":5,"cv":720,"rels":721,"links":893},{"name":6,"created_at":7,"published_at":8,"updated_at":9,"id":10,"uuid":11,"content":12,"slug":713,"full_slug":714,"sort_by_date":118,"position":715,"tag_list":716,"is_startpage":81,"parent_id":121,"meta_data":118,"group_id":717,"first_published_at":718,"release_id":118,"lang":124,"path":118,"alternates":719,"default_full_slug":118,"translated_slugs":118},"Settings","2025-02-26T17:11:48.854Z","2025-12-11T08:40:21.040Z","2025-12-11T08:40:21.063Z",632563359,"83ad7de7-b46f-48d7-9edc-3d89061e3d4f",{"_uid":13,"footer":14,"header":126,"component":499,"blog_read_more":500,"error_page_body":501,"error_page_head":671,"blog_author_head":687,"blog_bottom_head":701,"blog_sidebar_cta":702,"error_page_title":679,"blog_reading_time":703,"blog_bottom_buttons":704,"error_page_subtitle":685,"blog_meta_label_author":709,"blog_table_of_contents":710,"blog_meta_label_reading_time":711,"blog_meta_label_reading_minutes":712},"95ccfc97-3659-4608-8990-0248adfa1881",{"name":15,"created_at":7,"published_at":16,"updated_at":17,"id":18,"uuid":19,"content":20,"slug":116,"full_slug":117,"sort_by_date":118,"position":119,"tag_list":120,"is_startpage":51,"parent_id":121,"meta_data":118,"group_id":122,"first_published_at":123,"release_id":118,"lang":124,"path":118,"alternates":125,"default_full_slug":118,"translated_slugs":118,"_stopResolving":81},"Footer","2026-10-07T08:04:25.947Z","2026-10-07T08:04:25.973Z",632563360,"f91caf23-4392-4247-a497-5a33b5f8b0e2",{"cta":21,"_uid":45,"logo":46,"links":52,"component":82,"copyright":83,"logo_link":84,"legal_links":87},[22],{"_uid":23,"buttons":24,"caption":38,"component":43,"caption_position":44},"647620f2-206f-41a8-a066-1a9bcfafbedc",[25],{"_uid":26,"icon":27,"link":28,"text":34,"intent":35,"component":36,"icon_position":37},"290b992e-f2fa-47b9-805d-e59ebaab0660","chevron-right",{"id":29,"url":30,"linktype":31,"fieldtype":32,"cached_url":33},"dda7b895-91ef-4e7f-a501-501bafa8bc2b","","story","multilink","de/newsletter","Know-how ins Postfach","primary","util-button","leading",{"type":39,"content":40},"doc",[41],{"type":42},"paragraph","item-action-buttons","center","63d8b1e8-ed60-47da-be57-40b9eed794a0",{"id":47,"alt":30,"name":30,"focus":30,"title":30,"source":30,"filename":48,"copyright":30,"fieldtype":49,"meta_data":50,"is_external_url":51},22764167,"https://a.storyblok.com/f/328018/236x25/9dd018f217/logo-bk.svg","asset",{},false,[53,60,66,72],{"_uid":54,"link":55,"text":58,"component":59},"31741abf-7693-4e4f-9502-d2c322e40b4f",{"id":56,"url":30,"linktype":31,"fieldtype":32,"cached_url":57},"ceb695b8-32ca-4bcc-b418-0148c2a00dc8","de/conversion-optimierung","Conversion-Optimierung","util-link",{"_uid":61,"link":62,"text":65,"type":30,"component":59},"e0155237-ab2f-4584-8cd8-2bfd210973c1",{"id":63,"url":30,"linktype":31,"fieldtype":32,"cached_url":64},"5df5215d-7c85-44aa-a463-137a895ed5f2","de/personalisierung","Personalisierung",{"_uid":67,"link":68,"text":71,"component":59},"2fc5d177-de04-4a95-b66f-83dd15c604e7",{"id":69,"url":30,"linktype":31,"fieldtype":32,"cached_url":70},"8c7b080c-9822-4a6e-ac1a-d3ac1930d644","de/kontakt","Kontakt",{"_uid":73,"link":74,"text":78,"component":59},"a84a6018-72c7-403e-a16d-9033ec862d46",{"id":75,"url":30,"linktype":31,"fieldtype":32,"cached_url":76,"story":77},"d678066e-5183-42ca-9740-53aef05840bc","de/ueber-uns/karriere",{"name":78,"id":79,"uuid":75,"slug":80,"url":76,"full_slug":76,"_stopResolving":81},"Karriere",61774610481128,"karriere",true,"core-footer","© 2026 konversionsKRAFT AG",{"id":85,"url":30,"linktype":31,"fieldtype":32,"cached_url":86},"f74c775f-6663-471d-8909-a2c89001a39f","de/",[88,94,100,106,112],{"_uid":89,"link":90,"text":93,"component":59},"de414811-3677-47d5-9976-0b0ffcbf33cb",{"id":91,"url":30,"linktype":31,"fieldtype":32,"cached_url":92},"ff78948e-62fc-4366-bb99-35a4e445f7b7","de/datenschutzerklaerung","Datenschutz",{"_uid":95,"link":96,"text":99,"component":59},"61a55edc-2e44-4c34-85ee-592092d40fff",{"id":97,"url":30,"linktype":31,"fieldtype":32,"cached_url":98},"db985f58-3c1f-4682-a22c-1e309a879bfc","de/allgemeine-geschaeftsbedingungen","AGB",{"_uid":101,"link":102,"text":105,"component":59},"9dd6dd9c-8099-46cb-94eb-7a2eff25cafb",{"id":103,"url":30,"linktype":31,"fieldtype":32,"cached_url":104},"8844a87b-92ca-4340-ad83-45623ec51d28","de/impressum","Impressum",{"_uid":107,"link":108,"text":111,"component":59},"1c9552b5-81f7-49e0-b7c7-7f78e48fe757",{"id":109,"url":30,"linktype":31,"fieldtype":32,"cached_url":110},"c180fc5b-1552-4f9a-8096-7522c2fc74b8","de/barrierefreiheitserklaerung","Barrierefreiheitserklärung",{"_uid":113,"link":114,"text":115,"component":59},"7c9e9042-51c1-4e2d-b44e-43b819a28273",{"id":97,"url":30,"linktype":31,"fieldtype":32,"cached_url":98},"Cookies","footer","de/_settings/footer",null,-30,[],632563353,"265f0d28-1033-4059-a49d-3cbad3c63dd2","2025-05-05T09:35:19.813Z","default",[],{"name":127,"created_at":7,"published_at":128,"updated_at":129,"id":130,"uuid":131,"content":132,"slug":492,"full_slug":493,"sort_by_date":118,"position":494,"tag_list":495,"is_startpage":51,"parent_id":121,"meta_data":118,"group_id":496,"first_published_at":497,"release_id":118,"lang":124,"path":118,"alternates":498,"default_full_slug":118,"translated_slugs":118,"_stopResolving":81},"Header","2026-10-07T11:10:10.189Z","2026-10-07T11:10:10.205Z",632563358,"2f01a7ab-082d-45e9-adbe-b223c4ba9feb",{"_uid":133,"link":134,"logo":137,"links":141,"buttons":487,"component":491},"5ff93704-f742-47ed-92db-e5b13f03564b",{"id":30,"url":135,"linktype":136,"fieldtype":32,"cached_url":135},"https://www.konversionskraft.de","url",{"id":138,"alt":30,"name":30,"focus":30,"title":30,"source":30,"filename":139,"copyright":30,"fieldtype":49,"meta_data":140,"is_external_url":51},21395391,"https://a.storyblok.com/f/328018/300x31/362acdb1c8/kk-logo-white.svg",{},[142,190,244,293,432,443],{"_uid":143,"link":144,"links":147,"title":188,"component":189},"b2cf1eaa-6274-4de9-bf12-eec7e5df59f9",{"id":145,"url":30,"linktype":31,"fieldtype":32,"cached_url":146},"147973fb-7b43-4d6d-a404-ab2c0678fbc2","de/loesungen/",[148,153,158,164,170,176,182],{"_uid":149,"link":150,"text":58,"component":59},"3a7093f2-25df-4ed5-b335-805febe74512",{"id":151,"url":30,"linktype":31,"fieldtype":32,"cached_url":152},"c9021c39-1839-49c7-98c4-4014de8cfe28","de/loesungen/conversion-optimierung",{"_uid":154,"link":155,"text":65,"component":59},"159678a7-7dd0-460b-b9d9-8741afdc2b23",{"id":156,"url":30,"linktype":31,"fieldtype":32,"cached_url":157},"3f593847-2edc-4128-9330-e5bd0c0cdeb8","de/loesungen/personalisierung-ueberblick",{"_uid":159,"link":160,"text":163,"component":59},"4214b02c-039c-4a9c-b545-3cbce68afe82",{"id":161,"url":30,"linktype":31,"fieldtype":32,"cached_url":162},"2f790b38-6102-44bf-be14-30eb612116b7","de/loesungen/redesign-absicherung","Relaunch-/Redesign-Absicherung",{"_uid":165,"link":166,"text":169,"component":59},"328ea4fc-4b3f-47ec-b944-44bd93652d5e",{"id":167,"url":30,"linktype":31,"fieldtype":32,"cached_url":168},"556166c5-b13e-4cb7-9f29-b3ee70e89da5","de/loesungen/mehr-marketingeffizienz","Online-Marketing & Kampagnenoptimierung",{"_uid":171,"link":172,"text":175,"component":59},"836ef4eb-2dc4-419e-b607-99f8e0a55eea",{"id":173,"url":30,"linktype":31,"fieldtype":32,"cached_url":174},"f0d0c226-175e-437e-9ec3-2a774d53176b","de/loesungen/kundenbindung-loyalty","Kundenbindung & Loyalty",{"_uid":177,"link":178,"text":181,"component":59},"b4b4fb97-e791-42a6-b3a1-b1eff37e39cc",{"id":179,"url":30,"linktype":31,"fieldtype":32,"cached_url":180},"8384ac3d-99d5-450c-a366-97de897ba6c4","de/loesungen/kundenzentrierung","Kundenzentrierte Test-/Experimentierkultur",{"_uid":183,"link":184,"text":187,"component":59},"6bb72781-75bb-447e-8c30-4e3731e74c1b",{"id":185,"url":30,"linktype":31,"fieldtype":32,"cached_url":186},"3e74fa84-d5dd-4989-9b54-dc4b17d78d61","de/loesungen/product-discovery","Produktentwicklung & MVP-Begleitung","Lösungen","util-link-list",{"_uid":191,"link":192,"links":195,"title":243,"component":189},"c72751dc-01ca-4393-88d5-f98044c20dfe",{"id":193,"url":30,"linktype":31,"fieldtype":32,"cached_url":194},"3d5d20be-27f5-4633-85b0-bd2e681643a7","de/case-studies/case-study-ueberblick",[196,202,208,213,219,225,231,237],{"_uid":197,"link":198,"text":201,"component":59},"7842509a-13c2-4d57-887d-eca5e88c29c0",{"id":199,"url":30,"linktype":31,"fieldtype":32,"cached_url":200},"432ec656-e9cb-4462-85f3-0d653d33bcd3","de/case-studies/case-study-betzold","Betzold: Personalisierung für KMU",{"_uid":203,"link":204,"text":207,"component":59},"edd83cb1-2bb0-469a-8007-d76d26c94804",{"id":205,"url":30,"linktype":31,"fieldtype":32,"cached_url":206},"b2f8d181-b222-4b79-a35a-ffc813533953","de/case-studies/case-study-freenet-ag","Freenet: CRO Team aufbauen & Inhousing",{"_uid":209,"link":210,"text":212,"component":59},"c43a5159-7404-431a-a873-696fc2415618",{"id":30,"url":211,"linktype":136,"fieldtype":32,"cached_url":211},"https://www.konversionskraft.de/innovationsmanagement/design-sprints.html","Telefonica: Innovation mit Design Sprints",{"_uid":214,"link":215,"text":218,"component":59},"79bdb63a-dd36-468f-ad57-1ff6352335ff",{"id":216,"url":30,"linktype":31,"fieldtype":32,"cached_url":217},"9da92b5c-0b48-463c-96af-f324d5951218","de/case-studies/case-study-computeruniverse","computeruniverse: Echtzeit Personalisierung",{"_uid":220,"link":221,"text":224,"component":59},"ed7cefbb-abbd-4bbe-ad78-97923943a968",{"id":222,"url":30,"linktype":31,"fieldtype":32,"cached_url":223},"bbad9c18-473e-4035-bb5a-9ec561f46a1d","de/case-studies/case-study-goertz","Görtz: Design Driven Relaunch",{"_uid":226,"link":227,"text":230,"component":59},"0025c2b0-0253-444d-89be-9bbae77b66fd",{"id":228,"url":30,"linktype":31,"fieldtype":32,"cached_url":229},"c6eccf7f-3c04-4d2e-84d7-aca24c02131a","de/case-studies/case-study-haufe","Haufe: Customer Centricity",{"_uid":232,"link":233,"text":236,"component":59},"ce573bb0-0e46-4c94-a737-bec58af9b6b3",{"id":234,"url":30,"linktype":31,"fieldtype":32,"cached_url":235},"0d6607f2-7b17-4248-877e-fab97adadbbd","de/case-studies/case-study-aldi-sued-personalisierung","ALDI Süd: Kanalübergreifende Personalisierung",{"_uid":238,"link":239,"text":242,"component":59},"155dbddf-9f79-4a6e-a17e-9c044fba1145",{"id":240,"url":30,"linktype":31,"fieldtype":32,"cached_url":241},"cb05cdff-2855-4e30-8abe-b7c60fb50e07","de/ressourcen/studien/download-grow-report","G.R.O.W. Report & Canvas - Download","Cases",{"_uid":245,"link":246,"links":249,"title":292,"component":189},"290333ca-9ef6-4c0d-8878-f5c285374311",{"id":247,"url":30,"linktype":31,"fieldtype":32,"cached_url":248},"0a47fb29-43c0-480d-8192-fdec9bed2a00","de/branchen/",[250,256,262,268,274,280,286],{"_uid":251,"link":252,"text":255,"component":59},"e03779ff-4a0c-492b-a23f-82cc41ce1b42",{"id":253,"url":30,"linktype":31,"fieldtype":32,"cached_url":254},"9db23777-e782-4660-8772-9f6b5706455e","de/branchen/banking-finance","Banking & Finance",{"_uid":257,"link":258,"text":261,"component":59},"f87e851a-7b12-4e65-8e92-329f5c9320c3",{"id":259,"url":30,"linktype":31,"fieldtype":32,"cached_url":260},"df24ecee-0472-4e18-b719-98ae5a7eaf30","de/branchen/b2b","B2B",{"_uid":263,"link":264,"text":267,"component":59},"2e8b4eaa-1fc5-445c-976f-bf38a081e21f",{"id":265,"url":30,"linktype":31,"fieldtype":32,"cached_url":266},"bdd1cf11-ef56-4696-be69-fa57208726f9","de/branchen/ngo","Non-Governmental Organisations",{"_uid":269,"link":270,"text":273,"component":59},"fbfa0f52-59fb-4fe2-9124-29860f34613f",{"id":271,"url":30,"linktype":31,"fieldtype":32,"cached_url":272},"f6d46912-5fe2-4540-9d5b-c06a31e49306","de/branchen/telekommunikation","Telekommunikation",{"_uid":275,"link":276,"text":279,"component":59},"2c8f964f-f25d-47fe-ac8f-e11f53673926",{"id":277,"url":30,"linktype":31,"fieldtype":32,"cached_url":278},"7bfaf1a9-5c8e-4a08-92ce-80b5ed12e311","de/branchen/e-commerce","E-Commerce",{"_uid":281,"link":282,"text":285,"component":59},"7657fffb-c9f6-47f7-a970-a9a623d59aca",{"id":283,"url":30,"linktype":31,"fieldtype":32,"cached_url":284},"d972d186-d012-40ec-94bf-d6f072c006bd","de/branchen/conversion-optimierung-travel","Travel & Entertainment",{"_uid":287,"link":288,"text":291,"component":59},"95e5bd1c-820a-404c-9425-fa5726f46039",{"id":289,"url":30,"linktype":31,"fieldtype":32,"cached_url":290},"adec7223-27fe-48be-895d-542dd2154619","de/branchen/d2c","D2C","Branchen",{"_uid":294,"link":295,"links":298,"title":431,"component":189},"78233a78-d66e-44e6-9bc6-f04e21981a36",{"id":296,"url":30,"linktype":31,"fieldtype":32,"cached_url":297},"2868c027-4bca-49d6-a93e-64534a555c46","de/know-how-tools",[299,303,309,315,321,325,335,341,346,356,362,368,374,380,386,392,396,401,407,413,419,425],{"_uid":300,"link":301,"text":302,"component":59},"e1000000-0000-4000-8000-000000000001",{"id":56,"url":30,"linktype":31,"fieldtype":32,"cached_url":57},"Ratgeber: Was ist Conversion-Optimierung?",{"_uid":304,"link":305,"text":308,"component":59},"e1000000-0000-4000-8000-000000000002",{"id":306,"url":30,"linktype":31,"fieldtype":32,"cached_url":307},"c3fa47db-d9f1-440c-90f1-5edb09eff03b","de/customer-journey","Ratgeber: Was ist eine Customer Journey?",{"_uid":310,"link":311,"text":314,"component":59},"e1000000-0000-4000-8000-000000000003",{"id":312,"url":30,"linktype":31,"fieldtype":32,"cached_url":313},"cda69b30-8362-4d2d-80a3-ef4b9f11178a","de/ab-testing","Ratgeber: Was ist A/B-Testing?",{"_uid":316,"link":317,"text":320,"component":59},"e1000000-0000-4000-8000-000000000004",{"id":318,"url":30,"linktype":31,"fieldtype":32,"cached_url":319},"2c10eaf4-b33d-43f0-ac03-831a2c9513f2","de/cro-agentur-finden","Ratgeber: Wie finde ich eine gute CRO-Agentur?",{"_uid":322,"link":323,"text":324,"component":59},"e1000000-0000-4000-8000-000000000005",{"id":63,"url":30,"linktype":31,"fieldtype":32,"cached_url":64},"Ratgeber: Was ist Personalisierung?",{"_uid":326,"link":327,"text":334,"component":59},"5b065a95-dc2c-4157-9cce-36a5491d748a",{"id":328,"url":30,"linktype":31,"fieldtype":32,"cached_url":329,"story":330},"f3c858d2-69c1-4782-a66c-03634b2258f6","de/weiterbildung/uebersicht-der-weiterbildungsangebote",{"name":331,"id":332,"uuid":328,"slug":333,"url":329,"full_slug":329,"_stopResolving":81},"Übersicht der Weiterbildungsangebote",61789049106112,"uebersicht-der-weiterbildungsangebote","Academy - E-Kurse & Schulungen",{"_uid":336,"link":337,"text":340,"component":59},"7f66786d-3901-4f91-b78b-5363f8a34cbd",{"id":338,"url":30,"linktype":31,"fieldtype":32,"cached_url":339},"cb7da046-7dd0-466b-a99d-5e01142617f1","de/ressourcen/download-bibliothek","Download Bibliothek - E-Books, Studien, Frameworks",{"_uid":342,"link":343,"text":345,"component":59},"8eb16b14-6456-4a01-8f2c-aa930c24ac5d",{"id":328,"url":30,"linktype":31,"fieldtype":32,"cached_url":329,"story":344},{"name":331,"id":332,"uuid":328,"slug":333,"url":329,"full_slug":329,"_stopResolving":81},"Weiterbildungen im Überblick",{"_uid":347,"link":348,"text":355,"component":59},"aff38e25-0be7-4a95-8247-7875f706c31d",{"id":349,"url":30,"linktype":31,"fieldtype":32,"cached_url":350,"story":351},"59affe36-02b5-42a7-9ef1-a2ea2e34bc71","de/webinare/",{"name":352,"id":353,"uuid":349,"slug":354,"url":350,"full_slug":350,"_stopResolving":81},"Anstehende Webinare",62483764663535,"webinare","Webinare",{"_uid":357,"link":358,"text":361,"component":59},"2ab92889-dda6-4602-89d4-48b24e7a6e97",{"id":359,"url":30,"linktype":31,"fieldtype":32,"cached_url":360},"c96790f9-bb24-4408-873a-807fa6dab582","de/tools/","Statistik Tools",{"_uid":363,"link":364,"text":367,"component":59},"6332bc11-9aaf-402f-84b6-715384d999ad",{"id":365,"url":30,"linktype":31,"fieldtype":32,"cached_url":366},"c9edb73d-2ca1-4011-bc6f-6b60489a133b","de/weiterbildung/inhouse-lehrgang-zertifizierter-conversion-manager","Inhouse Lehrgang - Conversion Manager",{"_uid":369,"link":370,"text":373,"component":59},"b4dc283b-c2a3-4b37-bd4d-ab62342a5fc5",{"id":371,"url":30,"linktype":31,"fieldtype":32,"cached_url":372},"25e060e7-a7d4-43e4-845a-2287180afe78","de/weiterbildung/inhouse-schulung-product-discovery","Inhouse Training - Product Discovery ",{"_uid":375,"link":376,"text":379,"component":59},"f10472fa-9d8b-4ab7-96f8-2dd9c93f6553",{"id":377,"url":30,"linktype":31,"fieldtype":32,"cached_url":378},"af525344-9836-4511-81a1-4fb95c0e67aa","de/produkte/behavior-pattern-model-poster","Behavior Pattern Model Poster",{"_uid":381,"link":382,"text":385,"component":59},"fb118cba-5d23-4282-8a72-c27ea9a8aec9",{"id":383,"url":30,"linktype":31,"fieldtype":32,"cached_url":384},"9c48d4d5-330b-4b96-af5e-68a9cda735d4","de/produkte/behavior-patterns-kartenset","Behavior Pattern Kartenset",{"_uid":387,"link":388,"text":391,"component":59},"90aba8f9-395b-4f38-abad-71f05bc0449f",{"id":389,"url":30,"linktype":31,"fieldtype":32,"cached_url":390},"5dab273c-49bb-4f64-a3cd-de96f0d7b39f","de/growth-ambassador-community","Growth Ambassador Community",{"_uid":393,"link":394,"text":395,"component":59},"99cf735d-f680-4c48-9074-636c4830d35a",{"id":29,"url":30,"linktype":31,"fieldtype":32,"cached_url":33},"News & Know-how in dein Postfach",{"_uid":397,"link":398,"text":400,"component":59},"f5697cde-7f34-4274-9572-e5ec3e7457bd",{"id":30,"url":399,"linktype":136,"fieldtype":32,"cached_url":399},"https://www.growthmindedsuperheroes.com/","GMS - growth minded SUPERHEROES",{"_uid":402,"link":403,"text":406,"component":59},"00f49f9b-f75c-4775-a61f-41fd61a92ed3",{"id":404,"url":30,"linktype":31,"fieldtype":32,"cached_url":405},"1d084a65-02b3-4ee1-be0d-9806be223ab2","de/ressourcen/e-books/statistik-e-book-und-basic-wissen-fuer-a-b-testing","Download: Statistik E-Book Bundle",{"_uid":408,"link":409,"text":412,"component":59},"e0422140-94e7-4dd8-87f7-a0f752dd712d",{"id":410,"url":30,"linktype":31,"fieldtype":32,"cached_url":411},"c8996f10-09f1-4543-874b-158275456f9b","de/ressourcen/e-books/personalisierung-mit-dem-4-stufen-modell","Download: E-Book Personalisierung",{"_uid":414,"link":415,"text":418,"component":59},"de7271fe-965f-418b-8d42-31b78f962e1d",{"id":416,"url":30,"linktype":31,"fieldtype":32,"cached_url":417},"58333d89-01c3-4cac-863e-e7cbc02a08bc","de/ressourcen/frameworks/wdw-hypothesen-framework","Download: WDW Hypothesen Framework",{"_uid":420,"link":421,"text":424,"component":59},"be031ed2-c7f7-4c8b-8f58-6f87074f4dc0",{"id":422,"url":30,"linktype":31,"fieldtype":32,"cached_url":423},"3aa8f349-0361-45a7-a391-066df5c9e7ff","de/ressourcen/frameworks/roi-ab-testing-business-case-paket","Download: A/B Testing ROI Business Case Paket",{"_uid":426,"link":427,"text":430,"type":30,"component":59},"8d464b9b-86fe-4c09-b5ad-15f1746ab4a8",{"id":428,"url":30,"linktype":31,"fieldtype":32,"cached_url":429},"4e8a7b56-0857-4af1-9068-edc69349fb30","de/ressourcen/frameworks/hook-model-canvas","Framework: Hook Model Canvas","Know-how & Tools",{"_uid":433,"link":434,"links":441,"title":442,"component":189},"3a303c5d-3ef4-482e-b31d-02856c821947",{"id":435,"url":30,"linktype":31,"fieldtype":32,"cached_url":436,"story":437},"1e20ab74-88ab-4f66-b3a1-019d85e2ef84","de/blog/",{"name":438,"id":439,"uuid":435,"slug":440,"url":436,"full_slug":436,"_stopResolving":81},"Overview",103884675285507,"blog",[],"Blog",{"_uid":444,"link":445,"links":448,"title":486,"component":189},"5e1fb531-7f55-4c8e-8b25-32fa43e7af94",{"id":446,"url":30,"linktype":31,"fieldtype":32,"cached_url":447},"d7112b89-d5ce-41d8-a369-293c8b86e98d","de/ueber-uns/wer-wir-sind",[449,453,463,469,474,480],{"_uid":450,"link":451,"text":452,"component":59},"95511c3e-0c54-4f6e-83bc-143e5ac943f2",{"id":446,"url":30,"linktype":31,"fieldtype":32,"cached_url":447},"Team: Wer wir sind",{"_uid":454,"link":455,"text":462,"component":59},"10e03a1d-860a-4a64-8997-f352cab5291c",{"id":456,"url":30,"linktype":31,"fieldtype":32,"cached_url":457,"story":458},"c20fc377-1157-4539-97d2-0ded113d1a69","de/ueber-uns/was-wir-tun",{"name":459,"id":460,"uuid":456,"slug":461,"url":457,"full_slug":457,"_stopResolving":81},"Was wir tun",62047816851482,"was-wir-tun","Methoden: Was wir tun",{"_uid":464,"link":465,"text":468,"component":59},"cc8765bf-7f12-478b-81a7-29f508fc805a",{"id":466,"url":30,"linktype":31,"fieldtype":32,"cached_url":467},"b190ded2-7e87-4b67-83c9-8ad6625d5480","de/ueber-uns/unsere-kunden","Kunden: Für wen arbeiten wir",{"_uid":470,"link":471,"text":473,"component":59},"47e8279b-16f2-4f6b-8cd3-bd9407369bba",{"id":75,"url":30,"linktype":31,"fieldtype":32,"cached_url":76,"story":472},{"name":78,"id":79,"uuid":75,"slug":80,"url":76,"full_slug":76,"_stopResolving":81},"Karriere & Jobs",{"_uid":475,"link":476,"text":479,"component":59},"85eb0d40-5379-4f62-a6a8-6cbbbcf27dd9",{"id":477,"url":30,"linktype":31,"fieldtype":32,"cached_url":478},"e5cc2d5c-06b8-4487-941c-0e463c3e4f0b","de/ueber-uns/team-first","Unsere Kultur: Team first",{"_uid":481,"link":482,"text":485,"component":59},"e8111c32-8191-4211-b40d-073b5afdf12f",{"id":483,"url":30,"linktype":31,"fieldtype":32,"cached_url":484},"31befb84-87a7-4c51-9028-092a1a69f015","de/grow-model","G.R.O.W. Model - Reifegrad Assessment","Über uns",[488],{"_uid":489,"icon":30,"link":490,"text":71,"intent":35,"component":36,"icon_position":37},"1b18d9f0-85af-48f2-a038-6a823d74dbff",{"id":69,"url":30,"linktype":31,"fieldtype":32,"cached_url":70},"core-header","header","de/_settings/header",0,[],"c1fc9f92-e520-41db-8395-ac2606e318d5","2025-05-05T09:35:20.471Z",[],"singleton-settings","Mehr lesen",[502],{"_uid":503,"head":504,"cards":519,"theme":124,"alignment":44,"component":667,"cards_per_row":668,"icon_position":669,"action_buttons":670,"bordered_cards":81},"3aaa4f32-19e8-41b0-aa02-03b4360405e7",[505],{"_uid":506,"kicker":30,"headline":507,"component":514,"subheadline":515,"show_top_line":81,"action_buttons":518},"67897cc1-c782-48fd-b6a9-3f48dfa972c1",{"type":39,"content":508},[509],{"type":42,"content":510},[511],{"text":512,"type":513},"Danach suchten andere Besucher","text","item-head",{"type":39,"content":516},[517],{"type":42},[],[520,549,575,597,621,644],{"tag":30,"_uid":521,"icon":522,"text":528,"image":534,"button":536,"headline":543,"component":548},"509dd04a-ac3a-4842-b787-c99d7bbe614b",{"id":523,"alt":524,"name":30,"focus":30,"title":525,"source":30,"filename":526,"copyright":30,"fieldtype":49,"meta_data":527,"is_external_url":51},23160806,"Halbkreis mit Tachonadel im rechten Bereich","Performance","https://a.storyblok.com/f/328018/150x150/d47b48585b/performance-heller-bg.svg",{"alt":524,"title":525,"source":30,"copyright":30},{"type":39,"content":529},[530],{"type":42,"content":531},[532],{"text":533,"type":513},"Mit dem Konfidenzrechner von konversionsKRAFT hast du die Möglichkeit, die Ergebnisse deines A/B-Tests auf signifikante Unterschiede zu untersuchen.",{"id":118,"alt":118,"name":30,"focus":118,"title":118,"source":118,"filename":30,"copyright":118,"fieldtype":49,"meta_data":535},{},[537],{"_uid":538,"icon":27,"link":539,"text":546,"intent":547,"component":36,"icon_position":37},"942eaebc-4d2f-49f1-818a-64913826a082",{"id":540,"url":30,"linktype":31,"fieldtype":32,"cached_url":541,"story":542},"20da88c1-38f8-46fb-8efb-99c7e3edaf41","de/tools/konfidenzrechner",{"name":543,"id":544,"uuid":540,"slug":545,"url":541,"full_slug":541,"_stopResolving":81},"Konfidenzrechner",62131923697584,"konfidenzrechner","Zum Tool","tertiary","section-features__card",{"tag":30,"_uid":550,"icon":551,"text":557,"image":563,"button":565,"headline":572,"component":548},"f5939252-f8ef-4fa9-a412-d80045de2c3a",{"id":552,"alt":553,"name":30,"focus":30,"title":554,"source":30,"filename":555,"copyright":30,"fieldtype":49,"meta_data":556,"is_external_url":51},23160824,"Stilisierte Uhr mit weißen Zeigern auf 12 und 3 Uhr, umgeben von einem schwarzen, gegen den Uhrzeigersinn gezeichneten Pfeilkreis","Rückblick","https://a.storyblok.com/f/328018/150x150/25b4408792/uhr-rueckblick-heller-bg.svg",{"alt":553,"title":554,"source":30,"copyright":30},{"type":39,"content":558},[559],{"type":42,"content":560},[561],{"text":562,"type":513},"Der Testlaufzeitrechner hilft dir, deine Uplifts sicher nachzuweisen und eine bessere Einschätzung für den nachweisbaren Effekt vornehmen zu können.",{"id":118,"alt":118,"name":30,"focus":118,"title":118,"source":118,"filename":30,"copyright":118,"fieldtype":49,"meta_data":564},{},[566],{"_uid":567,"icon":27,"link":568,"text":546,"intent":547,"component":36,"icon_position":37},"903598b6-6a79-4e7c-a44e-7ad9b3f1b2ab",{"id":569,"url":30,"linktype":31,"fieldtype":32,"cached_url":570,"story":571},"5c12fee4-da27-4b84-9e21-125e542f2261","de/tools/testlaufzeitrechner",{"name":572,"id":573,"uuid":569,"slug":574,"url":570,"full_slug":570,"_stopResolving":81},"Testlaufzeitrechner",62134457203508,"testlaufzeitrechner",{"tag":30,"_uid":576,"icon":577,"text":583,"image":589,"button":591,"headline":355,"component":548},"3f45584f-e296-4c4c-aeb2-74fb602c25cc",{"id":578,"alt":579,"name":30,"focus":30,"title":580,"source":30,"filename":581,"copyright":30,"fieldtype":49,"meta_data":582,"is_external_url":51},23160767,"Icon mit Person einem Notebook und Smartphone","Customer Journey","https://a.storyblok.com/f/328018/150x150/ea7a1982ed/customer-journey-heller-bg.svg",{"alt":579,"title":580,"source":30,"copyright":30},{"type":39,"content":584},[585],{"type":42,"content":586},[587],{"text":588,"type":513},"Unsere Webinare richten sich an alle, die mehr wollen – mehr Uplift, mehr ROI, mehr Wachstum. Unsere Experten und Gastreferenten vermitteln in den Web-Seminaren wichtiges Optimiererwissen.",{"id":118,"alt":118,"name":30,"focus":118,"title":118,"source":118,"filename":30,"copyright":118,"fieldtype":49,"meta_data":590},{},[592],{"_uid":593,"icon":27,"link":594,"text":596,"intent":547,"component":36,"icon_position":37},"eec7fdfe-219e-4996-b99e-645675c27ea8",{"id":349,"url":30,"linktype":31,"fieldtype":32,"cached_url":350,"story":595},{"name":352,"id":353,"uuid":349,"slug":354,"url":350,"full_slug":350,"_stopResolving":81},"Zur Übersicht",{"tag":30,"_uid":598,"icon":599,"text":605,"image":612,"button":614,"headline":620,"component":548},"d70a1587-7a51-414c-aa40-fa4419ea02b7",{"id":600,"alt":601,"name":30,"focus":30,"title":602,"source":30,"filename":603,"copyright":30,"fieldtype":49,"meta_data":604,"is_external_url":51},23160771,"Symbol eines Bachelor Huts für Bildung","Bachelor Hut","https://a.storyblok.com/f/328018/150x150/35fc1a0701/diplom-bachelor-heller-bg.svg",{"alt":601,"title":602,"source":30,"copyright":30},{"type":39,"content":606},[607],{"type":42,"attrs":608,"content":609},{"textAlign":118},[610],{"text":611,"type":513},"Profitiere von der langjährigen Erfahrung unserer Consultants, Analysten, UX Designern und Konsumpsychologen und erlange neues Know-how für deinen Alltag.",{"id":118,"alt":118,"name":30,"focus":118,"title":118,"source":118,"filename":30,"copyright":118,"fieldtype":49,"meta_data":613},{},[615],{"_uid":616,"icon":27,"link":617,"text":619,"intent":547,"component":36,"icon_position":37},"c320c7a7-6ad7-4ab7-8cbd-98b5dbe6fa38",{"id":328,"url":30,"linktype":31,"fieldtype":32,"cached_url":329,"story":618},{"name":331,"id":332,"uuid":328,"slug":333,"url":329,"full_slug":329,"_stopResolving":81},"Zur Weiterbildung","Weiterbildung",{"tag":30,"_uid":622,"icon":623,"text":629,"image":636,"button":638,"headline":459,"component":548},"cd63af88-8220-48f4-b392-1f5eabcb2d3c",{"id":624,"alt":625,"name":30,"focus":30,"title":626,"source":30,"filename":627,"copyright":30,"fieldtype":49,"meta_data":628,"is_external_url":51},23160799,"Drei Personen nebeneinander mit jeweils einem Stern darunter","Kundenbedürfnis verstehen","https://a.storyblok.com/f/328018/150x150/02138a981e/kundenbeduerfnis-verstehen-heller-bg.svg",{"alt":625,"title":626,"source":30,"copyright":30},{"type":39,"content":630},[631,635],{"type":42,"content":632},[633],{"text":634,"type":513},"Wir erschließen schnell und systematisch existierende digitale Wachstumspotenziale. Agil, kundenzentriert und datenbasiert.",{"type":42},{"id":118,"alt":118,"name":30,"focus":118,"title":118,"source":118,"filename":30,"copyright":118,"fieldtype":49,"meta_data":637},{},[639],{"_uid":640,"icon":27,"link":641,"text":643,"intent":547,"component":36,"icon_position":37},"e7f68e81-f9b0-4fb4-810b-224498e148b2",{"id":456,"url":30,"linktype":31,"fieldtype":32,"cached_url":457,"story":642},{"name":459,"id":460,"uuid":456,"slug":461,"url":457,"full_slug":457,"_stopResolving":81},"Mehr erfahren",{"tag":30,"_uid":645,"icon":646,"text":652,"image":659,"button":661,"headline":78,"component":548},"cf571a54-a871-40ed-b3da-a8f7bc23fdf4",{"id":647,"alt":648,"name":30,"focus":30,"title":649,"source":30,"filename":650,"copyright":30,"fieldtype":49,"meta_data":651,"is_external_url":51},23160774,"Ein skizzierter Diamant der funkelt","Diamant","https://a.storyblok.com/f/328018/150x150/67d557c518/diamant-heller-bg.svg",{"alt":648,"title":649,"source":30,"copyright":30},{"type":39,"content":653},[654,658],{"type":42,"content":655},[656],{"text":657,"type":513},"Bist du bereit, deine Karriere bei uns zu starten?",{"type":42},{"id":118,"alt":118,"name":30,"focus":118,"title":118,"source":118,"filename":30,"copyright":118,"fieldtype":49,"meta_data":660},{},[662],{"_uid":663,"icon":27,"link":664,"text":666,"intent":547,"component":36,"icon_position":37},"4b0f8e8b-cfbd-4bad-99ba-ed5635cc99ae",{"id":75,"url":30,"linktype":31,"fieldtype":32,"cached_url":76,"story":665},{"name":78,"id":79,"uuid":75,"slug":80,"url":76,"full_slug":76,"_stopResolving":81},"Vakanzen","section-features-1","3","top",[],[672],{"_uid":673,"kicker":30,"headline":674,"component":514,"subheadline":680,"show_top_line":51,"action_buttons":686},"31cce379-ea89-4fdf-84f8-52e990bcf402",{"type":39,"content":675},[676],{"type":42,"content":677},[678],{"text":679,"type":513},"Hoppla!",{"type":39,"content":681},[682],{"type":42,"content":683},[684],{"text":685,"type":513},"Die angeforderte Seite konnte leider nicht gefunden werden.",[],[688],{"_uid":689,"type":30,"kicker":30,"headline":690,"component":514,"subheadline":697,"show_top_line":51,"action_buttons":700},"3ffbe671-41cf-400a-980c-6dbe14b6ce6f",{"type":39,"content":691},[692],{"type":42,"attrs":693,"content":694},{"textAlign":118},[695],{"text":696,"type":513},"Über den Autor",{"type":39,"content":698},[699],{"type":42},[],[],[],"min Lesezeit",[705],{"_uid":706,"icon":27,"link":707,"text":500,"intent":35,"component":36,"icon_position":37},"bb239a64-a116-4d8f-9695-ffc1a5e260a3",{"id":435,"url":30,"linktype":31,"fieldtype":32,"cached_url":436,"story":708},{"name":438,"id":439,"uuid":435,"slug":440,"url":436,"full_slug":436,"_stopResolving":81},"Verfasst von","Inhalt","Lesedauer","Minuten","_settings","de/_settings/",-40,[],"c1ba6ded-acb9-4c7e-8404-38e942bdfab9","2025-05-05T09:35:20.134Z",[],1791547703,[722,857],{"name":127,"created_at":7,"published_at":128,"updated_at":129,"id":130,"uuid":131,"content":723,"slug":492,"full_slug":493,"sort_by_date":118,"position":494,"tag_list":855,"is_startpage":51,"parent_id":121,"meta_data":118,"group_id":496,"first_published_at":497,"release_id":118,"lang":124,"path":118,"alternates":856,"default_full_slug":118,"translated_slugs":118},{"_uid":133,"link":724,"logo":725,"links":727,"buttons":852,"component":491},{"id":30,"url":135,"linktype":136,"fieldtype":32,"cached_url":135},{"id":138,"alt":30,"name":30,"focus":30,"title":30,"source":30,"filename":139,"copyright":30,"fieldtype":49,"meta_data":726,"is_external_url":51},{},[728,745,764,781,831,835],{"_uid":143,"link":729,"links":730,"title":188,"component":189},{"id":145,"url":30,"linktype":31,"fieldtype":32,"cached_url":146},[731,733,735,737,739,741,743],{"_uid":149,"link":732,"text":58,"component":59},{"id":151,"url":30,"linktype":31,"fieldtype":32,"cached_url":152},{"_uid":154,"link":734,"text":65,"component":59},{"id":156,"url":30,"linktype":31,"fieldtype":32,"cached_url":157},{"_uid":159,"link":736,"text":163,"component":59},{"id":161,"url":30,"linktype":31,"fieldtype":32,"cached_url":162},{"_uid":165,"link":738,"text":169,"component":59},{"id":167,"url":30,"linktype":31,"fieldtype":32,"cached_url":168},{"_uid":171,"link":740,"text":175,"component":59},{"id":173,"url":30,"linktype":31,"fieldtype":32,"cached_url":174},{"_uid":177,"link":742,"text":181,"component":59},{"id":179,"url":30,"linktype":31,"fieldtype":32,"cached_url":180},{"_uid":183,"link":744,"text":187,"component":59},{"id":185,"url":30,"linktype":31,"fieldtype":32,"cached_url":186},{"_uid":191,"link":746,"links":747,"title":243,"component":189},{"id":193,"url":30,"linktype":31,"fieldtype":32,"cached_url":194},[748,750,752,754,756,758,760,762],{"_uid":197,"link":749,"text":201,"component":59},{"id":199,"url":30,"linktype":31,"fieldtype":32,"cached_url":200},{"_uid":203,"link":751,"text":207,"component":59},{"id":205,"url":30,"linktype":31,"fieldtype":32,"cached_url":206},{"_uid":209,"link":753,"text":212,"component":59},{"id":30,"url":211,"linktype":136,"fieldtype":32,"cached_url":211},{"_uid":214,"link":755,"text":218,"component":59},{"id":216,"url":30,"linktype":31,"fieldtype":32,"cached_url":217},{"_uid":220,"link":757,"text":224,"component":59},{"id":222,"url":30,"linktype":31,"fieldtype":32,"cached_url":223},{"_uid":226,"link":759,"text":230,"component":59},{"id":228,"url":30,"linktype":31,"fieldtype":32,"cached_url":229},{"_uid":232,"link":761,"text":236,"component":59},{"id":234,"url":30,"linktype":31,"fieldtype":32,"cached_url":235},{"_uid":238,"link":763,"text":242,"component":59},{"id":240,"url":30,"linktype":31,"fieldtype":32,"cached_url":241},{"_uid":245,"link":765,"links":766,"title":292,"component":189},{"id":247,"url":30,"linktype":31,"fieldtype":32,"cached_url":248},[767,769,771,773,775,777,779],{"_uid":251,"link":768,"text":255,"component":59},{"id":253,"url":30,"linktype":31,"fieldtype":32,"cached_url":254},{"_uid":257,"link":770,"text":261,"component":59},{"id":259,"url":30,"linktype":31,"fieldtype":32,"cached_url":260},{"_uid":263,"link":772,"text":267,"component":59},{"id":265,"url":30,"linktype":31,"fieldtype":32,"cached_url":266},{"_uid":269,"link":774,"text":273,"component":59},{"id":271,"url":30,"linktype":31,"fieldtype":32,"cached_url":272},{"_uid":275,"link":776,"text":279,"component":59},{"id":277,"url":30,"linktype":31,"fieldtype":32,"cached_url":278},{"_uid":281,"link":778,"text":285,"component":59},{"id":283,"url":30,"linktype":31,"fieldtype":32,"cached_url":284},{"_uid":287,"link":780,"text":291,"component":59},{"id":289,"url":30,"linktype":31,"fieldtype":32,"cached_url":290},{"_uid":294,"link":782,"links":783,"title":431,"component":189},{"id":296,"url":30,"linktype":31,"fieldtype":32,"cached_url":297},[784,786,788,790,792,794,797,799,802,805,807,809,811,813,815,817,819,821,823,825,827,829],{"_uid":300,"link":785,"text":302,"component":59},{"id":56,"url":30,"linktype":31,"fieldtype":32,"cached_url":57},{"_uid":304,"link":787,"text":308,"component":59},{"id":306,"url":30,"linktype":31,"fieldtype":32,"cached_url":307},{"_uid":310,"link":789,"text":314,"component":59},{"id":312,"url":30,"linktype":31,"fieldtype":32,"cached_url":313},{"_uid":316,"link":791,"text":320,"component":59},{"id":318,"url":30,"linktype":31,"fieldtype":32,"cached_url":319},{"_uid":322,"link":793,"text":324,"component":59},{"id":63,"url":30,"linktype":31,"fieldtype":32,"cached_url":64},{"_uid":326,"link":795,"text":334,"component":59},{"id":328,"url":30,"linktype":31,"fieldtype":32,"cached_url":329,"story":796},{"name":331,"id":332,"uuid":328,"slug":333,"url":329,"full_slug":329,"_stopResolving":81},{"_uid":336,"link":798,"text":340,"component":59},{"id":338,"url":30,"linktype":31,"fieldtype":32,"cached_url":339},{"_uid":342,"link":800,"text":345,"component":59},{"id":328,"url":30,"linktype":31,"fieldtype":32,"cached_url":329,"story":801},{"name":331,"id":332,"uuid":328,"slug":333,"url":329,"full_slug":329,"_stopResolving":81},{"_uid":347,"link":803,"text":355,"component":59},{"id":349,"url":30,"linktype":31,"fieldtype":32,"cached_url":350,"story":804},{"name":352,"id":353,"uuid":349,"slug":354,"url":350,"full_slug":350,"_stopResolving":81},{"_uid":357,"link":806,"text":361,"component":59},{"id":359,"url":30,"linktype":31,"fieldtype":32,"cached_url":360},{"_uid":363,"link":808,"text":367,"component":59},{"id":365,"url":30,"linktype":31,"fieldtype":32,"cached_url":366},{"_uid":369,"link":810,"text":373,"component":59},{"id":371,"url":30,"linktype":31,"fieldtype":32,"cached_url":372},{"_uid":375,"link":812,"text":379,"component":59},{"id":377,"url":30,"linktype":31,"fieldtype":32,"cached_url":378},{"_uid":381,"link":814,"text":385,"component":59},{"id":383,"url":30,"linktype":31,"fieldtype":32,"cached_url":384},{"_uid":387,"link":816,"text":391,"component":59},{"id":389,"url":30,"linktype":31,"fieldtype":32,"cached_url":390},{"_uid":393,"link":818,"text":395,"component":59},{"id":29,"url":30,"linktype":31,"fieldtype":32,"cached_url":33},{"_uid":397,"link":820,"text":400,"component":59},{"id":30,"url":399,"linktype":136,"fieldtype":32,"cached_url":399},{"_uid":402,"link":822,"text":406,"component":59},{"id":404,"url":30,"linktype":31,"fieldtype":32,"cached_url":405},{"_uid":408,"link":824,"text":412,"component":59},{"id":410,"url":30,"linktype":31,"fieldtype":32,"cached_url":411},{"_uid":414,"link":826,"text":418,"component":59},{"id":416,"url":30,"linktype":31,"fieldtype":32,"cached_url":417},{"_uid":420,"link":828,"text":424,"component":59},{"id":422,"url":30,"linktype":31,"fieldtype":32,"cached_url":423},{"_uid":426,"link":830,"text":430,"type":30,"component":59},{"id":428,"url":30,"linktype":31,"fieldtype":32,"cached_url":429},{"_uid":433,"link":832,"links":834,"title":442,"component":189},{"id":435,"url":30,"linktype":31,"fieldtype":32,"cached_url":436,"story":833},{"name":438,"id":439,"uuid":435,"slug":440,"url":436,"full_slug":436,"_stopResolving":81},[],{"_uid":444,"link":836,"links":837,"title":486,"component":189},{"id":446,"url":30,"linktype":31,"fieldtype":32,"cached_url":447},[838,840,843,845,848,850],{"_uid":450,"link":839,"text":452,"component":59},{"id":446,"url":30,"linktype":31,"fieldtype":32,"cached_url":447},{"_uid":454,"link":841,"text":462,"component":59},{"id":456,"url":30,"linktype":31,"fieldtype":32,"cached_url":457,"story":842},{"name":459,"id":460,"uuid":456,"slug":461,"url":457,"full_slug":457,"_stopResolving":81},{"_uid":464,"link":844,"text":468,"component":59},{"id":466,"url":30,"linktype":31,"fieldtype":32,"cached_url":467},{"_uid":470,"link":846,"text":473,"component":59},{"id":75,"url":30,"linktype":31,"fieldtype":32,"cached_url":76,"story":847},{"name":78,"id":79,"uuid":75,"slug":80,"url":76,"full_slug":76,"_stopResolving":81},{"_uid":475,"link":849,"text":479,"component":59},{"id":477,"url":30,"linktype":31,"fieldtype":32,"cached_url":478},{"_uid":481,"link":851,"text":485,"component":59},{"id":483,"url":30,"linktype":31,"fieldtype":32,"cached_url":484},[853],{"_uid":489,"icon":30,"link":854,"text":71,"intent":35,"component":36,"icon_position":37},{"id":69,"url":30,"linktype":31,"fieldtype":32,"cached_url":70},[],[],{"name":15,"created_at":7,"published_at":16,"updated_at":17,"id":18,"uuid":19,"content":858,"slug":116,"full_slug":117,"sort_by_date":118,"position":119,"tag_list":891,"is_startpage":51,"parent_id":121,"meta_data":118,"group_id":122,"first_published_at":123,"release_id":118,"lang":124,"path":118,"alternates":892,"default_full_slug":118,"translated_slugs":118},{"cta":859,"_uid":45,"logo":867,"links":869,"component":82,"copyright":83,"logo_link":879,"legal_links":880},[860],{"_uid":23,"buttons":861,"caption":864,"component":43,"caption_position":44},[862],{"_uid":26,"icon":27,"link":863,"text":34,"intent":35,"component":36,"icon_position":37},{"id":29,"url":30,"linktype":31,"fieldtype":32,"cached_url":33},{"type":39,"content":865},[866],{"type":42},{"id":47,"alt":30,"name":30,"focus":30,"title":30,"source":30,"filename":48,"copyright":30,"fieldtype":49,"meta_data":868,"is_external_url":51},{},[870,872,874,876],{"_uid":54,"link":871,"text":58,"component":59},{"id":56,"url":30,"linktype":31,"fieldtype":32,"cached_url":57},{"_uid":61,"link":873,"text":65,"type":30,"component":59},{"id":63,"url":30,"linktype":31,"fieldtype":32,"cached_url":64},{"_uid":67,"link":875,"text":71,"component":59},{"id":69,"url":30,"linktype":31,"fieldtype":32,"cached_url":70},{"_uid":73,"link":877,"text":78,"component":59},{"id":75,"url":30,"linktype":31,"fieldtype":32,"cached_url":76,"story":878},{"name":78,"id":79,"uuid":75,"slug":80,"url":76,"full_slug":76,"_stopResolving":81},{"id":85,"url":30,"linktype":31,"fieldtype":32,"cached_url":86},[881,883,885,887,889],{"_uid":89,"link":882,"text":93,"component":59},{"id":91,"url":30,"linktype":31,"fieldtype":32,"cached_url":92},{"_uid":95,"link":884,"text":99,"component":59},{"id":97,"url":30,"linktype":31,"fieldtype":32,"cached_url":98},{"_uid":101,"link":886,"text":105,"component":59},{"id":103,"url":30,"linktype":31,"fieldtype":32,"cached_url":104},{"_uid":107,"link":888,"text":111,"component":59},{"id":109,"url":30,"linktype":31,"fieldtype":32,"cached_url":110},{"_uid":113,"link":890,"text":115,"component":59},{"id":97,"url":30,"linktype":31,"fieldtype":32,"cached_url":98},[],[],[894,895,896,897,898,899,900],{"name":438,"id":439,"uuid":435,"slug":440,"url":436,"full_slug":436},{"name":543,"id":544,"uuid":540,"slug":545,"url":541,"full_slug":541},{"name":352,"id":353,"uuid":349,"slug":354,"url":350,"full_slug":350},{"name":572,"id":573,"uuid":569,"slug":574,"url":570,"full_slug":570},{"name":459,"id":460,"uuid":456,"slug":461,"url":457,"full_slug":457},{"name":78,"id":79,"uuid":75,"slug":80,"url":76,"full_slug":76},{"name":331,"id":332,"uuid":328,"slug":333,"url":329,"full_slug":329},{"story":902,"cv":720,"rels":1922,"links":1960},{"name":903,"created_at":904,"published_at":905,"updated_at":906,"id":907,"uuid":908,"content":909,"slug":1910,"full_slug":1911,"sort_by_date":118,"position":1916,"tag_list":1917,"is_startpage":51,"parent_id":1918,"meta_data":118,"group_id":1919,"first_published_at":1920,"release_id":118,"lang":124,"path":118,"alternates":1921,"default_full_slug":118,"translated_slugs":118},"12 Praxistipps: Conversion Optimierung mit Facettensuche & Filternavigation","2025-10-15T16:15:50.629Z","2026-10-03T18:39:15.661Z","2026-10-03T18:39:15.710Z",101807516237624,"00d8b7d8-2f1a-4795-9d8c-492449f05588",{"seo":910,"_uid":914,"body":915,"text":913,"image":1773,"footer":30,"header":30,"authors":1776,"category":1816,"headline":903,"component":1817,"categories":1818,"bottom_head":1890,"breadcrumbs":1891,"seo_noindex":51,"sidebar_cta":1912,"reading_time":1913,"seo_nofollow":51,"seo_canonical":30,"bottom_buttons":1914,"additional_slot":1915,"sidebar_cta_enabled":81,"sidebar_toc_enabled":81},{"title":911,"plugin":912,"og_image":30,"og_title":911,"description":913,"twitter_image":30,"twitter_title":911,"og_description":913,"twitter_description":913},"12 Tipps zur Optimierung von Facettensuche und Filternavigation","seo_metatags","Mit diesen 12 Praxistipps vereinfachst Du die Produktauswahl in Deinem Onlineshop durch interaktive Elemente wie Facettensuche und Filternavigation.","d4a97cef-a1b8-4633-bf0d-a99dedb695d0",[916,996,1008,1022,1033,1047,1058,1237,1249,1278,1290,1298,1310,1385,1397,1440,1452,1599,1611],{"_uid":917,"text":918,"component":995},"f6deb266-dfa8-4899-ad76-4aeac49eb23d",{"type":39,"content":919},[920,925,930,951,966,973,979,984],{"type":42,"attrs":921,"content":922},{"textAlign":118},[923],{"text":924,"type":513},"Ein weiteres interaktives Instrument, um Kunden bei der Produktauswahl zu unterstützen ist die Filternavigation bzw. Facettensuche. Dieser Artikel liefert Euch einige praktische Ansätze und Inspiration zur Optimierung dieser Elemente.",{"type":42,"attrs":926,"content":927},{"textAlign":118},[928],{"text":929,"type":513},"Ab einer gewissen Sortimentsgröße eignen sich Filternavigation oder Facettensuche, um Kunden die Produktauswahl zu erleichtern. Wichtig dabei ist, dass diese Elemente einen wirklichen Mehrwert bieten und die Auswahl – beispielsweise durch unnötige Elemente – nicht zusätzlich erschweren.",{"type":42,"attrs":931,"content":932},{"textAlign":118},[933,935,949],{"text":934,"type":513},"Wann eine große Auswahl tatsächlich Käufe kostet und warum gute Filter dabei mehr helfen als ein kleineres Sortiment, zeigt unser Artikel zum ",{"text":936,"type":513,"marks":937},"Paradox of Choice",[938],{"type":939,"attrs":940},"link",{"href":941,"uuid":942,"anchor":118,"target":943,"linktype":31,"story":944},"/de/behavior-patterns/ueberzeugungskraft-video-paradox-of-choice","b9def737-410a-442a-b5d2-6297281b3d2a","_self",{"name":945,"id":946,"uuid":942,"slug":947,"url":948,"full_slug":948,"_stopResolving":81},"“Paradox of Choice” – Erleichtere Deinen Kunden die Wahl!",101808040513527,"ueberzeugungskraft-video-paradox-of-choice","de/behavior-patterns/ueberzeugungskraft-video-paradox-of-choice",{"text":950,"type":513},".",{"type":952,"content":953},"blockquote",[954],{"type":42,"attrs":955,"content":956},{"textAlign":118},[957,959,964],{"text":958,"type":513},"Das Ziel ist es, durch die Navigationshilfe die Produktauswahl einzuschränken, um so den ",{"text":960,"type":513,"marks":961},"Fokus auf die relevanten Produkte",[962],{"type":963},"bold",{"text":965,"type":513}," zu lenken.",{"type":967,"attrs":968,"content":970},"heading",{"level":969,"textAlign":118},2,[971],{"text":972,"type":513},"Kurz zum Hintergrund:",{"type":967,"attrs":974,"content":976},{"level":975,"textAlign":118},3,[977],{"text":978,"type":513},"1) Was ist der Unterschied zwischen Facettensuche (facetted search), Filternavigation und Unternavigation (drilldown)?",{"type":42,"attrs":980,"content":981},{"textAlign":118},[982],{"text":983,"type":513},"Diese drei Navigationsarten finden häufig auf Kategorieseiten (Produktübersicht) Verwendung. Dabei muss nicht zwangsläufig nur eine dieser interaktiven Instrumente eingesetzt werden. Auch eine Kombination kann sinnvoll sein. Während sich die Unternavigation in der Regel in der linken Spalte befindet, können Facettensuche und Filternavigation oben (über den Produkten) oder links (unter der Unternavigation) untergebracht werden. Der Einsatz am rechten Bildschirmrand ist eher untypisch, wenig erwartungskonform und sollte vermieden werden.",{"type":42,"attrs":985,"content":986},{"textAlign":118},[987,989,993],{"text":988,"type":513},"Unter einer ",{"text":990,"type":513,"marks":991},"Facettensuche",[992],{"type":963},{"text":994,"type":513}," versteht man eine Einschränkung der Auswahl nach verschiedenen Eigenschaften, Merkmalen oder Werten. ","richtext-text",{"_uid":997,"image":998,"caption":1002,"component":1007},"1b4dcc2f-c597-417d-86dd-7d0d8b45c384",{"alt":999,"src":1000,"name":30,"focus":30,"title":118,"source":30,"filename":1000,"copyright":30,"fieldtype":49,"meta_data":1001,"is_external_url":81},"Facettensuche links bei Mirapodo","https://storage.googleapis.com/kk-website-assets/6BteZi5R_mirapodo-610x647.jpg",{"alt":999,"title":118,"source":30,"copyright":30},{"type":39,"content":1003},[1004],{"type":42,"content":1005},[1006],{"text":999,"type":513},"richtext-image",{"_uid":1009,"text":1010,"component":995},"478f7886-086b-4b0d-916f-32e0d5de6d35",{"type":39,"content":1011},[1012],{"type":42,"content":1013},[1014,1016,1020],{"text":1015,"type":513},"Die klassische ",{"text":1017,"type":513,"marks":1018},"Filternavigation",[1019],{"type":963},{"text":1021,"type":513}," dient auch der Einschränkung von Eigenschaften, hier basieren diese allerdings auf nur einer Dimension und können deshalb nicht zeitgleich gesetzt werden. Im allgemeinen Sprachgebrauch wird allerdings heute die Facettensuche häufig auch als Filternavigation bezeichnet.",{"_uid":1023,"image":1024,"caption":1028,"component":1007},"e6ff1584-b837-4c5d-8e65-417f63a673ce",{"alt":1025,"src":1026,"name":30,"focus":30,"title":118,"source":30,"filename":1026,"copyright":30,"fieldtype":49,"meta_data":1027,"is_external_url":81},"Klassische Filterung oben bei Görtz","https://storage.googleapis.com/kk-website-assets/y_rn9nP0_Goertz-610x444.jpg",{"alt":1025,"title":118,"source":30,"copyright":30},{"type":39,"content":1029},[1030],{"type":42,"content":1031},[1032],{"text":1025,"type":513},{"_uid":1034,"text":1035,"component":995},"ec50f5b1-5839-496a-a00b-62551f29baa5",{"type":39,"content":1036},[1037],{"type":42,"content":1038},[1039,1041,1045],{"text":1040,"type":513},"Die ",{"text":1042,"type":513,"marks":1043},"Unternavigation",[1044],{"type":963},{"text":1046,"type":513}," ist – im Englischen etwas verständlicher als “drilldown” bekannt – eine Einschränkung nach einem festen Kriterium, welches sich nicht kombinieren lässt. Am häufigsten wird diese Art für Unterkategorien eingesetzt. Hier führt sie Baumartig immer tiefer bis zur gewünschten Granularität.",{"_uid":1048,"image":1049,"caption":1053,"component":1007},"3616ea8f-9e72-4a93-9ded-feef70e09862",{"alt":1050,"src":1051,"name":30,"focus":30,"title":118,"source":30,"filename":1051,"copyright":30,"fieldtype":49,"meta_data":1052,"is_external_url":81},"Kombination von Unternavigation links und Filternavigation oben bei Cyberport","https://storage.googleapis.com/kk-website-assets/-CnE75FO_Cyberport-610x448.jpg",{"alt":1050,"title":118,"source":30,"copyright":30},{"type":39,"content":1054},[1055],{"type":42,"content":1056},[1057],{"text":1050,"type":513},{"_uid":1059,"text":1060,"component":995},"0e480b4d-851a-4ffc-acfb-4bc1c366cf6d",{"type":39,"content":1061},[1062,1067,1080,1085,1102,1113,1118,1144,1149,1160,1165,1170,1175,1180,1226],{"type":42,"attrs":1063,"content":1064},{"textAlign":118},[1065],{"text":1066,"type":513},"Wann eine Unternavigation eingesetzt werden und wann eine Facettensuche die Auswahl mehrerer Eigenschaften ermöglichen sollte, hängt vom Kontext ab. Beispielsweise sollte es dem Kunden ermöglicht werden, nicht nur eine Marke (Drilldown) sondern hier mehrere Marken (Mehrfachauswahl) auswählen zu können.",{"type":42,"attrs":1068,"content":1069},{"textAlign":118},[1070,1072,1078],{"text":1071,"type":513},"Letztlich hat die Art der Navigation nicht nur Einfluss auf die Produktauswahl, sondern auch technische Aspekte, wie beispielsweise Suchmaschinen-Freundlichkeit. Eine Unternavigation hat z. B. häufig einen Seitenwechsel zur Folge – somit eine Eigenständige URL – und bietet bei gleichen Produkten daher Potenzial für ",{"text":1073,"type":513,"marks":1074},"“Duplicate Content”",[1075],{"type":939,"attrs":1076},{"href":1077,"uuid":118,"anchor":118,"target":118,"linktype":136},"https://support.google.com/webmasters/answer/66359?hl=de",{"text":1079,"type":513}," (hier können entsprechende Gegenmaßnahmen ergriffen werden). Wird die Facettensuche oder Filternavigation optimal eingesetzt, so besteht diese Gefahr nicht. Dazu aber später mehr.",{"type":967,"attrs":1081,"content":1082},{"level":975,"textAlign":118},[1083],{"text":1084,"type":513},"2) Ab welcher Sortimentsgröße und für welche Sortimente eignet sich welche Navigation?",{"type":42,"attrs":1086,"content":1087},{"textAlign":118},[1088,1090,1094,1096,1100],{"text":1089,"type":513},"Sofern das Sortiment eine ",{"text":1091,"type":513,"marks":1092},"überschaubare Größe",[1093],{"type":963},{"text":1095,"type":513}," hat und die Kunden auch ohne Einschränkung die Möglichkeit haben sich einen Überblick über die Produkte zu verschaffen, so macht eine zusätzliche Filterung / Facettierung wenig Sinn. Im Gegenteil: Diese könnte die Produktauswahl sogar unnötig verkomplizieren. Eine signifikante Größe könnte z. B. ",{"text":1097,"type":513,"marks":1098},"Produktkategorie > 50 Produkte",[1099],{"type":963},{"text":1101,"type":513}," sein oder ganz einfach, wenn mehrere Seiten durchblättert werden müssen um die Produkte vergleichen zu können.",{"type":42,"attrs":1103,"content":1104},{"textAlign":118},[1105,1107,1111],{"text":1106,"type":513},"Für Sortimente, bei welchen Produkte auf ",{"text":1108,"type":513,"marks":1109},"mehr als einer Dimension",[1110],{"type":963},{"text":1112,"type":513}," basieren und die Menge eine kritische Masse überschreitet, sollte den Kunden die Einschränkung der Produkteigenschaften durch Facettensuche oder Filternavigation zur Verfügung gestellt werden.",{"type":42,"attrs":1114,"content":1115},{"textAlign":118},[1116],{"text":1117,"type":513},"Zwei Beispiele für solche Sortimente:",{"type":1119,"content":1120},"bullet_list",[1121,1133],{"type":1122,"content":1123},"list_item",[1124],{"type":42,"attrs":1125,"content":1126},{"textAlign":118},[1127,1131],{"text":1128,"type":513,"marks":1129},"Mode",[1130],{"type":963},{"text":1132,"type":513},", hier spielen neben der Produktart noch Größe, Farbe, Material und Preis eine Rolle.",{"type":1122,"content":1134},[1135],{"type":42,"attrs":1136,"content":1137},{"textAlign":118},[1138,1142],{"text":1139,"type":513,"marks":1140},"Elektronik",[1141],{"type":963},{"text":1143,"type":513},", hier können sehr unterschiedliche Attribute vorhanden sein (Funktionsumfang, Preis etc.) und sollten deshalb eingeschränkt werden können.",{"type":967,"attrs":1145,"content":1146},{"level":969,"textAlign":118},[1147],{"text":1148,"type":513},"Wie sollte eine Facettensuche / Filternavigation aufgebaut sein?",{"type":42,"attrs":1150,"content":1151},{"textAlign":118},[1152,1154,1158],{"text":1153,"type":513},"Bei der Planung sind folgende ",{"text":1155,"type":513,"marks":1156},"4 Aspekte",[1157],{"type":963},{"text":1159,"type":513}," zu beachten:",{"type":967,"attrs":1161,"content":1162},{"level":975,"textAlign":118},[1163],{"text":1164,"type":513},"1.) Inhalt und Struktur",{"type":42,"attrs":1166,"content":1167},{"textAlign":118},[1168],{"text":1169,"type":513},"Welche Attribute sind sinnvoll? Das ist hier die zentrale Frage!",{"type":42,"attrs":1171,"content":1172},{"textAlign":118},[1173],{"text":1174,"type":513},"Es gibt verschiedene Methoden, die relevanten Attribute zu definieren. Beispielsweise sind hier Befragung der Kunden und /oder Produktmanager, mentale Modelle oder Anwendungsfälle mit Hilfe realer Kundensituationen (z. B. durch Personas) durchaus sinnvolle Herangehensweisen. Essenziell dabei ist, die Denk- und Ordnungsstruktur der Kunden anzuwenden.",{"type":42,"attrs":1176,"content":1177},{"textAlign":118},[1178],{"text":1179,"type":513},"Ähnlich wie bei den Mega-Dropdowns spielen bei der inhaltlichen Strukturierung folgende Aspekte eine wichtige Rolle:",{"type":1119,"content":1181},[1182,1193,1204,1215],{"type":1122,"content":1183},[1184],{"type":42,"attrs":1185,"content":1186},{"textAlign":118},[1187,1191],{"text":1188,"type":513,"marks":1189},"Gruppierung",[1190],{"type":963},{"text":1192,"type":513},": (Sinnvolle) Zusammenfassung von Eigenschaften,",{"type":1122,"content":1194},[1195],{"type":42,"attrs":1196,"content":1197},{"textAlign":118},[1198,1202],{"text":1199,"type":513,"marks":1200},"Reihenfolge",[1201],{"type":963},{"text":1203,"type":513},": Attribute für den Kunden in relevanter Reihenfolge sortieren (Ordnungsstruktur des Kunden beachten!),",{"type":1122,"content":1205},[1206],{"type":42,"attrs":1207,"content":1208},{"textAlign":118},[1209,1213],{"text":1210,"type":513,"marks":1211},"Balance",[1212],{"type":963},{"text":1214,"type":513},": Gruppen von Optionen sollten nicht zu groß und nicht zu klein sein – zu viele Eigenschaften können auf den ersten Blick abschrecken und unübersichtlich wirken,",{"type":1122,"content":1216},[1217],{"type":42,"attrs":1218,"content":1219},{"textAlign":118},[1220,1224],{"text":1221,"type":513,"marks":1222},"Redundanz",[1223],{"type":963},{"text":1225,"type":513},": keine unnötige Wiederholung von Eigenschaften oder Gruppierungen.",{"type":42,"attrs":1227,"content":1228},{"textAlign":118},[1229,1231,1235],{"text":1230,"type":513},"Um den Punkt “Balance” auch bei vielen Facetten wahren zu können, bietet es sich an, stets eine definierte Zahl von beispielsweise ",{"text":1232,"type":513,"marks":1233},"max. 10 Optionen",[1234],{"type":963},{"text":1236,"type":513}," anzuzeigen. Der Rest kann durch “> mehr” angezeigt werden. Auch das Ausblenden von weniger relevanten Filtergruppen kann für mehr Klarheit und eine einfache Erfassbarkeit sorgen. Dazu sollte allerdings mind. die erste Filtergruppe bereits “ausgeklappt” sein, damit dem Kunden die Funktionalität und das Vorhandensein weiterer Filtereigenschaften ersichtlich ist.",{"_uid":1238,"image":1239,"caption":1243,"component":1007},"b092dd4f-7361-48c2-bb41-ea24716cb914",{"alt":1240,"src":1241,"name":30,"focus":30,"title":118,"source":30,"filename":1241,"copyright":30,"fieldtype":49,"meta_data":1242,"is_external_url":81},"Produktfilterung bei Zalando","https://storage.googleapis.com/kk-website-assets/pCn-YE69_Zalando-610x720.jpg",{"alt":1240,"title":118,"source":30,"copyright":30},{"type":39,"content":1244},[1245],{"type":42,"content":1246},[1247],{"text":1248,"type":513},"Gut strukturiertes Drilldown in Kombination mit Facettensuche links; die Preisregler sind gut gelöst, zeigen eine klare Skala und Eingabefelder für eine verkürzte Eingabe – lediglich die redundante Filterung oben könnte vermieden werden.",{"_uid":1250,"text":1251,"component":995},"b6573f85-0448-4673-aa9a-57d93b494f32",{"type":39,"content":1252},[1253,1257,1262,1266],{"type":42,"content":1254},[1255],{"text":1256,"type":513},"Rein technisch müssen sich die Attribute mit den Produkten verknüpfen lassen, so dass die Datenbank mit relevanten Produkteigenschaften angereichert werden kann. Gängige Shopsysteme, wie beispielsweise Oxid, Magento oder xt:Commerce bieten hierzu häufig schon von Haus aus die Möglichkeit, Produktattribute zu ergänzen und diese auf Produktübersicht-Seiten anzuzeigen. Ansonsten lassen sich diese Funktionen in der Regel durch PlugIns oder Module erweitern.",{"type":967,"attrs":1258,"content":1259},{"level":975},[1260],{"text":1261,"type":513},"2.) Art und Positionierung",{"type":42,"content":1263},[1264],{"text":1265,"type":513},"Wo sollte die Filterung platziert werden? Das lässt sich pauschal schwer beantworten. Die Platzierung auf der linken Seite hat die höchste Erwartungskonformität. Dicht gefolgt von “oben”, was dafür – eine entsprechende Inszenierung vorausgesetzt – auffälliger sein kann, da links häufig die Unternavigation erwartet wird. Auch eine Kombination ist denkbar und kann, wie die Beispiele zeigen, durchaus sinnvoll sein (sofern dadurch keine unnötigen Redundanzen entstehen).",{"type":42,"content":1267},[1268,1270,1276],{"text":1269,"type":513},"Einzig die Positionierung rechts ist ungewöhnlich, zumindest hierzulande. In anderen Ländern kann dies wiederum völlig in Ordnung sein, wie man am Beispiel von ",{"text":1271,"type":513,"marks":1272},"archiduchesse.com",[1273],{"type":939,"attrs":1274},{"href":1275,"title":1275},"http://www.archiduchesse.com/",{"text":1277,"type":513}," sehen kann.",{"_uid":1279,"image":1280,"caption":1284,"component":1007},"47ea9c46-ce36-4e91-bcbc-1d960b18df0c",{"alt":1281,"src":1282,"name":30,"focus":30,"title":118,"source":30,"filename":1282,"copyright":30,"fieldtype":49,"meta_data":1283,"is_external_url":81},"Die Anzeige der verfügbaren Größen auf der Kategorieseite ist gut gelöst. Filtert man rechts die Größe (leicht zu übersehen) passen sich die Angebote "smooth" an.","https://storage.googleapis.com/kk-website-assets/Z0vp8mwK_archiduchesse-produktfilter-beispiel-610x610.jpg",{"alt":1281,"title":118,"source":30,"copyright":30},{"type":39,"content":1285},[1286],{"type":42,"content":1287},[1288],{"text":1289,"type":513},"Trotz der Positionierung des klassischen Produktfilters (Größe) auf der rechten Seite fällt diese durch das minimalistische Design ins Auge.",{"_uid":1291,"text":1292,"component":995},"d3123234-71c7-447c-b330-e6960b175a58",{"type":39,"content":1293},[1294],{"type":42,"content":1295},[1296],{"text":1297,"type":513},"Gegen eine Platzierung oben kann bei der Facettensuche der Umfang der zur Verfügung stehenden Eigenschaften sprechen. Sollten diese eine kritische Masse überschreiten, so besteht das Risiko, dass die Facettensuche zu groß (hoch) wird und damit die Produkte aus dem sichtbaren Bereich verschwinden. Dies lässt sich allerdings auch mit dynamischen Elementen (z. B. durch Navigationselemente “mehr / weniger anzeigen” ) in einem gewissen Maße kompensieren.",{"_uid":1299,"image":1300,"caption":1304,"component":1007},"dd19bc44-7303-4e2a-8ce4-516d75120f13",{"alt":1301,"src":1302,"name":30,"focus":30,"title":118,"source":30,"filename":1302,"copyright":30,"fieldtype":49,"meta_data":1303,"is_external_url":81},"Produkfilter bei Wag.com","https://storage.googleapis.com/kk-website-assets/3krsFb87_Wag.com_-610x722.jpg",{"alt":1301,"title":118,"source":30,"copyright":30},{"type":39,"content":1305},[1306],{"type":42,"content":1307},[1308],{"text":1309,"type":513},"Die Filter werden oben zusammengefasst, allerdings gibt es keine gelernten Standardelemente sondern selbst definierte Checkboxen. Die unterschiedlichen Navigationsebenen sollten auf keinen Fall als Best Practice betrachtet werden!",{"_uid":1311,"text":1312,"component":995},"f56e8ee1-2649-41dc-b9e0-365081f57736",{"type":39,"content":1313},[1314,1319,1324,1329,1340,1351,1356,1380],{"type":42,"attrs":1315,"content":1316},{"textAlign":118},[1317],{"text":1318,"type":513},"Warum es relevant ist, bereits im sichtbaren Bereich (Fold) Produkte anzuzeigen – gerade wenn die Produktübersichts-Seite auch als Landingpage genutzt wird.",{"type":967,"attrs":1320,"content":1321},{"level":975,"textAlign":118},[1322],{"text":1323,"type":513},"3.) Layout, Gestaltung und Eingabefelder",{"type":42,"attrs":1325,"content":1326},{"textAlign":118},[1327],{"text":1328,"type":513},"Auch beim Layout ist die optische Trennung, ähnlich wie bei den Dropdowns, ein zentrales Gestaltungselement. Das Wichtige ist hierbei zum einen, die Facettensuche oder Filternavigation von der Unternavigation abzuheben – sofern vorhanden.",{"type":42,"attrs":1330,"content":1331},{"textAlign":118},[1332,1334,1338],{"text":1333,"type":513},"Zum anderen sollten die gruppierten Eigenschaften entsprechend optisch voneinander getrennt sein, damit hier das Erfassen der Eigenschaftsgruppen leichter fällt („",{"text":1335,"type":513,"marks":1336},"scannability",[1337],{"type":963},{"text":1339,"type":513},"“). Der Titel der Filtergruppe sollte sich eindeutig von den Filtereigenschaften abheben.",{"type":42,"attrs":1341,"content":1342},{"textAlign":118},[1343,1345,1349],{"text":1344,"type":513},"Zur Gestaltung gilt wie so oft in diesem Kontext die dogmatische Regel: ",{"text":1346,"type":513,"marks":1347},"Weniger ist mehr",[1348],{"type":963},{"text":1350,"type":513},". Der Kunde sollte stets auf gelernte Mechanismen zurückgreifen können. Ein Beispiel dafür ist die Verwendung von Checkboxen anstatt selbst gestalteter Elemente mit unterschiedlichen (unbekannten) Zustandsdarstellungen.",{"type":42,"attrs":1352,"content":1353},{"textAlign":118},[1354],{"text":1355,"type":513},"Zwei weitere positive Beispiele:",{"type":1119,"content":1357},[1358,1369],{"type":1122,"content":1359},[1360],{"type":42,"attrs":1361,"content":1362},{"textAlign":118},[1363,1367],{"text":1364,"type":513,"marks":1365},"Farbauswahl-Elemente",[1366],{"type":963},{"text":1368,"type":513},", die bereits in der Darstellung die Farben enthalten oder",{"type":1122,"content":1370},[1371],{"type":42,"attrs":1372,"content":1373},{"textAlign":118},[1374,1378],{"text":1375,"type":513,"marks":1376},"Schieberegler",[1377],{"type":963},{"text":1379,"type":513},", welche eine entsprechend eindeutige Skala mit Pfeilen als Markierungs-/Steuerelemente aufweisen.",{"type":42,"attrs":1381,"content":1382},{"textAlign":118},[1383],{"text":1384,"type":513},"Bei letzteren ist es durchaus wichtig, in welchem Zusammenhang und Bereich diese eingesetzt werden sollen. Soll der Regler bei einer besonders niedrigen oder breiten Skala eingesetzt werden, können zwei Eingabefelder dem Kunden ggf. eher entgegenkommen. Das sollte von Fall zu Fall unterschieden und am besten durch Nutzertests verprobt werden.",{"_uid":1386,"image":1387,"caption":1391,"component":1007},"dc458d44-f314-4ea2-a59c-83b12d9f759f",{"alt":1388,"src":1389,"name":30,"focus":30,"title":118,"source":30,"filename":1389,"copyright":30,"fieldtype":49,"meta_data":1390,"is_external_url":81},"Filternavigation bei Zappos.com","https://storage.googleapis.com/kk-website-assets/Y6P8q1WR_Zappos.com_-610x667.jpg",{"alt":1388,"title":118,"source":30,"copyright":30},{"type":39,"content":1392},[1393],{"type":42,"content":1394},[1395],{"text":1396,"type":513},"Zappos hatte früher die Facettensuche auch oben. Jetzt befindet sich diese links und zeigt dafür die gewählten Filter oben in einer praktischen Zusammenfassung. Diese lassen sich hier sehr leicht wieder entfernen.",{"_uid":1398,"text":1399,"component":995},"eafc6f15-b939-4682-9a5c-65b05b5f1624",{"type":39,"content":1400},[1401,1406,1410,1414],{"type":967,"attrs":1402,"content":1403},{"level":975},[1404],{"text":1405,"type":513},"4.) Wortwahl",{"type":42,"content":1407},[1408],{"text":1409,"type":513},"Die Wortwahl ist an verschiedenen Stellen relevant für den Erfolg der Facettensuche / Filternavigation: Je umfangreicher die Sortimente sind, desto einfacher und selbsterklärender sollte die Navigation aufgebaut sein.",{"type":42,"content":1411},[1412],{"text":1413,"type":513},"Auch hier gelten analog zur Optimierung von Mega-Dropdowns die Standard-Regeln für „writing for the web“:",{"type":1119,"attrs":1415,"content":1416},{"tight":51},[1417,1428,1434],{"type":1122,"content":1418},[1419],{"type":42,"content":1420},[1421,1423,1426],{"text":1422,"type":513},"Es sollte stets mit dem Wort mit dem höchsten Informationsgehalt begonnen werden, um die Erfassbarkeit („",{"text":1335,"type":513,"marks":1424},[1425],{"type":963},{"text":1427,"type":513},"“) zu verbessern.",{"type":1122,"content":1429},[1430],{"type":42,"content":1431},[1432],{"text":1433,"type":513},"In der Regel sind kurze und direkte Grundformen („Farbe“) in diesem Kontext besser als die Verlaufsformen oder Handlungsaufforderungen („Farben auswählen“).",{"type":1122,"content":1435},[1436],{"type":42,"content":1437},[1438],{"text":1439,"type":513},"Beschriftungen sollten deutlich differenziert werden und verständlich sein. Beispielsweise kann “Filter löschen” anstatt “Filter aufheben” oder “Filter zurücksetzen” den Kunden zusätzlich verunsichern.",{"_uid":1441,"image":1442,"caption":1446,"component":1007},"2ccecb01-6060-4761-86d2-2e97d7ea67f6",{"alt":1443,"src":1444,"name":30,"focus":30,"title":118,"source":30,"filename":1444,"copyright":30,"fieldtype":49,"meta_data":1445,"is_external_url":81},"Produktfilter bei ASOS.com","https://storage.googleapis.com/kk-website-assets/0LrxiL0W_ASOS.com_-610x701.jpg",{"alt":1443,"title":118,"source":30,"copyright":30},{"type":39,"content":1447},[1448],{"type":42,"content":1449},[1450],{"text":1451,"type":513},"Die Facettensuche links blendet nicht mehr verfügbare Attribute aus – leider aber auch bereits ausgewählte, so dass hier die Bedienung erschwert wird und nur über ‘Filter löschen’ möglich ist. Hier ist außerdem die Wortwahl ungünstig.",{"_uid":1453,"text":1454,"component":995},"2c7dd7bd-17fd-4f65-8e80-38510ab4466c",{"type":39,"content":1455},[1456,1461,1465,1469,1474,1480,1484,1488,1492,1504,1510,1514,1537,1541,1547,1551,1555,1559,1564,1568,1572,1577,1581,1585,1591,1595],{"type":967,"attrs":1457,"content":1458},{"level":969},[1459],{"text":1460,"type":513},"Wie sollte sich die Facettensuche / Filternavigation verhalten?",{"type":42,"content":1462},[1463],{"text":1464,"type":513},"Das Thema User Experience spielt auch bei der Navigation eine zentrale Rolle. Tatsächlich wird nach wie vor zu selten auf die User Experience und den Joy of Use dieser Elemente geachtet.",{"type":42,"content":1466},[1467],{"text":1468,"type":513},"Bei der User Experience sollten folgende 4 Punkte berücksichtigt werden:",{"type":967,"attrs":1470,"content":1471},{"level":975},[1472],{"text":1473,"type":513},"1.) Geschwindigkeit",{"type":952,"content":1475},[1476],{"type":42,"content":1477},[1478],{"text":1479,"type":513},"Geschwindigkeit ist durch nichts zu ersetzen außer durch noch mehr Geschwindigkeit!",{"type":42,"content":1481},[1482],{"text":1483,"type":513},"🙂 Na ja, da ist was dran. Allerdings sollte man das nicht zu wörtlich nehmen. Es ist sehr wichtig, dass das System dem Kunden vermittelt, dass die Aktivität der Seite unmittelbar das Ergebnis seiner Aktion ist – kausal: “Aktion und Reaktion”.",{"type":42,"content":1485},[1486],{"text":1487,"type":513},"Ohne dieses direkte Feedback kann sonst ein Gefühl des Kontrollverlustes entstehen.",{"type":42,"content":1489},[1490],{"text":1491,"type":513},"Speed is essential to making any user interface feel responsive. -Jakob Nielsen",{"type":42,"content":1493},[1494,1496,1502],{"text":1495,"type":513},"Die Reaktions- und Darstellungsgeschwindigkeit eines Interfaces hat demnach maßgeblichen Einfluss auf die User Experience und die Conversion Rate – was zahlreiche Studien und Nutzerbefragungen belegen (",{"text":1497,"type":513,"marks":1498},"Weiterführende Links",[1499],{"type":939,"attrs":1500},{"href":1501,"title":1497},"#external",{"text":1503,"type":513},").",{"type":42,"content":1505},[1506],{"text":1507,"type":513,"marks":1508},"Wie lässt sich eine hohe Geschwindigkeit erreichen?",[1509],{"type":963},{"type":42,"content":1511},[1512],{"text":1513,"type":513},"Die Antwort auf diese Frage würde deutlich den Rahmen sprengen. Unter’m Strich haben im Wesentlichen zwei systembedingte Faktoren Einfluss auf die Performance einer Facettensuche, Filterung, Unternavigation und natürlich des gesamten Shopsystems:",{"type":1119,"attrs":1515,"content":1516},{"tight":51},[1517,1527],{"type":1122,"content":1518},[1519],{"type":42,"content":1520},[1521,1525],{"text":1522,"type":513,"marks":1523},"Backend",[1524],{"type":963},{"text":1526,"type":513},", u.a. Server, Datenbank, Systemaufbau, Caching uvm. sowie",{"type":1122,"content":1528},[1529],{"type":42,"content":1530},[1531,1535],{"text":1532,"type":513,"marks":1533},"Frontend",[1534],{"type":963},{"text":1536,"type":513},", u.a. Dokumentenstruktur, Grafiken, JavaScript, CSS und Caching.",{"type":42,"content":1538},[1539],{"text":1540,"type":513},"Gehen wir davon aus, dass die Hausaufgaben bereits gemacht wurden und klammern – des Umfangs halber – die Backend- und Frontend-Performance aus, so gibt es noch ein/zwei zusätzliche Tricks, welche die Geschwindigkeit verbessern können:",{"type":967,"attrs":1542,"content":1544},{"level":1543},4,[1545],{"text":1546,"type":513},"Asynchrone Anfragen (AJAX)",{"type":42,"content":1548},[1549],{"text":1550,"type":513},"Anstatt die Seite klassisch bei jeder Filterung mit neuem Ergebnis zu laden, sollte nur der veränderte Bereich aktualisiert werden. Dies bietet nicht nur Vorteile bei der Ladezeit, sondern kann auch aus Suchmaschinen-Sicht von Vorteil sein.",{"type":42,"content":1552},[1553],{"text":1554,"type":513},"Im Prinzip wird dabei die Anfrage an das Shop-System nicht klassisch (synchron als Formular) sondern per JavaScript abgesetzt. Dabei wird ein Zielbereich für das Ergebnis definiert, welcher nach der Antwort des Systems wiederum per JavaScript mit den Ergebniswerten überschrieben wird (z. B. Produktübersicht).",{"type":42,"content":1556},[1557],{"text":1558,"type":513},"Da das hierfür benötigte Datenaufkommen sowohl bei der Anfrage als auch bei der Antwort geringer ist, und nicht die gesamte Seite, sondern lediglich ein Teil neu geladen werden muss, kann schon alleine dadurch die Reaktion schneller sein.",{"type":967,"attrs":1560,"content":1561},{"level":1543},[1562],{"text":1563,"type":513},"Lazy-Loading",{"type":42,"content":1565},[1566],{"text":1567,"type":513},"Mit dieser Methode werden – wie die Übersetzung vermuten lässt – die Inhalte “faul” geladen – also nur der sichtbare Bereich der Seite. Der Rest wird entweder danach, oder im besten Fall sogar erst, wenn dieser benötigt wird, geladen.",{"type":42,"content":1569},[1570],{"text":1571,"type":513},"Auch diese Optimierung ist ausschließlich durch asynchrone Ladevorgänge (AJAX) und per JavaScript möglich. So lässt sich zum Beispiel bei entsprechendem Scrollverhalten des Kunden erst ab einem definierten Schwellwert ein weiterer Teil Produktdaten (z. B. Bilder) laden.",{"type":967,"attrs":1573,"content":1574},{"level":975},[1575],{"text":1576,"type":513},"2.) Animationen und der Umgang mit Inhalten – Loading, Timing, Easing und Fading",{"type":42,"content":1578},[1579],{"text":1580,"type":513},"Nachdem jetzt alle bekannten Buzzword *ing ausgepackt wurden: Wie lässt sich damit das Verhalten der Navigation und die User Experience beeinflussen?",{"type":42,"content":1582},[1583],{"text":1584,"type":513},"Zwei zentrale Punkte einer guten User Experience in diesem Zusammenhang sind, zum einen die Führung des Kunden und zum anderen die Nutzung der Steuerelemente mit einer gewissen Haptik auszustatten:",{"type":952,"content":1586},[1587],{"type":42,"content":1588},[1589],{"text":1590,"type":513},"Die Nutzung soll klar sein und Spaß machen.",{"type":42,"content":1592},[1593],{"text":1594,"type":513},"Änderungen an der Seite sollten im direkten Zusammenhang mit einer Aktion und dabei nicht zufällig sondern kontrolliert erfolgen.",{"type":42,"content":1596},[1597],{"text":1598,"type":513},"Mit anderen Worten: Sobald der Kunde einen Filter setzt oder entfernt, sollte das System durch das gezielte ein- oder ausblenden von Produkten reagieren.",{"_uid":1600,"image":1601,"caption":1605,"component":1007},"4bcc20e3-a3ab-48e3-8fe1-7a0f5fb27476",{"alt":1602,"src":1603,"name":30,"focus":30,"title":118,"source":30,"filename":1603,"copyright":30,"fieldtype":49,"meta_data":1604,"is_external_url":81},"Ladeanimation bei mirapodo.de","https://storage.googleapis.com/kk-website-assets/2C9XqSxN_mirapodo.gif",{"alt":1602,"title":118,"source":30,"copyright":30},{"type":39,"content":1606},[1607],{"type":42,"content":1608},[1609],{"text":1610,"type":513},"Dass eine Ladeanimation nicht immer Standard sein muss, zeigt Mirapodo. Die Nutzung der Filter macht Spaß. Die Produkte werden zwar bei der Filterung aus-, leider aber einschließend nicht mehr eingeblendet.",{"_uid":1612,"text":1613,"component":995},"af8179d6-6713-4816-860e-f2b3de296df7",{"type":39,"content":1614},[1615,1620,1721,1726,1739,1744,1756,1761,1766,1771],{"type":42,"attrs":1616,"content":1617},{"textAlign":118},[1618],{"text":1619,"type":513},"Damit das ganze nicht “hakelig”, “ruckelig” oder “hektisch” wirkt, sollten diese Änderungen dem Kunden entsprechend aufbereitet dargestellt werden. Folgende Beispiele sollen einen Einblick geben, welche Animationen sich in diesem Zusammenhang anbieten:",{"type":1119,"content":1621},[1622,1647,1679,1691,1709],{"type":1122,"content":1623},[1624],{"type":42,"attrs":1625,"content":1626},{"textAlign":118},[1627,1631,1633,1635,1639,1641,1645],{"text":1628,"type":513,"marks":1629},"Produkte weich ein- bzw. ausblenden",[1630],{"type":963},{"type":1632},"hard_break",{"text":1634,"type":513},"Dabei sollte das Ausblenden etwas schneller als das Einblenden erfolgen. Unserer Erfahrung nach haben sich die Werte ",{"text":1636,"type":513,"marks":1637},"450ms für das Einblenden",[1638],{"type":963},{"text":1640,"type":513}," und ",{"text":1642,"type":513,"marks":1643},"250ms für das Ausblenden",[1644],{"type":963},{"text":1646,"type":513}," als Bestpractice herausgestellt.",{"type":1122,"content":1648},[1649],{"type":42,"attrs":1650,"content":1651},{"textAlign":118},[1652,1656,1657,1659,1664,1666,1670,1672,1678],{"text":1653,"type":513,"marks":1654},"Scroll-Effekt für Erweiterung oder Reduzierung",[1655],{"type":963},{"type":1632},{"text":1658,"type":513},"Bei dem auf- oder zuklappen von Filtergruppen bietet es sich an, diese durch einen Scroll-Effekt zu visualisieren. Hier sollte eine entsprechende Übergangsfunktion (Easing), z. B. eine ",{"text":1660,"type":513,"marks":1661},"EaseOutBack",[1662],{"type":1663},"italic",{"text":1665,"type":513}," oder ",{"text":1667,"type":513,"marks":1668},"EaseOutQuad",[1669],{"type":1663},{"text":1671,"type":513}," eingesetzt werden. Eine Zusammenstellung aller Easing-Funktionen findest Du ",{"text":1673,"type":513,"marks":1674},"hier",[1675],{"type":939,"attrs":1676},{"href":1677,"uuid":118,"anchor":118,"target":118,"linktype":136},"http://easings.net/de",{"text":950,"type":513},{"type":1122,"content":1680},[1681],{"type":42,"attrs":1682,"content":1683},{"textAlign":118},[1684,1688,1689],{"text":1685,"type":513,"marks":1686},"Schieberegler und Alternativen",[1687],{"type":963},{"type":1632},{"text":1690,"type":513},"Die Schieberegler sollen entsprechend per Drag & Drop auf der Skala verschoben werden können. Idealerweise sollten entsprechende Eingabefelder die aktuellen Werte in Echtzeit anzeigen. Diese Eingabefelder sollten sich umgekehrt mit Werten füllen lassen und die Schieberegler analog zur Eingabe bewegen. Auch hier bieten sich Übergangsfunktionen an.",{"type":1122,"content":1692},[1693],{"type":42,"attrs":1694,"content":1695},{"textAlign":118},[1696,1700,1701,1703,1704,1706,1707],{"text":1697,"type":513,"marks":1698},"Änderungen ankündigen",[1699],{"type":963},{"type":1632},{"text":1702,"type":513},"Bevorstehende Änderungen lassen sich durch Ladeanimationen ankündigen. Damit kann bereits der Fokus auf bestimmte Elemente gelenkt oder (längere) Ladevorgänge verpackt werden.",{"type":1632},{"text":1705,"type":513},"Der Einsatz der “endlos drehenden Ladeanimationen” ist beim (Nach)laden von Elementen seit einigen Jahren ein gelerntes Element und spricht oft für eine dynamische Seite.",{"type":1632},{"text":1708,"type":513},"Dabei kann die Ladeanimation ein Platzhalter, beispielsweise für einzelne Produktbilder, sein oder z. B. die gesamte Facettensuche, Filternavigation oder die Produktübersicht überblendet und mit einer Ladeanimation versehen werden. Dies bietet sich insbesondere für asynchrone Ladevorgänge an.",{"type":1122,"content":1710},[1711],{"type":42,"attrs":1712,"content":1713},{"textAlign":118},[1714,1718,1719],{"text":1715,"type":513,"marks":1716},"Blickrichtung vorgeben",[1717],{"type":963},{"type":1632},{"text":1720,"type":513},"Durch das gezielte bzw. priorisierte Einblenden von Inhalten kann der Blick auf gewisse Inhalte gelenkt und damit ein Fokus vorgegeben werden.",{"type":42,"attrs":1722,"content":1723},{"textAlign":118},[1724],{"text":1725,"type":513},"Ein besonderes Beispiel für einen hohen Joy of Use hat trotz ungewöhnlicher Position der Filterung archiduchesse.com. Hier ist selbst die Produktsortierung nach erfolgter Filterung animiert und macht Spaß.",{"type":42,"attrs":1727,"content":1728},{"textAlign":118},[1729],{"type":1730,"attrs":1731,"marks":1735},"image",{"id":118,"alt":1732,"src":1733,"title":118,"source":30,"copyright":30,"meta_data":1734},"Animierter Produktfilter von archiduchesse.com","https://storage.googleapis.com/kk-website-assets/u4cUWM8J_archiduchesse.gif",{"alt":1732,"title":118,"source":30,"copyright":30},[1736],{"type":939,"attrs":1737},{"href":1738,"uuid":118,"anchor":118,"target":118,"linktype":136},"//www.konversionskraft.de/wp-content/uploads/2013/07/archiduchesse.gif",{"type":42,"attrs":1740,"content":1741},{"textAlign":118},[1742],{"text":1743,"type":513},"Ein weiteres Beispiel von Burton.com zeigt auch eine animierte Filterung. Allerdings werden die Produkte in diesem Fall komplett ausgeblendet und fertig sortiert wieder eingeblendet. Leider kommt dabei stellenweise eine recht lange Lücke zustande, welche nicht mit einer Ladeanimation gefüllt wurde.",{"type":42,"attrs":1745,"content":1746},{"textAlign":118},[1747],{"type":1730,"attrs":1748,"marks":1752},{"id":118,"alt":1749,"src":1750,"title":118,"source":30,"copyright":30,"meta_data":1751},"Produktfilterung bei burton.com","https://storage.googleapis.com/kk-website-assets/Dcll68G4_burton.gif",{"alt":1749,"title":118,"source":30,"copyright":30},[1753],{"type":939,"attrs":1754},{"href":1755,"uuid":118,"anchor":118,"target":118,"linktype":136},"//www.konversionskraft.de/wp-content/uploads/2013/07/burton.gif",{"type":967,"attrs":1757,"content":1758},{"level":969,"textAlign":118},[1759],{"text":1760,"type":513},"Fazit",{"type":42,"attrs":1762,"content":1763},{"textAlign":118},[1764],{"text":1765,"type":513},"Facettensuche und Filternavigation bieten ähnlich viel Potenzial zur Optimierung wie Mega-Dropdowns. Hier können einige Optimierungsansätze übernommen werden. Der Vorteil der Optimierung dieser Elemente ist, dass sie sukzessive durchgeführt werden kann und sich sehr gut durch Nutzertests verproben und optimieren lässt.",{"type":42,"attrs":1767,"content":1768},{"textAlign":118},[1769],{"text":1770,"type":513},"Somit ist ein “harter Umstieg” nicht zwangsläufig erforderlich, sondern kann auch Schritt für Schritt über Erweiterungen und Weiterentwicklungen erfolgen. Hier lässt sich das Mantra “launch early, launch often” sehr gut anwenden.",{"type":967,"attrs":1772},{"level":969,"textAlign":118},{"alt":903,"src":1774,"name":30,"focus":30,"title":118,"source":30,"filename":1774,"copyright":30,"fieldtype":49,"meta_data":1775},"//a.storyblok.com/f/328018/868cdd0791/praxistipps-conversion-optimierung-mit-facetten-suche-filternavigation-html-1812e97f-mirapodo.gif",{"alt":903,"title":118,"source":30,"copyright":30},[1777],{"name":1778,"created_at":1779,"published_at":1780,"updated_at":1781,"id":1782,"uuid":1783,"content":1784,"slug":1808,"full_slug":1809,"sort_by_date":118,"position":1810,"tag_list":1811,"is_startpage":51,"parent_id":1812,"meta_data":118,"group_id":1813,"first_published_at":1814,"release_id":118,"lang":124,"path":118,"alternates":1815,"default_full_slug":118,"translated_slugs":118,"_stopResolving":81},"Manuel Brückmann","2025-10-10T19:59:54.476Z","2025-11-27T08:54:47.020Z","2025-10-13T20:21:36.957Z",100093110214653,"5ac92d9a-7a72-4642-8cee-fd6f11c2cd0b",{"_uid":1785,"name":1778,"role":30,"about":1786,"email":1800,"avatar":1801,"component":1804,"social_link_x":1805,"social_link_dribbble":30,"social_link_facebook":1806,"social_link_linked_in":1807},"e0a536f1-84e2-43bb-943c-1ee1d098049f",{"type":39,"content":1787},[1788,1792,1796],{"type":42,"content":1789},[1790],{"text":1791,"type":513},"Manuel Brückmann, Jahrgang 1982, ist als Principal Technology Consulting bei konversionsKRAFT – Deutschlands führende Agentur für Conversion Optimierung – für den Bereich Technologie Beratung verantwortlich.",{"type":42,"content":1793},[1794],{"text":1795,"type":513},"Sein Werdegang begann 2007 im Bereich Design & Usability. Mit dem Abschluss als Dipl. Ing. (FH) Medieninformatik sammelte er als Consultant und Projektmanager in den darauf folgenden 2 Jahren Erfahrungen, bis er 2009 in den Bereich Interaction Design & Interface Development wechselte. Zwei Jahre später sammelte er in der Rolle des Senior User Experience Engineer Erfahrungen im UX-Bereich. In den folgenden Jahren übernahm er seit Anfang 2012 die Verantwortung für den Bereich Conversion Engineering bei konversionsKRAFT und führte eine interdisziplinäre Business Unit. Seit Anfang 2016 gehörte er zur Geschäftsleitung und übernahm dort die Führung der Technologie im Unternehmen. Seit 2019 konzentriert er sich als Principal Technology Consultant auf die technischen Beratungsthemen im Unternehmen.",{"type":42,"content":1797},[1798],{"text":1799,"type":513},"Neben umfangreichen Kenntnissen aus dem Bereich Technologie und Webentwicklung (Web Oberflächentechnologien, Medien, User Experience, Mobile, SEO) weist er 15 Jahre Erfahrung in den Bereichen Conversion Optimierung, E-Commerce, Lead-Generierung, Konsumpsychologie, Usability, Projekt-, Account -und Team-Management vor.","manuel.brueckmann@konversionskraft.de",{"alt":1778,"src":1802,"name":30,"focus":30,"title":1778,"source":30,"filename":1802,"copyright":30,"fieldtype":49,"meta_data":1803,"is_external_url":81},"https://storage.googleapis.com/kk-website-assets/XOvMZlCN_manu-brueckmann.png",{"alt":1778,"title":1778,"source":30,"copyright":30},"page-author","https://twitter.com/#!/brdgmn","https://www.facebook.com/manuel.brueckmann","https://de.linkedin.com/in/manuel-brckmann-6a19b63b","manuel-bruckmann","de/autoren/manuel-bruckmann",-130,[],677009943,"a34893b6-3b48-4781-af31-84fae1d16c80","2025-11-17T10:34:46.245Z",[],"f9890b3e-4bf7-41d4-bf3f-105c88ecb801","page-blog-post",[1819,1835,1849,1863,1876],{"name":1820,"created_at":1821,"published_at":1822,"updated_at":1821,"id":1823,"uuid":1816,"content":1824,"slug":1827,"full_slug":1828,"sort_by_date":118,"position":1829,"tag_list":1830,"is_startpage":51,"parent_id":1831,"meta_data":118,"group_id":1832,"first_published_at":1833,"release_id":118,"lang":124,"path":118,"alternates":1834,"default_full_slug":118,"translated_slugs":118,"_stopResolving":81},"Conversion Checklisten","2025-10-13T20:20:55.069Z","2025-11-27T08:54:46.522Z",101159956802984,{"_uid":1825,"component":1826},"d820f724-2031-4ca4-8f13-c6f16f3957ca","document-blog-category","checklisten","de/_categories/checklisten",-110,[],101158655217801,"4971d030-5f1f-4d13-a7db-cda7d157794b","2025-11-17T10:34:46.494Z",[],{"name":58,"created_at":1836,"published_at":1837,"updated_at":1838,"id":1839,"uuid":1840,"content":1841,"slug":1843,"full_slug":1844,"sort_by_date":118,"position":1845,"tag_list":1846,"is_startpage":51,"parent_id":1831,"meta_data":118,"group_id":1847,"first_published_at":1833,"release_id":118,"lang":124,"path":118,"alternates":1848,"default_full_slug":118,"translated_slugs":118,"_stopResolving":81},"2025-10-13T20:20:52.315Z","2026-10-08T05:47:03.890Z","2026-10-08T05:47:03.903Z",101159945518502,"364d2727-911e-41c4-b15c-1205edcf07ef",{"_uid":1842,"component":1826},"bfad03a7-f1bb-465f-b8c8-f0265d8805ad","conversion-optimierung","de/_categories/conversion-optimierung",-100,[],"fa5d4a3d-d28d-4392-bcf9-0a27d7ee893e",[],{"name":1850,"created_at":1851,"published_at":1852,"updated_at":1853,"id":1854,"uuid":1855,"content":1856,"slug":1858,"full_slug":1859,"sort_by_date":118,"position":119,"tag_list":1860,"is_startpage":51,"parent_id":1831,"meta_data":118,"group_id":1861,"first_published_at":1833,"release_id":118,"lang":124,"path":118,"alternates":1862,"default_full_slug":118,"translated_slugs":118,"_stopResolving":81},"A/B-Testing","2025-10-13T20:20:36.242Z","2026-10-08T05:55:32.229Z","2026-10-08T05:55:32.241Z",101159879683477,"430ab7d7-8d03-4995-856e-478aa05dd33e",{"_uid":1857,"component":1826},"f510a510-df14-4dd3-b179-909017021494","experimentation","de/_categories/experimentation",[],"27b82645-0fb7-46c1-85f9-4056d28d1b36",[],{"name":1864,"created_at":1865,"published_at":1822,"updated_at":1865,"id":1866,"uuid":1867,"content":1868,"slug":1870,"full_slug":1871,"sort_by_date":118,"position":1872,"tag_list":1873,"is_startpage":51,"parent_id":1831,"meta_data":118,"group_id":1874,"first_published_at":1833,"release_id":118,"lang":124,"path":118,"alternates":1875,"default_full_slug":118,"translated_slugs":118,"_stopResolving":81},"Tipps","2025-10-13T20:20:33.468Z",101159868312978,"7d09034d-64bf-41b8-9118-48f96001172e",{"_uid":1869,"component":1826},"1f4cfb7a-1ab1-4396-931a-ce9bd0e013e8","tipps","de/_categories/tipps",-20,[],"e20b3508-a9a0-4d4a-a437-3193d59f8824",[],{"name":58,"created_at":1877,"published_at":1878,"updated_at":1879,"id":1880,"uuid":1881,"content":1882,"slug":1884,"full_slug":1885,"sort_by_date":118,"position":1886,"tag_list":1887,"is_startpage":51,"parent_id":1831,"meta_data":118,"group_id":1888,"first_published_at":1833,"release_id":118,"lang":124,"path":118,"alternates":1889,"default_full_slug":118,"translated_slugs":118,"_stopResolving":81},"2025-11-12T16:13:15.051Z","2026-10-08T05:46:27.419Z","2026-10-08T05:46:27.431Z",111715922161035,"8120c6dd-bb53-431c-ba75-2f6b5aab0fec",{"_uid":1883,"component":1826},"66c5d594-294c-40c0-aa36-f98d454c5da5","conversion-rate-optimization","de/_categories/conversion-rate-optimization",-360,[],"e640490d-484c-4003-95d5-920619240771",[],[],[1892,1898,1905],{"_uid":1893,"link":1894,"text":1897,"component":59},"847b5d34-00f0-495d-a2ce-8046ebada7f8",{"id":1895,"url":1896,"linktype":31,"fieldtype":32,"cached_url":1896},632563185,"de","Home",{"_uid":1899,"link":1900,"text":442,"component":59},"54ce1e63-852e-4a62-8709-b465d6e1c62f",{"id":1901,"url":1902,"linktype":31,"fieldtype":32,"cached_url":1902,"story":1903},"7cc26d60-883e-42a6-8af9-9c1241ebd4eb","de/blog",{"name":442,"id":1904,"uuid":1901,"slug":440,"url":1902,"full_slug":1902,"_stopResolving":81},99774720228859,{"_uid":1906,"link":1907,"text":903,"component":59},"202aa5d0-80fa-4a98-a2fc-4f8886ffac06",{"id":908,"url":1908,"linktype":31,"fieldtype":32,"cached_url":1908,"story":1909},"de/blog/conversion-rate-optimization/praxistipps-conversion-optimierung-mit-facetten-suche-filternavigation",{"name":903,"id":907,"uuid":908,"slug":1910,"url":1911,"full_slug":1911,"_stopResolving":81},"praxistipps-conversion-optimierung-mit-facetten-suche-filternavigation","de/conversion-rate-optimization/praxistipps-conversion-optimierung-mit-facetten-suche-filternavigation",[],"15",[],[],-180,[],101806328180263,"74395511-3338-4c80-96e8-bc974b5744e1","2013-07-16T08:19:52.000Z",[],[1923,1927,1931,1948,1952,1956],{"name":58,"created_at":1836,"published_at":1837,"updated_at":1838,"id":1839,"uuid":1840,"content":1924,"slug":1843,"full_slug":1844,"sort_by_date":118,"position":1845,"tag_list":1925,"is_startpage":51,"parent_id":1831,"meta_data":118,"group_id":1847,"first_published_at":1833,"release_id":118,"lang":124,"path":118,"alternates":1926,"default_full_slug":118,"translated_slugs":118},{"_uid":1842,"component":1826},[],[],{"name":1850,"created_at":1851,"published_at":1852,"updated_at":1853,"id":1854,"uuid":1855,"content":1928,"slug":1858,"full_slug":1859,"sort_by_date":118,"position":119,"tag_list":1929,"is_startpage":51,"parent_id":1831,"meta_data":118,"group_id":1861,"first_published_at":1833,"release_id":118,"lang":124,"path":118,"alternates":1930,"default_full_slug":118,"translated_slugs":118},{"_uid":1857,"component":1826},[],[],{"name":1778,"created_at":1779,"published_at":1780,"updated_at":1781,"id":1782,"uuid":1783,"content":1932,"slug":1808,"full_slug":1809,"sort_by_date":118,"position":1810,"tag_list":1946,"is_startpage":51,"parent_id":1812,"meta_data":118,"group_id":1813,"first_published_at":1814,"release_id":118,"lang":124,"path":118,"alternates":1947,"default_full_slug":118,"translated_slugs":118},{"_uid":1785,"name":1778,"role":30,"about":1933,"email":1800,"avatar":1944,"component":1804,"social_link_x":1805,"social_link_dribbble":30,"social_link_facebook":1806,"social_link_linked_in":1807},{"type":39,"content":1934},[1935,1938,1941],{"type":42,"content":1936},[1937],{"text":1791,"type":513},{"type":42,"content":1939},[1940],{"text":1795,"type":513},{"type":42,"content":1942},[1943],{"text":1799,"type":513},{"alt":1778,"src":1802,"name":30,"focus":30,"title":1778,"source":30,"filename":1802,"copyright":30,"fieldtype":49,"meta_data":1945,"is_external_url":81},{"alt":1778,"title":1778,"source":30,"copyright":30},[],[],{"name":1864,"created_at":1865,"published_at":1822,"updated_at":1865,"id":1866,"uuid":1867,"content":1949,"slug":1870,"full_slug":1871,"sort_by_date":118,"position":1872,"tag_list":1950,"is_startpage":51,"parent_id":1831,"meta_data":118,"group_id":1874,"first_published_at":1833,"release_id":118,"lang":124,"path":118,"alternates":1951,"default_full_slug":118,"translated_slugs":118},{"_uid":1869,"component":1826},[],[],{"name":58,"created_at":1877,"published_at":1878,"updated_at":1879,"id":1880,"uuid":1881,"content":1953,"slug":1884,"full_slug":1885,"sort_by_date":118,"position":1886,"tag_list":1954,"is_startpage":51,"parent_id":1831,"meta_data":118,"group_id":1888,"first_published_at":1833,"release_id":118,"lang":124,"path":118,"alternates":1955,"default_full_slug":118,"translated_slugs":118},{"_uid":1883,"component":1826},[],[],{"name":1820,"created_at":1821,"published_at":1822,"updated_at":1821,"id":1823,"uuid":1816,"content":1957,"slug":1827,"full_slug":1828,"sort_by_date":118,"position":1829,"tag_list":1958,"is_startpage":51,"parent_id":1831,"meta_data":118,"group_id":1832,"first_published_at":1833,"release_id":118,"lang":124,"path":118,"alternates":1959,"default_full_slug":118,"translated_slugs":118},{"_uid":1825,"component":1826},[],[],[1961,1962,1963],{"name":903,"id":907,"uuid":908,"slug":1910,"url":1911,"full_slug":1911},{"name":442,"id":1904,"uuid":1901,"slug":440,"url":1902,"full_slug":1902},{"name":945,"id":946,"uuid":942,"slug":947,"url":948,"full_slug":948},"\u003Csvg width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\" fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\">\n\u003Cpath d=\"M9.70697 16.9496L15.414 11.2426L9.70697 5.53564L8.29297 6.94964L12.586 11.2426L8.29297 15.5356L9.70697 16.9496Z\" fill=\"currentColor\"/>\n\u003C/svg>\n","\u003Csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" fill=\"currentColor\" viewBox=\"0 0 256 256\">\u003Cpath d=\"M224,48H32a8,8,0,0,0-8,8V192a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A8,8,0,0,0,224,48Zm-96,85.15L52.57,64H203.43ZM98.71,128,40,181.81V74.19Zm11.84,10.85,12,11.05a8,8,0,0,0,10.82,0l12-11.05,58,53.15H52.57ZM157.29,128,216,74.18V181.82Z\">\u003C/path>\u003C/svg>","\u003Csvg width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\" fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\">\n\u003Cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M4.5 3.24268C3.67157 3.24268 3 3.91425 3 4.74268V19.7427C3 20.5711 3.67157 21.2427 4.5 21.2427H19.5C20.3284 21.2427 21 20.5711 21 19.7427V4.74268C21 3.91425 20.3284 3.24268 19.5 3.24268H4.5ZM8.52076 7.2454C8.52639 8.20165 7.81061 8.79087 6.96123 8.78665C6.16107 8.78243 5.46357 8.1454 5.46779 7.24681C5.47201 6.40165 6.13998 5.72243 7.00764 5.74212C7.88795 5.76181 8.52639 6.40728 8.52076 7.2454ZM12.2797 10.0044H9.75971H9.7583V18.5643H12.4217V18.3646C12.4217 17.9847 12.4214 17.6047 12.4211 17.2246C12.4203 16.2108 12.4194 15.1959 12.4246 14.1824C12.426 13.9363 12.4372 13.6804 12.5005 13.4455C12.7381 12.568 13.5271 12.0013 14.4074 12.1406C14.9727 12.2291 15.3467 12.5568 15.5042 13.0898C15.6013 13.423 15.6449 13.7816 15.6491 14.129C15.6605 15.1766 15.6589 16.2242 15.6573 17.2719C15.6567 17.6417 15.6561 18.0117 15.6561 18.3815V18.5629H18.328V18.3576C18.328 17.9056 18.3278 17.4537 18.3275 17.0018C18.327 15.8723 18.3264 14.7428 18.3294 13.6129C18.3308 13.1024 18.276 12.599 18.1508 12.1054C17.9638 11.3713 17.5771 10.7638 16.9485 10.3251C16.5027 10.0129 16.0133 9.81178 15.4663 9.78928C15.404 9.78669 15.3412 9.7833 15.2781 9.77989C14.9984 9.76477 14.7141 9.74941 14.4467 9.80334C13.6817 9.95662 13.0096 10.3068 12.5019 10.9241C12.4429 10.9949 12.3852 11.0668 12.2991 11.1741L12.2797 11.1984V10.0044ZM5.68164 18.5671H8.33242V10.01H5.68164V18.5671Z\" fill=\"currentColor\"/>\n\u003C/svg>\n","\u003Csvg width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\" fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\">\n\u003Cpath d=\"M17.1761 4.24268H19.9362L13.9061 11.0201L21 20.2427H15.4456L11.0951 14.6493L6.11723 20.2427H3.35544L9.80517 12.9935L3 4.24268H8.69545L12.6279 9.3553L17.1761 4.24268ZM16.2073 18.6181H17.7368L7.86441 5.78196H6.2232L16.2073 18.6181Z\" fill=\"currentColor\"/>\n\u003C/svg>","\u003Csvg width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\" fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\">\n\u003Cpath d=\"M22 12.3038C22 6.74719 17.5229 2.24268 12 2.24268C6.47715 2.24268 2 6.74719 2 12.3038C2 17.3255 5.65684 21.4879 10.4375 22.2427V15.2121H7.89844V12.3038H10.4375V10.0872C10.4375 7.56564 11.9305 6.1728 14.2146 6.1728C15.3088 6.1728 16.4531 6.36931 16.4531 6.36931V8.84529H15.1922C13.95 8.84529 13.5625 9.6209 13.5625 10.4166V12.3038H16.3359L15.8926 15.2121H13.5625V22.2427C18.3432 21.4879 22 17.3257 22 12.3038Z\" fill=\"currentColor\"/>\n\u003C/svg>\n","\u003Csvg width=\"1em\" height=\"1em\" viewBox=\"0 0 16 16\" fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\">\n\u003Cpath d=\"M13.5893 0.458984L7.93196 6.11498L2.27596 0.458984L0.390625 2.34432L6.04662 8.00032L0.390625 13.6563L2.27596 15.5417L7.93196 9.88565L13.5893 15.5417L15.4746 13.6563L9.81863 8.00032L15.4746 2.34432L13.5893 0.458984Z\" fill=\"currentColor\"/>\n\u003C/svg>\n",{"stories":1971,"total":5144},[1972,2576,3801],{"name":1973,"created_at":1974,"published_at":1975,"updated_at":1976,"id":1977,"uuid":1978,"content":1979,"slug":2562,"full_slug":2563,"sort_by_date":118,"position":2568,"tag_list":2569,"is_startpage":51,"parent_id":1918,"meta_data":118,"group_id":2573,"first_published_at":2574,"release_id":118,"lang":124,"path":118,"alternates":2575,"default_full_slug":118,"translated_slugs":118},"Formular-Optimierung: 5 Behavior Patterns in der Anwendung (inkl. Checkliste)","2025-10-15T16:19:24.436Z","2026-02-04T07:31:21.352Z","2026-02-04T07:31:21.378Z",101808391971299,"6f423b8f-ed3f-4c3b-a277-128cf26e462d",{"seo":1980,"_uid":1983,"body":1984,"text":1982,"image":2471,"footer":30,"header":30,"authors":2474,"category":2476,"headline":1973,"component":1817,"categories":2477,"bottom_head":2548,"breadcrumbs":2549,"seo_noindex":51,"sidebar_cta":2564,"reading_time":2565,"seo_nofollow":51,"seo_canonical":30,"bottom_buttons":2566,"additional_slot":2567,"sidebar_cta_enabled":81,"sidebar_toc_enabled":81},{"title":1981,"plugin":912,"og_image":30,"og_title":1981,"description":1982,"twitter_image":30,"twitter_title":1981,"og_description":1982,"twitter_description":1982},"Formular-Optimierung mit Behavior Patterns - konversionsKRAFT","Formulare optimieren leicht gemacht: Anhand von Vorher-Nachher-Beispielen zeigen wir dir nutzerzentrierte Optimierungsmaßnahmen, inkl. Checkliste ✓Jetzt lesen!","dc32db3d-3a57-4c6f-88c3-b18614967468",[1985,2012,2020,2047,2055,2068,2077,2097,2146,2160,2168,2187,2195,2220,2228,2260,2268,2286,2294,2322,2330],{"_uid":1986,"text":1987,"component":995},"e310b680-8b38-41db-b019-ef1eb1b65ae9",{"type":39,"content":1988},[1989,1995,1999,2004,2008],{"type":42,"content":1990},[1991],{"text":1992,"type":513,"marks":1993},"Formulare können der Flaschenhals in deinem Funnel sein: Selbst wer viele Website-Besucher hat, verliert aufgrund einseitig gestalteter Formulare schnell eine Vielzahl davon. Im Folgenden zeigen wir dir anhand ausgewählter praktischer Fälle, wie du konkret ein Online-Formular optimieren kannst, um zufriedene Nutzer zu haben und um letztlich mehr Conversions zu erzielen. Unser Bonus: Deine Checkliste zur Formularoptimierung!",[1994],{"type":963},{"type":42,"content":1996},[1997],{"text":1998,"type":513},"Bei Formularen spielt die Kosten-Nutzen-Rechnung für Website-Nutzer eine wesentliche Rolle. Nicht zuletzt ist die Bereitschaft, die eigenen Daten preiszugeben, bei vielen Menschen nicht besonders hoch [1], die Erwartungen dafür umso mehr. Insofern ist es eine regelrechte Herausforderung, Menschen dazu zu motivieren, online ein Formular auszufüllen. Zu diesem Zweck lohnt sich ein Exkurs in die konsumpsychologischen Verhaltensmuster von Menschen. So kannst du erstens deine Nutzer besser verstehen und zweitens diese Erkenntnisse in der Gestaltung deines Formulars bzw. deiner Formulare einfließen lassen.",{"type":967,"attrs":2000,"content":2001},{"level":969},[2002],{"text":2003,"type":513},"Unser Praxis-Beispiel für ein Online-Formular: Wie es nicht funktioniert",{"type":42,"content":2005},[2006],{"text":2007,"type":513},"Um dir aufzuzeigen, wie man ein konversionsstarkes Formular gestaltet, möchten wir dir den Verlauf von einem schlecht gestalteten Formular zu einem gelungenen, optimierten Formular aufzeigen. So wird der qualitative Unterschied besser erkennbar.",{"type":42,"content":2009},[2010],{"text":2011,"type":513},"In unserem konkreten Fall handelt es sich um ein Formular, das, wenn ausgefüllt, ein E-Book zum Download freigibt – quasi klassische Lead-Generierung. Auf den ersten Blick sind alle typischen Merkmale eines Formulars gegeben, aber so wirklich Lust bekommen Nutzer nicht, die Felder mit den eigenen Angaben zu befüllen.",{"_uid":2013,"image":2014,"caption":2018,"component":1007},"36e67303-ce2c-4cdf-bfdf-6f1d42f83467",{"alt":2015,"src":2016,"name":30,"focus":30,"title":118,"source":30,"filename":2016,"copyright":30,"fieldtype":49,"meta_data":2017,"is_external_url":81},"Formularoptimierung","https://storage.googleapis.com/kk-website-assets/jUCeNPEJ_Blogbeitrag_Formular-Optimierung_Ausgangsbeispiel-Clean-e1571052248274.png",{"alt":2015,"title":118,"source":30,"copyright":30},{"type":39,"content":2019},[],{"_uid":2021,"text":2022,"component":995},"2da4d594-b517-4c91-bf3a-bb7d605e7f3c",{"type":39,"content":2023},[2024,2028,2038,2043],{"type":42,"content":2025},[2026],{"text":2027,"type":513},"Schauen wir uns das Ganze genauer an: Auffällig ist zum einen das beliebig ausgewählte Stockfoto. Was für eine Rolle spielt dieser Mann auf dieser Formularseite? – Keine erkennbare. Damit wären wir schon beim ersten Problem: Das Foto unterstützt die Funktion der Formularseite nicht, da der Bezug des Fotos zum Ganzen nicht nachvollziehbar ist.",{"type":42,"content":2029},[2030,2032,2036],{"text":2031,"type":513},"Ebensowenig findet man als Nutzer Gründe, warum man dieses E-Book herunterladen sollte. Zwar gibt es einen Titel, der spannend klingt (“Die Präsentationsgeheimnisse von Steve Jobs”) und der den Website-Besucher überhaupt auf die Formularseite geführt zu haben scheint, doch was genau zeichnet dieses E-Book aus? Vielmehr scheint es, als würde man im Gegenzug für die Angabe der eigenen, ",{"text":2033,"type":513,"marks":2034},"sehr konkreten",[2035],{"type":1663},{"text":2037,"type":513}," Daten die Katze im Sack erhalten. Warum also sollte ein Nutzer hier seine Daten eingeben?",{"type":967,"attrs":2039,"content":2040},{"level":969},[2041],{"text":2042,"type":513},"Formulare optimieren: So sorgst du für zufriedene Nutzer und eine höhere Conversion-Rate",{"type":42,"content":2044},[2045],{"text":2046,"type":513},"Für uns war die Ausgangslage eine willkommene Herausforderung: Die Optimierung dieses Formulars war nämlich nicht nur eine Frage der Usability, sondern involvierte ebenso den Einsatz konsumpsychologischer Prinzipien. Im Folgenden zeigen wir dir, welche Behavior Patterns wir einsetzten, um das Ausfüllen des Formulars attraktiver zu machen.",{"_uid":2048,"image":2049,"caption":2053,"component":1007},"ae2a6388-4b8b-47d6-9afd-0732354e8921",{"alt":2050,"src":2051,"name":30,"focus":30,"title":118,"source":30,"filename":2051,"copyright":30,"fieldtype":49,"meta_data":2052,"is_external_url":81},"Formularoptimierung mit Fokus auf Nutzerbedürfnisse","https://storage.googleapis.com/kk-website-assets/KMrao7P3_Blogbeitrag_Formular_Optimierung_Clean-ohne-Pfeile-e1571055718246.png",{"alt":2050,"title":118,"source":30,"copyright":30},{"type":39,"content":2054},[],{"_uid":2056,"text":2057,"component":995},"0ceb836f-d95b-4cef-bebb-4134ad6ff610",{"type":39,"content":2058},[2059],{"type":42,"content":2060},[2061,2063,2067],{"text":2062,"type":513},"Zunächst fällt dir auf der optimierten Formularseite höchstwahrscheinlich das neue Bild auf. Statt eines beliebig gewählten Fotos siehst du nun Steve Jobs – immerhin geht es um die Präsentationsgeheimnisse des ehemaligen Apple CEOs! Damit der Bezug um ein Weiteres deutlicher zu Tage tritt, ist darüber hinaus sein Name auch auf der E-Book-Visualisierung neben dem Portrait zu sehen. Das Behavior Pattern, das hier wirkt, ist das der ",{"text":2064,"type":513,"marks":2065},"Authority",[2066],{"type":963},{"text":950,"type":513},{"_uid":2069,"size":2070,"image":2071,"caption":2075,"component":1007},"fb190ff6-99e3-49ed-ad17-7fc144b002c6","half",{"alt":2072,"src":2073,"name":30,"focus":30,"title":118,"source":30,"filename":2073,"copyright":30,"fieldtype":49,"meta_data":2074,"is_external_url":81},"Behavior Pattern Authority für Formulare","https://storage.googleapis.com/kk-website-assets/1DOOyBAY_authority.png",{"alt":2072,"title":118,"source":30,"copyright":30},{"type":39,"content":2076},[],{"_uid":2078,"text":2079,"component":995},"2267a31d-5ca3-4de9-8a8e-8ecb82ea2f34",{"type":39,"content":2080},[2081,2092],{"type":42,"attrs":2082,"content":2083},{"textAlign":118},[2084,2086,2090],{"text":2085,"type":513},"Das ",{"text":2087,"type":513,"marks":2088},"Behavior Pattern Authority",[2089],{"type":963},{"text":2091,"type":513}," beruht auf dem Vertrauen, das Menschen jenen mit Autorität beimessen. Je höher die Bekanntheit, Expertise und damit die Autorität auf einem Gebiet, desto stärker ist das Vertrauen gegenüber dieser Autorität ausgeprägt. Frag dich also am besten, welche Autorität du nutzen kannst, damit Nutzer dein Angebot noch mehr wertschätzen!",{"type":42,"attrs":2093,"content":2094},{"textAlign":118},[2095],{"text":2096,"type":513},"Dafür bedarf es nicht unbedingt einer Koryphäe wie Steve Jobs. Die Nutzung von seriösen, bekannten Quellen wie offiziellen Statistik-Datenbanken, Stimmen von renommierten Kunden oder Referenzen zu einschlägigen Veröffentlichungen können ebenfalls diesen Effekt bei deinen Nutzern erzeugen.",{"_uid":2098,"icon":30,"text":2099,"image":2124,"theme":2126,"component":2127,"action_buttons":2128,"image_position":2145},"071a6628-6924-4fe9-8830-770a69b2077d",{"type":39,"content":2100},[2101],{"type":42,"attrs":2102,"content":2103},{"textAlign":118},[2104,2108,2115,2119],{"text":2105,"type":513,"marks":2106},"🎓 Schon gewusst?",[2107],{"type":963},{"text":2109,"type":513,"marks":2110}," Kennst du schon unseren kostenlosen ",[2111],{"type":2112,"attrs":2113},"textStyle",{"color":2114},"#FFFFFF",{"text":2116,"type":513,"marks":2117},"E-Mail-Kurs: 6 Schritte zum Behavior-Pattern-Experten",[2118],{"type":963},{"text":2120,"type":513,"marks":2121},"? Lerne, wie du psychologische Verhaltensmuster erkennst und direkt im Alltag & Job einsetzen kannst.",[2122],{"type":2112,"attrs":2123},{"color":2114},{"id":118,"alt":118,"name":30,"focus":118,"title":118,"source":118,"filename":30,"copyright":118,"fieldtype":49,"meta_data":2125},{},"brand","richtext-callout",[2129],{"_uid":2130,"buttons":2131,"caption":2142,"component":43,"caption_position":44},"95e088f9-3a02-4e67-bff4-6dd56d26fd77",[2132],{"_uid":2133,"icon":27,"link":2134,"text":2141,"intent":35,"component":36,"icon_position":37},"e7badbfd-0ccf-467a-bf60-cd81cf553e3a",{"id":2135,"url":30,"linktype":31,"fieldtype":32,"cached_url":2136,"story":2137},"4ef5ed51-a3a6-4bb2-a504-9f303d15c22d","de/weiterbildung/e-mail-kurs-6-schritte-zum-behavior-pattern-experten",{"name":2138,"id":2139,"uuid":2135,"slug":2140,"url":2136,"full_slug":2136,"_stopResolving":81},"E-Mail Kurs: 6 Schritte zum Behavior Pattern Experten",62057690898070,"e-mail-kurs-6-schritte-zum-behavior-pattern-experten","Jetzt kostenlos anmelden ",{"type":39,"content":2143},[2144],{"type":42},"side",{"_uid":2147,"text":2148,"component":995},"ac5669e8-6ec8-4f3e-8bf0-13f06623a65c",{"type":39,"content":2149},[2150,2155],{"type":967,"attrs":2151,"content":2152},{"level":969,"textAlign":118},[2153],{"text":2154,"type":513},"Die Bedeutung eines Formulars für die Erstellung oder Optimierung nutzen",{"type":42,"attrs":2156,"content":2157},{"textAlign":118},[2158],{"text":2159,"type":513},"Führt man sich den Sinn eines Formulars bewusst vor Augen, wird klar, dass es sich um einen Tausch handelt: Du bietest etwas an, in diesem Fall ein E-Book zu den Präsentationstechniken von Steve Jobs, was deine Website-Besucher interessieren könnte. Da in einem E-Book Arbeit steckt, erbittest du einige Angaben deiner Nutzer statt Geld, um sie später für weitere Angebote deinerseits begeistern zu können. Da viele Nutzer (zu Recht) auf ihre Daten Acht geben und sorgfältig prüfen, ob es sich lohnen würde, zum einen die Daten preiszugeben, zum anderen Zeit in das Ausfüllen zu investieren, solltest du ihnen gute Gründe nennen können.",{"_uid":2161,"size":2070,"image":2162,"caption":2166,"component":1007},"3ff51eaa-8f0f-480a-b3da-2e773f458019",{"alt":2163,"src":2164,"name":30,"focus":30,"title":118,"source":30,"filename":2164,"copyright":30,"fieldtype":49,"meta_data":2165,"is_external_url":81},"Behaviour Pattern Reziprozität für Formularoptimierung","https://storage.googleapis.com/kk-website-assets/edjFJOcf_reciprocity.png",{"alt":2163,"title":118,"source":30,"copyright":30},{"type":39,"content":2167},[],{"_uid":2169,"text":2170,"component":995},"2e6fb411-de13-4c58-9dad-716d41dd4c00",{"type":39,"content":2171},[2172,2182],{"type":42,"content":2173},[2174,2176,2180],{"text":2175,"type":513},"Und hiermit wären wir bei dem ",{"text":2177,"type":513,"marks":2178},"Behavior Pattern Reciprocity",[2179],{"type":963},{"text":2181,"type":513},": Dafür, dass Nutzer ihre Daten übermitteln, erwarten Sie etwas im Gegenzug. In diesem Fall ist es das vermeintlich kostenfreie E-Book sowie die Aussicht auf weitere kostenfreie Materialien (–> Behavior Pattern Preview). Gewissermaßen steht der Anbieter in der Bringschuld, wenn Nutzer ihre Daten erst einmal übermittelt haben, und muss einen zufriedenstellenden Ausgleich leisten können. Das Prinzip der Reziprozität solltest du dir daher stets vor Augen halten. Bietest du genug, damit deine Nutzer darin einen Mehrwert sehen und sich auf einen Tausch einlassen?",{"type":967,"attrs":2183,"content":2184},{"level":969},[2185],{"text":2186,"type":513},"Formularoptimierung: Bedenken minimieren und Neugier wecken",{"_uid":2188,"size":2070,"image":2189,"caption":2193,"component":1007},"ba2af487-25e2-4c7f-a4cc-2722844d3a97",{"alt":2190,"src":2191,"name":30,"focus":30,"title":118,"source":30,"filename":2191,"copyright":30,"fieldtype":49,"meta_data":2192,"is_external_url":81},"Behaviour Pattern Preview für Optimierung von Formularen","https://storage.googleapis.com/kk-website-assets/7stpMI-M_Preview.png",{"alt":2190,"title":118,"source":30,"copyright":30},{"type":39,"content":2194},[],{"_uid":2196,"text":2197,"component":995},"32245fdb-8711-431f-8ae4-7d4698df9474",{"type":39,"content":2198},[2199],{"type":42,"content":2200},[2201,2203,2207,2208,2212,2214,2218],{"text":2202,"type":513},"Zwei weitere Behavior Patterns, die sich vorteilhaft auf die Conversions deiner Formularseite auswirken, sind ",{"text":2204,"type":513,"marks":2205},"Preview",[2206],{"type":963},{"text":1640,"type":513},{"text":2209,"type":513,"marks":2210},"Curiosity",[2211],{"type":963},{"text":2213,"type":513},". Das ",{"text":2215,"type":513,"marks":2216},"Verhaltensmuster Preview",[2217],{"type":963},{"text":2219,"type":513}," basiert auf dem Gedanken, dass du deinen Nutzern eine Vorstellung davon gibst, was sie konkret erwartet, wenn sie dein Formular ausfüllen, zum Beispiel mittels Inhaltsvorschau. In unserem Fall ist es die Veranschaulichung des E-Books, das durch die neue Visualisierung greifbarer wird. Die direkte Verbindung zu Steve Jobs, um dessen Techniken für Präsentationen es im E-Book geht, wird deutlich herausgestellt, genauso wie das Format des E-Books, was Fragen zur Kompatibilität erübrigt. In der Ausgangsversion des Formulars war von alldem noch nichts erkennbar.",{"_uid":2221,"image":2222,"caption":2226,"component":1007},"8e3be7cf-ce68-467a-bcb2-22a4a55def42",{"alt":2223,"src":2224,"name":30,"focus":30,"title":118,"source":30,"filename":2224,"copyright":30,"fieldtype":49,"meta_data":2225,"is_external_url":81},"Praxisbeispiel für den Einsatz von Behaviour Patterns zur Formularoptimierung","https://storage.googleapis.com/kk-website-assets/lI2fXDFK_Bildschirmfoto-2019-10-10-um-09.22.31-610x774.png",{"alt":2223,"title":118,"source":30,"copyright":30},{"type":39,"content":2227},[],{"_uid":2229,"text":2230,"component":995},"f2988215-ea51-4be9-a51f-dca0797f6800",{"type":39,"content":2231},[2232,2236,2251,2255],{"type":42,"content":2233},[2234],{"text":2235,"type":513},"Schauen wir in den unteren Bereich des optimierten Online-Formulars, sind außerdem weitere Materialien aufgeführt, die Nutzer ebenfalls interessieren könnten, und durch Fettung der Schrift hervorgehoben.",{"type":42,"content":2237},[2238,2240,2244,2246,2249],{"text":2239,"type":513},"Die Themenverwandtschaft weiterer kostenfrei verfügbarer E-Books appelliert an ein weiteres ",{"text":2241,"type":513,"marks":2242},"Behavior Pattern",[2243],{"type":963},{"text":2245,"type":513},", nämlich das der ",{"text":2209,"type":513,"marks":2247},[2248],{"type":963},{"text":2250,"type":513},": Vielleicht sind im “Handbuch für virtuelle Präsentationen” ja weitere Informationen und Erkenntnisse gesammelt, die eine tolle Ergänzung zum E-Book über Steve Jobs’ Präsentationstechniken sind! Und zur “Projektzusammenarbeit in virtuellen Teams” könnte man sich ebenfalls mal genauer belesen…",{"type":42,"content":2252},[2253],{"text":2254,"type":513},"Hier wird durch die bildliche Darstellung weiterer Materialien Neugier geweckt. In dem optimierten Formular hat man eine bessere Vorstellung, was einen erwartet und was es darüber hinaus gibt. Stell dir also die Frage, womit du deine Nutzer aus der Reserve locken könntest und was sie anspornen könnte!",{"type":967,"attrs":2256,"content":2257},{"level":969},[2258],{"text":2259,"type":513},"Ausfüllen von Formularen: Begründe & betone den Nutzen!",{"_uid":2261,"size":2070,"image":2262,"caption":2266,"component":1007},"026c6053-14ee-4fef-9c39-194dce03fe5d",{"alt":2263,"src":2264,"name":30,"focus":30,"title":118,"source":30,"filename":2264,"copyright":30,"fieldtype":49,"meta_data":2265,"is_external_url":81},"Behavior Pattern Reason Why und der Einsatz für Formularoptimierung","https://storage.googleapis.com/kk-website-assets/7HrtpbYh_reason-why.png",{"alt":2263,"title":118,"source":30,"copyright":30},{"type":39,"content":2267},[],{"_uid":2269,"text":2270,"component":995},"4fe6cd1c-9cc2-4169-b844-9ceedfe62fc3",{"type":39,"content":2271},[2272,2282],{"type":42,"content":2273},[2274,2276,2280],{"text":2275,"type":513},"Anhand eines weiteren Beispiels erläutern wir dir den Vorzug eines weiteren Behavior Patterns – dem ",{"text":2277,"type":513,"marks":2278},"Reason Why",[2279],{"type":963},{"text":2281,"type":513},". Im Prinzip solltest du dem Nutzer immer die Frage des Warum beantworten können. “Warum sollte ich das Formular ausfüllen und meine Daten preisgeben?” – Nun, ganz einfach, weil…Und an dieser Stelle solltest du klar kommunizieren können, was die Vorteile oder der Mehrwert für deine Nutzer sind. Schaffe Gründe, deretwegen es sich lohnt, das Formular auszufüllen!",{"type":42,"content":2283},[2284],{"text":2285,"type":513},"Im Beispiel sieht dies im Vorher-Nachher-Vergleich folgendermaßen aus:",{"_uid":2287,"image":2288,"caption":2292,"component":1007},"c267471e-c695-4547-8976-8bd6b8c08de1",{"alt":2289,"src":2290,"name":30,"focus":30,"title":118,"source":30,"filename":2290,"copyright":30,"fieldtype":49,"meta_data":2291,"is_external_url":81},"Praxisbeispiel Formularoptimierung","https://storage.googleapis.com/kk-website-assets/vmteDArZ_Blogbeitrag_Formular-Optimierung_Reason-Why-leer-610x400.png",{"alt":2289,"title":118,"source":30,"copyright":30},{"type":39,"content":2293},[],{"_uid":2295,"text":2296,"component":995},"67fa56d0-c4f3-46e4-86c2-1765751f01d3",{"type":39,"content":2297},[2298],{"type":42,"content":2299},[2300,2302,2305,2307,2310,2312,2315,2316,2320],{"text":2301,"type":513},"In der optimierten Variante sehen wir recht schnell und deutlich, welche Vorteile das Infopaket dem Einzelnen bringt. Die grünen Häkchen verstärken visuell diesen Eindruck, der auch durch die recht weit oben erfolgte Positionierung unterstrichen wird. Neben dem ",{"text":2277,"type":513,"marks":2303},[2304],{"type":963},{"text":2306,"type":513}," lassen sich an diesem Beispiel auch die bereits genannten Verhaltensmuster ",{"text":2209,"type":513,"marks":2308},[2309],{"type":963},{"text":2311,"type":513},", ",{"text":2204,"type":513,"marks":2313},[2314],{"type":963},{"text":1640,"type":513},{"text":2317,"type":513,"marks":2318},"Reciprocity",[2319],{"type":963},{"text":2321,"type":513}," erkennen.",{"_uid":2323,"image":2324,"caption":2328,"component":1007},"c78a5fb0-c04c-43f3-9453-49d1e2c3f591",{"alt":2325,"src":2326,"name":30,"focus":30,"title":118,"source":30,"filename":2326,"copyright":30,"fieldtype":49,"meta_data":2327,"is_external_url":81},"Praxisbeispiel für Reason Why bei Formularoptimierung","https://storage.googleapis.com/kk-website-assets/g4uE47fW_Blogbeitrag_Formular-Optimierung_Reason-Why.png",{"alt":2325,"title":118,"source":30,"copyright":30},{"type":39,"content":2329},[],{"_uid":2331,"text":2332,"component":995},"b41add1a-0f9d-4e34-bd78-ec9f968f499d",{"type":39,"content":2333},[2334,2339,2344,2349,2370,2389,2394,2410,2415,2445,2450,2452,2459],{"type":967,"attrs":2335,"content":2336},{"level":969,"textAlign":118},[2337],{"text":2338,"type":513},"Beyond Usability: Kundenzentrierte Online-Formulare erstellen",{"type":42,"attrs":2340,"content":2341},{"textAlign":118},[2342],{"text":2343,"type":513},"Unsere Beispiele haben dir hoffentlich verdeutlicht, wie man fernab von Usability Formular-Seiten optimieren kann. Mit einem konsumpsychologischen Ansatz kannst du dir das Wissen über menschliche Verhaltensweisen und Denkmuster, wovon du nun eine Auswahl an Praxisbeispielen kennengelernt hast, nachhaltig zu Nutze machen. Mit den Behavior Patterns, die wir dir hier vorgestellt haben, kannst du dein Download- oder Kontaktformular auf Vordermann bringen.",{"type":967,"attrs":2345,"content":2346},{"level":969,"textAlign":118},[2347],{"text":2348,"type":513},"Weiterführende Materialien zum Optimieren von Formularen",{"type":42,"attrs":2350,"content":2351},{"textAlign":118},[2352,2354,2360,2362,2368],{"text":2353,"type":513},"Wenn du dich zu dem Thema gern tiefergehend belesen und weitere Optimierungsmaßnahmen kennenlernen möchtest, kannst du dir beispielsweise den Blogbeitrag unseres Head of UX Design Manuel Ressel mit dem Titel ",{"text":2355,"type":513,"marks":2356},"3 Geheimtipps für noch bessere Formulare",[2357],{"type":939,"attrs":2358},{"href":2359,"uuid":118,"anchor":118,"target":118,"linktype":136},"https://www.konversionskraft.de/tipps/3-geheimtipps-bessere-formulare.html",{"text":2361,"type":513}," durchlesen oder den Beitrag von konversionsKRAFT-Gründer André Morys: ",{"text":2363,"type":513,"marks":2364},"21 Best Practices zur Formular-Optimierung",[2365],{"type":939,"attrs":2366},{"href":2367,"uuid":118,"anchor":118,"target":118,"linktype":136},"https://www.konversionskraft.de/checklisten/formular-optimierung.html",{"text":2369,"type":513},". Da wir in diesem Artikel exemplarisch vorgegangen sind und nicht alle möglichen Optimierungsmaßnahmen für Formulare behandeln konnten, ist sicherlich noch das ein oder andere Learning für dich in den weiteren Materialien enthalten.",{"type":42,"attrs":2371,"content":2372},{"textAlign":118},[2373,2375,2382,2387],{"text":2374,"type":513},"⬇️ Für die schnelle Orientierung steht dir unsere ",{"text":2376,"type":513,"marks":2377},"aktualisierte Checkliste zur Formularoptimierung",[2378,2381],{"type":939,"attrs":2379},{"href":2380,"uuid":118,"anchor":118,"target":943,"linktype":49},"https://a.storyblok.com/f/328018/x/111f7d3295/checkliste-formular-optimierung.pdf",{"type":963},{"text":2383,"type":513,"marks":2384}," ",[2385],{"type":939,"attrs":2386},{"href":2380,"uuid":118,"anchor":118,"target":943,"linktype":49},{"text":2388,"type":513},"zum kostenlosen Download zur Verfügung. Jetzt herunterladen und dein Formular in Bestform bringen! 📝",{"type":967,"attrs":2390,"content":2391},{"level":969,"textAlign":118},[2392],{"text":2393,"type":513},"Unsere Weiterbildungsangebote zu Konsumpsychologie & Co.",{"type":42,"attrs":2395,"content":2396},{"textAlign":118},[2397,2399,2409],{"text":2398,"type":513},"Wenn du dich intensiver mit Konsumpsychologie beschäftigen und erfahren möchtest, wie du die Verhaltens- und Denkmuster in E-Commerce und Website-Gestaltung gewinnbringend einsetzen kannst, empfehlen wir dir unseren ",{"text":2400,"type":513,"marks":2401},"Lehrgang zum zertifizierten Conversion-Manager",[2402],{"type":939,"attrs":2403},{"href":2404,"uuid":365,"anchor":118,"target":943,"linktype":31,"story":2405},"/de/weiterbildung/inhouse-lehrgang-zertifizierter-conversion-manager",{"name":2406,"id":2407,"uuid":365,"slug":2408,"url":366,"full_slug":366,"_stopResolving":81},"Inhouse Lehrgang - Zertifizierter Conversion Manager",62066167491240,"inhouse-lehrgang-zertifizierter-conversion-manager",{"text":950,"type":513},{"type":42,"attrs":2411,"content":2412},{"textAlign":118},[2413],{"text":2414,"type":513},"Darin lernst du unter anderem Folgendes:",{"type":1119,"content":2416},[2417,2424,2431,2438],{"type":1122,"content":2418},[2419],{"type":42,"attrs":2420,"content":2421},{"textAlign":118},[2422],{"text":2423,"type":513},"Die Wirkung von Psychologie im Marketing verstehen.",{"type":1122,"content":2425},[2426],{"type":42,"attrs":2427,"content":2428},{"textAlign":118},[2429],{"text":2430,"type":513},"Webseiten mit dem 7-Ebenen-Modell analysieren.",{"type":1122,"content":2432},[2433],{"type":42,"attrs":2434,"content":2435},{"textAlign":118},[2436],{"text":2437,"type":513},"Anhand von typischen Verhaltensmustern Optimierungspotenziale erkennen.",{"type":1122,"content":2439},[2440],{"type":42,"attrs":2441,"content":2442},{"textAlign":118},[2443],{"text":2444,"type":513},"Test-Konzepte auf Basis von Behavior Patterns erstellen.",{"type":42,"attrs":2446,"content":2447},{"textAlign":118},[2448],{"text":2449,"type":513},"Wir hoffen, dass wir dir neue Erkenntnisse und Impulse bieten konnten, damit deine Formulare nicht mehr der Flaschenhals sind, an dem deine Website-Besucher aufgeben. Wenn du Fragen haben solltest, kannst du diese gern im Kommentarbereich schreiben. Ich freue mich über dein Feedback!",{"type":2451},"horizontal_rule",{"type":42,"attrs":2453,"content":2454},{"textAlign":118},[2455],{"text":2456,"type":513,"marks":2457},"Quelle:",[2458],{"type":963},{"type":42,"attrs":2460,"content":2461},{"textAlign":118},[2462,2464,2469],{"text":2463,"type":513},"[1] Hier gibt es in Bezug auf das Alter interessante Erkenntnisse: So ist die Generation Z (bis zu einem Alter von 23 Jahren, Stand: Sept. 2019) vorsichtiger im Umgang mit den eigenen Daten als die Babyboomer, die derzeit zwischen 55 und 73 Jahren alt sind. ",{"text":2465,"type":513,"marks":2466},"https://www.adobe-newsroom.de/2019/09/11/adobe-studie-generation-z-ist-online-am-einfachsten-zu-beeinflussen-aber-am-cleversten-mit-ihren-daten/",[2467],{"type":939,"attrs":2468},{"href":2465,"uuid":118,"anchor":118,"target":118,"linktype":136},{"text":2470,"type":513},", 09.09.2019.",{"alt":1973,"src":2472,"name":30,"focus":30,"title":1973,"source":30,"filename":2472,"copyright":30,"fieldtype":49,"meta_data":2473,"is_external_url":81},"https://storage.googleapis.com/kk-website-assets/wE8G9gDX_formularoptimierung_blogbeitrags_keyvisual.jpg",{"alt":1973,"title":1973,"source":30,"copyright":30},[2475],"5fb4f920-3e4a-4d6a-a1f2-6f097f8fcf60","2c576886-c4c4-4534-aaf7-b011430ab8bd",[2478,2490,2503,2507,2511,2515,2528,2540,2544],{"name":2479,"created_at":2480,"published_at":1822,"updated_at":2480,"id":2481,"uuid":2476,"content":2482,"slug":2484,"full_slug":2485,"sort_by_date":118,"position":2486,"tag_list":2487,"is_startpage":51,"parent_id":1831,"meta_data":118,"group_id":2488,"first_published_at":1833,"release_id":118,"lang":124,"path":118,"alternates":2489,"default_full_slug":118,"translated_slugs":118,"_stopResolving":81},"Behavior Patterns","2025-10-15T15:36:29.195Z",101797843769372,{"_uid":2483,"component":1826},"34bc830e-46b8-4266-8c55-548492c53568","behavior-patterns","de/_categories/behavior-patterns",-200,[],"202776dc-8731-406b-94fd-c11405302d2a",[],{"name":2491,"created_at":2492,"published_at":1822,"updated_at":2492,"id":2493,"uuid":2494,"content":2495,"slug":2497,"full_slug":2498,"sort_by_date":118,"position":2499,"tag_list":2500,"is_startpage":51,"parent_id":1831,"meta_data":118,"group_id":2501,"first_published_at":1833,"release_id":118,"lang":124,"path":118,"alternates":2502,"default_full_slug":118,"translated_slugs":118,"_stopResolving":81},"Behavioral Science","2025-10-13T20:20:39.003Z",101159890992536,"693acd0d-23e1-40fb-aabc-ee3ccfd860b2",{"_uid":2496,"component":1826},"cef15c1b-9901-42d0-a7c5-703ce31894b4","behavioral-science","de/_categories/behavioral-science",-50,[],"eca21e15-a357-489f-b1e8-e137aa95d5a9",[],{"name":1820,"created_at":1821,"published_at":1822,"updated_at":1821,"id":1823,"uuid":1816,"content":2504,"slug":1827,"full_slug":1828,"sort_by_date":118,"position":1829,"tag_list":2505,"is_startpage":51,"parent_id":1831,"meta_data":118,"group_id":1832,"first_published_at":1833,"release_id":118,"lang":124,"path":118,"alternates":2506,"default_full_slug":118,"translated_slugs":118,"_stopResolving":81},{"_uid":1825,"component":1826},[],[],{"name":58,"created_at":1836,"published_at":1837,"updated_at":1838,"id":1839,"uuid":1840,"content":2508,"slug":1843,"full_slug":1844,"sort_by_date":118,"position":1845,"tag_list":2509,"is_startpage":51,"parent_id":1831,"meta_data":118,"group_id":1847,"first_published_at":1833,"release_id":118,"lang":124,"path":118,"alternates":2510,"default_full_slug":118,"translated_slugs":118,"_stopResolving":81},{"_uid":1842,"component":1826},[],[],{"name":1850,"created_at":1851,"published_at":1852,"updated_at":1853,"id":1854,"uuid":1855,"content":2512,"slug":1858,"full_slug":1859,"sort_by_date":118,"position":119,"tag_list":2513,"is_startpage":51,"parent_id":1831,"meta_data":118,"group_id":1861,"first_published_at":1833,"release_id":118,"lang":124,"path":118,"alternates":2514,"default_full_slug":118,"translated_slugs":118,"_stopResolving":81},{"_uid":1857,"component":1826},[],[],{"name":2516,"created_at":2517,"published_at":1822,"updated_at":2517,"id":2518,"uuid":2519,"content":2520,"slug":2522,"full_slug":2523,"sort_by_date":118,"position":2524,"tag_list":2525,"is_startpage":51,"parent_id":1831,"meta_data":118,"group_id":2526,"first_published_at":1833,"release_id":118,"lang":124,"path":118,"alternates":2527,"default_full_slug":118,"translated_slugs":118,"_stopResolving":81},"Konsumpsychologie","2025-10-13T20:21:04.699Z",101159996247471,"21e0b17d-b83e-42e7-80cd-76727feacdcf",{"_uid":2521,"component":1826},"f5ca6fdd-f6cd-4153-90bb-84aee056370e","konsumpsychologie","de/_categories/konsumpsychologie",-120,[],"a439cd5f-1fb7-4940-a2aa-55bd703ffc69",[],{"name":2529,"created_at":2530,"published_at":1822,"updated_at":2530,"id":2531,"uuid":2532,"content":2533,"slug":2535,"full_slug":2536,"sort_by_date":118,"position":715,"tag_list":2537,"is_startpage":51,"parent_id":1831,"meta_data":118,"group_id":2538,"first_published_at":1833,"release_id":118,"lang":124,"path":118,"alternates":2539,"default_full_slug":118,"translated_slugs":118,"_stopResolving":81},"Konversionsrate","2025-10-13T20:20:37.077Z",101159883124118,"3c8305f1-0b7f-4104-97db-97c8d1c05466",{"_uid":2534,"component":1826},"62ee977c-bf03-4d90-a119-377afbc6e854","konversionsrate","de/_categories/konversionsrate",[],"065d503b-465e-414a-945b-c017bf4e65df",[],{"name":1864,"created_at":1865,"published_at":1822,"updated_at":1865,"id":1866,"uuid":1867,"content":2541,"slug":1870,"full_slug":1871,"sort_by_date":118,"position":1872,"tag_list":2542,"is_startpage":51,"parent_id":1831,"meta_data":118,"group_id":1874,"first_published_at":1833,"release_id":118,"lang":124,"path":118,"alternates":2543,"default_full_slug":118,"translated_slugs":118,"_stopResolving":81},{"_uid":1869,"component":1826},[],[],{"name":58,"created_at":1877,"published_at":1878,"updated_at":1879,"id":1880,"uuid":1881,"content":2545,"slug":1884,"full_slug":1885,"sort_by_date":118,"position":1886,"tag_list":2546,"is_startpage":51,"parent_id":1831,"meta_data":118,"group_id":1888,"first_published_at":1833,"release_id":118,"lang":124,"path":118,"alternates":2547,"default_full_slug":118,"translated_slugs":118,"_stopResolving":81},{"_uid":1883,"component":1826},[],[],[],[2550,2553,2557],{"_uid":2551,"link":2552,"text":1897,"component":59},"073bb115-f8dc-4497-ad95-2248e368f16f",{"id":1895,"url":1896,"linktype":31,"fieldtype":32,"cached_url":1896},{"_uid":2554,"link":2555,"text":442,"component":59},"feef2a11-53d6-4c75-87a8-e4cc3c1a5db0",{"id":1901,"url":1902,"linktype":31,"fieldtype":32,"cached_url":1902,"story":2556},{"name":442,"id":1904,"uuid":1901,"slug":440,"url":1902,"full_slug":1902,"_stopResolving":81},{"_uid":2558,"link":2559,"text":1973,"component":59},"88e73fe4-8d43-4bd4-a180-41ca9229df1b",{"id":1978,"url":2560,"linktype":31,"fieldtype":32,"cached_url":2560,"story":2561},"de/blog/conversion-rate-optimization/formularoptimierung",{"name":1973,"id":1977,"uuid":1978,"slug":2562,"url":2563,"full_slug":2563,"_stopResolving":81},"formularoptimierung","de/conversion-rate-optimization/formularoptimierung",[],"9",[],[],-330,[2570,2209,2015,2571,2572],"Checkliste","Reziprozität (Behavior Pattern)","Vorschau / Preview (Behavior Pattern)","7f24b48f-a2f7-4e20-8944-cfd116a66a60","2019-10-14T14:23:30.000Z",[],{"name":2577,"created_at":2578,"published_at":2579,"updated_at":2580,"id":2581,"uuid":2582,"content":2583,"slug":3791,"full_slug":3792,"sort_by_date":118,"position":3796,"tag_list":3797,"is_startpage":51,"parent_id":1918,"meta_data":118,"group_id":3798,"first_published_at":3799,"release_id":118,"lang":124,"path":118,"alternates":3800,"default_full_slug":118,"translated_slugs":118},"Das erwarten Nutzer von mobilen Landing Pages (Download Checkliste)","2025-10-15T16:18:15.260Z","2026-09-25T11:30:53.904Z","2026-09-25T11:30:53.938Z",101808108634113,"427016e7-3850-4ada-a915-d70a389512ed",{"seo":2584,"_uid":2586,"body":2587,"text":2585,"image":3750,"footer":30,"header":30,"authors":3753,"category":1816,"headline":2577,"component":1817,"categories":3755,"bottom_head":3777,"breadcrumbs":3778,"seo_noindex":51,"sidebar_cta":3793,"reading_time":1913,"seo_nofollow":51,"seo_canonical":30,"bottom_buttons":3794,"additional_slot":3795,"sidebar_cta_enabled":81,"sidebar_toc_enabled":81},{"title":2577,"plugin":912,"og_image":30,"og_title":2577,"description":2585,"twitter_image":30,"twitter_title":2577,"og_description":2585,"twitter_description":2585},"Der mobile Nutzungskontext entscheidet: Mehr Conversions auf mobilen Endgeräten mit dieser Checkliste für mobile Adwords Landing Pages zum Download.","d21d8ed6-5d72-4026-94ee-efacdd881064",[2588,2956,2963,3205,3212,3219,3476,3487],{"_uid":2589,"text":2590,"component":995},"dc866bca-bbf7-4516-b1e0-d859d76a01be",{"type":39,"content":2591},[2592,2597,2602,2607,2612,2624,2629,2636,2641,2648,2653,2658,2665,2676,2685,2696,2701,2706,2717,2736,2741,2753,2760,2826,2833,2838,2845,2850,2857,2862,2873,2878,2889,2894,2901,2912,2917,2928,2933,2940,2951],{"type":42,"attrs":2593,"content":2594},{"textAlign":118},[2595],{"text":2596,"type":513},"Du hast Deine Webseite bereits für mobile optimiert? Technisch vielleicht. Aber hast Du Dir auch Gedanken gemacht, welche speziellen Ansprüche und Bedürfnisse Nutzer im mobilen Umfeld haben? Mit dieser Checkliste (zum Download) optimierst Du Deine mobile Adwords Landing Page Schritt für Schritt für Deine mobilen Nutzer!",{"type":967,"attrs":2598,"content":2599},{"level":969,"textAlign":118},[2600],{"text":2601,"type":513},"Technik ist kein Allheilmittel",{"type":42,"attrs":2603,"content":2604},{"textAlign":118},[2605],{"text":2606,"type":513},"Mit einer technischen Optimierung der Webseiten ist es nicht getan. Eine gänzlich andere Denkweise muss in die Köpfe der Marketer, um der Zielgruppe das bieten zu können, was sie in einem mobilen Umfeld auch benötigt.",{"type":42,"attrs":2608,"content":2609},{"textAlign":118},[2610],{"text":2611,"type":513},"Wie schaffen wir es, unsere Marketingmaßnahmen den geänderten Nutzungsverhalten der Zielgruppe anzupassen? Wenn alle Welt mit einem Smartphone rumläuft und es spezielle Fußgängerwege braucht, dann muss sich etwas in unserem Denken ändern.",{"type":42,"attrs":2613,"content":2614},{"textAlign":118},[2615],{"type":1730,"attrs":2616,"marks":2620},{"id":118,"alt":2617,"src":2618,"title":118,"source":30,"copyright":30,"meta_data":2619},"Fussgängerweg für Smartphone Nutzer","https://storage.googleapis.com/kk-website-assets/-x77P9bS_fussgaengerweg-smartphone-nutzer-610x414.jpg",{"alt":2617,"title":118,"source":30,"copyright":30},[2621],{"type":939,"attrs":2622},{"href":2623,"uuid":118,"anchor":118,"target":118,"linktype":136},"//www.konversionskraft.de/wp-content/uploads/2015/04/fussgaengerweg-smartphone-nutzer.jpg",{"type":42,"attrs":2625,"content":2626},{"textAlign":118},[2627],{"text":2628,"type":513},"Bildquelle nicht mehr online: http://news.xinhuanet.com/english/photo/2014-09/13/c_133640579.htm",{"type":967,"attrs":2630,"content":2631},{"level":969,"textAlign":118},[2632],{"text":2633,"type":513,"marks":2634},"Ein Umdenken muss stattfinden",[2635],{"type":963},{"type":42,"attrs":2637,"content":2638},{"textAlign":118},[2639],{"text":2640,"type":513},"Eine gute mobile Strategie fordert ein Umdenken was Inhalte betrifft. Wir müssen uns in die Lage derjenigen hineinversetzen, die unsere Webseiten täglich mit mobilen Endgeräten besuchen.",{"type":952,"content":2642},[2643],{"type":42,"attrs":2644,"content":2645},{"textAlign":118},[2646],{"text":2647,"type":513},"Welche Intention hat der Nutzer? Was haben die Besucher vorher getan? Was tun sie als nächstes? Welche Informationen braucht die Zielgruppe genau jetzt? Welche Informationen sind irrelevant?",{"type":42,"attrs":2649,"content":2650},{"textAlign":118},[2651],{"text":2652,"type":513},"Es geht also nicht darum, den mobilen Traffic nur abzuschöpfen und darauf zu achten, dass einen die Suchmaschine nach oben rankt. Vielmehr geht es darum, die Intentionen der Besucher mit mobilen Endgeräten zu verstehen und bedienen zu können, denn diese fordern immer mehr, dass man Webseiten auch von unterwegs mit dem Smartphone gut bedienen können muss. Eine mobile Website ist kein Begeisterungsfaktor mehr, sondern Basisfaktor.",{"type":42,"attrs":2654,"content":2655},{"textAlign":118},[2656],{"text":2657,"type":513},"Auf gut Deutsch: Baut mobile Seiten nicht für die Suchmaschine, sondern für den Nutzer! Aber das gilt ja bekanntlich auch für “nicht mobile” Webseiten 😉",{"type":967,"attrs":2659,"content":2660},{"level":969,"textAlign":118},[2661],{"text":2662,"type":513,"marks":2663},"Wie steht es 2017 um die deutschen Top100 Onlineshops?",[2664],{"type":963},{"type":42,"attrs":2666,"content":2667},{"textAlign":118},[2668,2670],{"text":2669,"type":513},"Wer seine Seite technisch checken lassen möchte, kann das direkt bei Google tun > ",{"text":2671,"type":513,"marks":2672},"Link zu Google’s Test auf Optimierung für Mobilgeräte",[2673],{"type":939,"attrs":2674},{"href":2675,"uuid":118,"anchor":118,"target":118,"linktype":136},"https://www.google.de/webmasters/tools/mobile-friendly/",{"type":42,"attrs":2677,"content":2678},{"textAlign":118},[2679,2681,2683],{"text":2680,"type":513},"Im März 2017 haben wir für den “",{"text":2682,"type":513},"Mobile Commerce Checkup",{"text":2684,"type":513},"” die 100 umsatzstärksten deutschen Onlineshops analysiert. Die positive technische Bilanz: 95% haben ihre Website für Mobilgeräte optimiert.",{"type":42,"attrs":2686,"content":2687},{"textAlign":118},[2688],{"type":1730,"attrs":2689,"marks":2692},{"id":118,"alt":118,"src":2690,"title":118,"source":30,"copyright":30,"meta_data":2691},"https://storage.googleapis.com/kk-website-assets/pCeW_4Ro_Mobile-2017-1-610x284.png",{"alt":118,"title":118,"source":30,"copyright":30},[2693],{"type":939,"attrs":2694},{"href":2695,"uuid":118,"anchor":118,"target":118,"linktype":136},"https://www.konversionskraft.de/wp-content/uploads/2017/08/Mobile-2017-1.png",{"type":42,"attrs":2697,"content":2698},{"textAlign":118},[2699],{"text":2700,"type":513},"In der nachfolgenden Checkliste möchten wir daher nicht auf technische Aspekte einer Optimierung für Mobilgeräte eingehen, sondern uns mit dem mobilen Nutzererlebnis befassen.",{"type":967,"attrs":2702,"content":2703},{"level":969,"textAlign":118},[2704],{"text":2705,"type":513},"Die Checkliste für Deine mobile Strategie",{"type":42,"attrs":2707,"content":2708},{"textAlign":118},[2709],{"type":1730,"attrs":2710,"marks":2713},{"id":118,"alt":118,"src":2711,"title":118,"source":30,"copyright":30,"meta_data":2712},"https://storage.googleapis.com/kk-website-assets/j-4TNBVn_Checkliste-mobile-Adwords-Landing-Pages-1-610x250.png",{"alt":118,"title":118,"source":30,"copyright":30},[2714],{"type":939,"attrs":2715},{"href":2716,"uuid":118,"anchor":118,"target":118,"linktype":136},"https://www.konversionskraft.de/wp-content/uploads/2017/08/Checkliste-mobile-Adwords-Landing-Pages-1.png",{"type":42,"attrs":2718,"content":2719},{"textAlign":118},[2720,2722,2734],{"text":2721,"type":513},"Die Basis unserer Checkliste (Download am Ende des Artikels) ist das bewährte „",{"text":2723,"type":513,"marks":2724},"7-Ebenen Modell",[2725],{"type":939,"attrs":2726},{"href":2727,"uuid":2728,"anchor":118,"target":943,"linktype":31,"story":2729},"/de/customer-experience/7-ebenen-modell-customer-experience","8bca97c8-bef3-4ed7-ad4e-b236d63147bc",{"name":2730,"id":2731,"uuid":2728,"slug":2732,"url":2733,"full_slug":2733,"_stopResolving":81},"Das 7-Ebenen-Modell: Eine Methodik zur nutzerzentrierten Website-Analyse (+36 Tipps für eine bessere User Experience)",101808412226022,"7-ebenen-modell-customer-experience","de/customer-experience/7-ebenen-modell-customer-experience",{"text":2735,"type":513},"“. Es spiegelt den inneren Dialog der Nutzer bei ihrer Entscheidungsfindung auf 7 Ebenen wider. Vielleicht kennst Du das Modell bereits und wendest es für die Desktop-Optimierung an. Heute übertragen wir es ganz gezielt auf mobile, denn Nutzerbedürfnisse unterscheiden sich auch nach Device:",{"type":42,"attrs":2737,"content":2738},{"textAlign":118},[2739],{"text":2740,"type":513},"Welche Fragen hat die Zielgruppe im mobilen Umfeld? Welchen Ängste hat sie? Welche Bedürfnisse sollten bedient werden? Wie schaffe ich es, Nutzern das Gefühl zu geben, das meine Webseite das Richtige anbietet und sie ihr vertrauen können?",{"type":42,"attrs":2742,"content":2743},{"textAlign":118},[2744],{"type":1730,"attrs":2745,"marks":2749},{"id":118,"alt":2746,"src":2747,"title":118,"source":30,"copyright":30,"meta_data":2748},"7-Ebenen Modell konversionsKRAFT","https://storage.googleapis.com/kk-website-assets/3pjol8lu_7-Ebenen-Modell-konversionsKRAFT.png",{"alt":2746,"title":118,"source":30,"copyright":30},[2750],{"type":939,"attrs":2751},{"href":2752,"uuid":118,"anchor":118,"target":118,"linktype":136},"//www.konversionskraft.de/wp-content/uploads/2015/02/7-Ebenen-Modell-konversionsKRAFT.png",{"type":967,"attrs":2754,"content":2755},{"level":975,"textAlign":118},[2756],{"text":2757,"type":513,"marks":2758},"Wähle eine Ebene mit der Schnellnavigation",[2759],{"type":963},{"type":42,"attrs":2761,"content":2762},{"textAlign":118},[2763,2770,2771,2778,2779,2786,2787,2794,2795,2802,2803,2810,2811,2818,2819],{"text":2764,"type":513,"marks":2765},">> Ebene 1: Relevanz",[2766,2769],{"type":939,"attrs":2767},{"href":2768,"uuid":118,"anchor":118,"target":118,"linktype":136},"#1",{"type":963},{"type":1632},{"text":2772,"type":513,"marks":2773},">> Ebene 2: Vertrauen",[2774,2777],{"type":939,"attrs":2775},{"href":2776,"uuid":118,"anchor":118,"target":118,"linktype":136},"#2",{"type":963},{"type":1632},{"text":2780,"type":513,"marks":2781},">> Ebene 3: Orientierung",[2782,2785],{"type":939,"attrs":2783},{"href":2784,"uuid":118,"anchor":118,"target":118,"linktype":136},"#3",{"type":963},{"type":1632},{"text":2788,"type":513,"marks":2789},">> Ebene 4: Stimulanz",[2790,2793],{"type":939,"attrs":2791},{"href":2792,"uuid":118,"anchor":118,"target":118,"linktype":136},"#4",{"type":963},{"type":1632},{"text":2796,"type":513,"marks":2797},">> Ebene 5: Sicherheit",[2798,2801],{"type":939,"attrs":2799},{"href":2800,"uuid":118,"anchor":118,"target":118,"linktype":136},"#5",{"type":963},{"type":1632},{"text":2804,"type":513,"marks":2805},">> Ebene 6: Komfort",[2806,2809],{"type":939,"attrs":2807},{"href":2808,"uuid":118,"anchor":118,"target":118,"linktype":136},"#6",{"type":963},{"type":1632},{"text":2812,"type":513,"marks":2813},">> Ebene 7: Bewertung",[2814,2817],{"type":939,"attrs":2815},{"href":2816,"uuid":118,"anchor":118,"target":118,"linktype":136},"#7",{"type":963},{"type":1632},{"text":2820,"type":513,"marks":2821},">> Download Checkliste",[2822,2825],{"type":939,"attrs":2823},{"href":2824,"uuid":118,"anchor":118,"target":118,"linktype":136},"#8",{"type":963},{"type":967,"attrs":2827,"content":2828},{"level":969,"textAlign":118},[2829],{"text":2830,"type":513,"marks":2831},"Ebene 1: Relevanz",[2832],{"type":963},{"type":42,"attrs":2834,"content":2835},{"textAlign":118},[2836],{"text":2837,"type":513},"Wenn man unterwegs ist, muss alles schnell gehen, sofort verfügbar sein, Probleme lösen können oder in der Nähe sein. Relevanz kann daher auf unterschiedlichen Ebenen erreicht werden: Zeitlich, räumlich und problemlösend. Wir müssen uns fragen: In welchem Schlamassel steckt der Suchende im Moment? Warum wird ein bestimmtes Keyword eingegeben?",{"type":967,"attrs":2839,"content":2840},{"level":975,"textAlign":118},[2841],{"text":2842,"type":513,"marks":2843},"Anwendungsbeispiel: “Autoreparatur”",[2844],{"type":963},{"type":42,"attrs":2846,"content":2847},{"textAlign":118},[2848],{"text":2849,"type":513},"Ich fahre mit meinem Auto zum Termin, da blinkt unerwartet die Kontrollleuchte auf, welche warnt: Motorstörung! Im Handbuch zu lesen: “Fahren Sie zur nächsten Werkstatt”. Mein Smartphone lässt mich nicht im Stich und ich google nach „Autoreparatur“. Es erscheinen ein paar Adwords Anzeigen:",{"type":42,"attrs":2851,"content":2852},{"textAlign":118},[2853],{"text":2854,"type":513,"marks":2855},"Autobutler.de",[2856],{"type":963},{"type":42,"attrs":2858,"content":2859},{"textAlign":118},[2860],{"text":2861,"type":513},"Die erste Anzeige, die mir Google anzeigt, verspricht 3 Angebote zu vergleichen und zu sparen:",{"type":42,"attrs":2863,"content":2864},{"textAlign":118},[2865],{"type":1730,"attrs":2866,"marks":2869},{"id":118,"alt":118,"src":2867,"title":118,"source":30,"copyright":30,"meta_data":2868},"https://storage.googleapis.com/kk-website-assets/ghFWKHMc_Anzeige-Autoreparatur-1-610x567.png",{"alt":118,"title":118,"source":30,"copyright":30},[2870],{"type":939,"attrs":2871},{"href":2872,"uuid":118,"anchor":118,"target":118,"linktype":136},"https://www.konversionskraft.de/wp-content/uploads/2017/08/Anzeige-Autoreparatur-1.png",{"type":42,"attrs":2874,"content":2875},{"textAlign":118},[2876],{"text":2877,"type":513},"Auf der Seite von Autobutler ist die Nachricht einfach und klar: Werkstatt in der Nähe, Vertrauen, andere zufriedene Kunden. Problem: ich bekomme die Angebote erst später zugesendet. Es ist aber dringend! Wie komme ich zur Werkstatt in der Nähe? Das ist nicht relevant.",{"type":42,"attrs":2879,"content":2880},{"textAlign":118},[2881],{"type":1730,"attrs":2882,"marks":2885},{"id":118,"alt":118,"src":2883,"title":118,"source":30,"copyright":30,"meta_data":2884},"https://storage.googleapis.com/kk-website-assets/zfeY6QfA_Autobutler-1.png",{"alt":118,"title":118,"source":30,"copyright":30},[2886],{"type":939,"attrs":2887},{"href":2888,"uuid":118,"anchor":118,"target":118,"linktype":136},"https://www.konversionskraft.de/wp-content/uploads/2017/08/Autobutler-1.png",{"type":42,"attrs":2890,"content":2891},{"textAlign":118},[2892],{"text":2893,"type":513},"Zurück zu Google. Nächster Versuch.",{"type":42,"attrs":2895,"content":2896},{"textAlign":118},[2897],{"text":2898,"type":513,"marks":2899},"Autoreparaturen.de",[2900],{"type":963},{"type":42,"attrs":2902,"content":2903},{"textAlign":118},[2904],{"type":1730,"attrs":2905,"marks":2908},{"id":118,"alt":118,"src":2906,"title":118,"source":30,"copyright":30,"meta_data":2907},"https://storage.googleapis.com/kk-website-assets/UujdHuyn_Autoreparaturen-1-610x453.png",{"alt":118,"title":118,"source":30,"copyright":30},[2909],{"type":939,"attrs":2910},{"href":2911,"uuid":118,"anchor":118,"target":118,"linktype":136},"https://www.konversionskraft.de/wp-content/uploads/2017/08/Autoreparaturen-1.png",{"type":42,"attrs":2913,"content":2914},{"textAlign":118},[2915],{"text":2916,"type":513},"Bei autoreparaturen.de spare ich auch und mir werden lokale Angebote versprochen. Hmm… die Telefonnummer (zum Zeitpunkt der Suche befand ich mich in Berlin) ist aus einer ganz anderen Region. Ich bin stutzig, klicke aber drauf.",{"type":42,"attrs":2918,"content":2919},{"textAlign":118},[2920],{"type":1730,"attrs":2921,"marks":2924},{"id":118,"alt":118,"src":2922,"title":118,"source":30,"copyright":30,"meta_data":2923},"https://storage.googleapis.com/kk-website-assets/ak033trq_Autoreparaturen.de_-1.png",{"alt":118,"title":118,"source":30,"copyright":30},[2925],{"type":939,"attrs":2926},{"href":2927,"uuid":118,"anchor":118,"target":118,"linktype":136},"https://www.konversionskraft.de/wp-content/uploads/2017/08/Autoreparaturen.de_-1.png",{"type":42,"attrs":2929,"content":2930},{"textAlign":118},[2931],{"text":2932,"type":513},"Auch auf der mobilen Landing Page keine Info, die mir weiterhelfen würde. Keine Adresse, Auswahlmöglichkeit einer Filiale oder Telefonnummer. Aber hey: Ich kann mein Auto fit für den Frühling machen. Warte: Wir haben Ende August. Ich bin im falschen Film und mein Auto benötigt dringend Hilfe.",{"type":42,"attrs":2934,"content":2935},{"textAlign":118},[2936],{"text":2937,"type":513,"marks":2938},"Stopandgo.de",[2939],{"type":963},{"type":42,"attrs":2941,"content":2942},{"textAlign":118},[2943],{"type":1730,"attrs":2944,"marks":2947},{"id":118,"alt":118,"src":2945,"title":118,"source":30,"copyright":30,"meta_data":2946},"https://storage.googleapis.com/kk-website-assets/yoYnqMk0_Stopandgo-1-610x453.png",{"alt":118,"title":118,"source":30,"copyright":30},[2948],{"type":939,"attrs":2949},{"href":2950,"uuid":118,"anchor":118,"target":118,"linktype":136},"https://www.konversionskraft.de/wp-content/uploads/2017/08/Stopandgo-1.png",{"type":42,"attrs":2952,"content":2953},{"textAlign":118},[2954],{"text":2955,"type":513},"Die 3. Anzeige verspricht mir lange Öffnungszeiten, eine Mobilitätsgarantie und Service für alle Marken. Hier wird mir sicher geholfen.",{"_uid":2957,"image":2958,"caption":2961,"component":1007},"f8289026-302d-4762-ae05-48882ea32cec",{"alt":118,"src":2959,"name":30,"focus":30,"title":118,"source":30,"filename":2959,"copyright":30,"fieldtype":49,"meta_data":2960,"is_external_url":81},"https://storage.googleapis.com/kk-website-assets/JF1JhMsg_Stop-6-1.png",{"alt":118,"title":118,"source":30,"copyright":30},{"type":39,"content":2962},[],{"_uid":2964,"text":2965,"component":995},"e2d460c0-c283-40f2-a9a4-f71185de5304",{"type":39,"content":2966},[2967,2995,3002,3006,3010,3014,3018,3022,3029,3033,3040,3044,3050,3056,3060,3070,3134,3138,3145,3149,3153,3157,3161,3165,3172,3176,3182,3193],{"type":42,"content":2968},[2969,2971,2975,2977,2981,2983,2987,2989,2993],{"text":2970,"type":513},"Diese mobile Landing Page macht es richtig. Hier sehe ich auf den ersten Blick die ",{"text":2972,"type":513,"marks":2973},"Öffnungszeiten",[2974],{"type":963},{"text":2976,"type":513}," und kann über die ",{"text":2978,"type":513,"marks":2979},"regionale Suche",[2980],{"type":963},{"text":2982,"type":513}," eine Werkstatt in meiner Nähe suchen (1). Außerdem gibt es einen ",{"text":2984,"type":513,"marks":2985},"Schnellkontakt",[2986],{"type":963},{"text":2988,"type":513}," – schnell ist gut 😉 – und eine Onlinebuchungsmöglichkeit für die Schüchternen (2). Ich bekomme eine Mobilitätsgarantie (3) und wenn mein Auto doch dort bleiben muss, erhalte ich einen Ersatzwagen (4). Unten gibt es dann noch mal die 3 Schritte zur Buchung und alle Filialen auf einen Blick (5) und ich finde eine ",{"text":2990,"type":513,"marks":2991},"Pannennummer für die direkte Hilfe",[2992],{"type":963},{"text":2994,"type":513},", falls es der kleine doch nicht mehr bis zur Werkstatt schafft (6). Problem gelöst. Hier ist die Conversion von Online zu Offline geglückt.",{"type":967,"attrs":2996,"content":2997},{"level":975},[2998],{"text":2999,"type":513,"marks":3000},">> Optimierungstipps für mehr Relevanz",[3001],{"type":963},{"type":42,"content":3003},[3004],{"text":3005,"type":513},"1. Mach Dir klar, in welchen Situationen Deine Zielgruppe Dein Produkt / Dienstleistung braucht?",{"type":42,"content":3007},[3008],{"text":3009,"type":513},"2. Frage Dich: Wie erreiche ich Relevanz? Zeitlich und problemlösend? Räumlich und problemlösend?",{"type":42,"content":3011},[3012],{"text":3013,"type":513},"3. Setze Location Based Services ein. Damit können gerätespezifische Informationen unterwegs perfekt genutzt werden.",{"type":42,"content":3015},[3016],{"text":3017,"type":513},"4. Ermögliche einen schnellen Zugang zu Produkten / Dienstleistungen.",{"type":42,"content":3019},[3020],{"text":3021,"type":513},"5. Biete auf der Produktdetailseite einen Quick-Buy bspw. über PayPal an.",{"type":967,"attrs":3023,"content":3024},{"level":969},[3025],{"text":3026,"type":513,"marks":3027},"Ebene 2: Vertrauen",[3028],{"type":963},{"type":42,"content":3030},[3031],{"text":3032,"type":513},"Menschen, die man nicht kennt, vertraut man weniger als bekannten Personen. Bei Webseiten ist das nicht anders. Also braucht es externe Reize (Vertrauenssignale), die bestätigen, dass man dem Anbieter vertrauen kann. Bei starken Marken ist das Vertrauen schon über andere Kanäle geprägt und geschaffen worden. Weniger bekannte Marken oder Anbieter können unterschiedliche Signale nutzen: Gütesiegel, TÜV Abzeichen oder Testberichte. Aber auch das Design einer mobilen Webseite prägt das Vertrauen.",{"type":967,"attrs":3034,"content":3035},{"level":975},[3036],{"text":3037,"type":513,"marks":3038},"Anwendungsbeispiel: “bank konto”",[3039],{"type":963},{"type":42,"content":3041},[3042],{"text":3043,"type":513},"Auf dem Nachhauseweg in der S-Bahn möchte ich mich über unterschiedliche Girokonten informieren. Da Geld Vertrauenssache ist, erwarte ich von den unterschiedlichen Anbietern auch, dass sie Vertrauen zu mir aufbauen. Ich gebe „bank konto“ in die Suche ein.",{"type":42,"content":3045},[3046],{"text":3047,"type":513,"marks":3048},"Comdirect",[3049],{"type":963},{"type":42,"content":3051},[3052],{"type":1730,"attrs":3053},{"alt":118,"src":3054,"name":30,"focus":30,"title":118,"source":30,"filename":3054,"copyright":30,"fieldtype":49,"meta_data":3055,"is_external_url":81},"https://storage.googleapis.com/kk-website-assets/I4qEdxJs_comdirect-1-610x292.png",{"alt":118,"title":118,"source":30,"copyright":30},{"type":42,"content":3057},[3058],{"text":3059,"type":513},"Comdirect wirbt in seiner Adwords Anzeige mit einer Prämie von 150€, Fairness und kostenloser Kontoführung. Ich klicke auf die Anzeige und gelange zur Landing Page:",{"type":42,"content":3061},[3062],{"type":1730,"attrs":3063,"marks":3066},{"alt":118,"src":3064,"name":30,"focus":30,"title":118,"source":30,"filename":3064,"copyright":30,"fieldtype":49,"meta_data":3065,"is_external_url":81},"https://storage.googleapis.com/kk-website-assets/INFrXzk-_comdirect-1.gif",{"alt":118,"title":118,"source":30,"copyright":30},[3067],{"type":939,"attrs":3068},{"href":3069,"title":118},"https://www.konversionskraft.de/wp-content/uploads/2017/08/comdirect-1.gif",{"type":42,"content":3071},[3072,3074,3078,3080,3084,3086,3090,3092,3096,3098,3102,3104,3108,3110,3114,3116,3120,3122,3126,3128,3132],{"text":3073,"type":513},"Vertrauen wird geschaffen, da die mobile Landing Page das ",{"text":3075,"type":513,"marks":3076},"Versprechen aus der Anzeige",[3077],{"type":963},{"text":3079,"type":513}," mit der Prämie und der kostenlosen Kontoführung direkt wieder aufgreift. Das Bild mit dem Pärchen auf einem Boot impliziert, dass ich ",{"text":3081,"type":513,"marks":3082},"von überall",[3083],{"type":963},{"text":3085,"type":513}," auf mein Konto zugreifen kann, was zusätzlich Vertrauen schafft. Scrolle ich weiter, sehe ich, dass ich die ",{"text":3087,"type":513,"marks":3088},"150€ auch bei Nichtgefallen",[3089],{"type":963},{"text":3091,"type":513}," erhalte. Dann habe ich ja nichts zu verlieren! Außerdem gibt es einen ",{"text":3093,"type":513,"marks":3094},"Kundenservice rund um die Uhr",[3095],{"type":963},{"text":3097,"type":513}," und eine ",{"text":3099,"type":513,"marks":3100},"Auszeichnung",[3101],{"type":963},{"text":3103,"type":513}," von Focus Money als ",{"text":3105,"type":513,"marks":3106},"fairste",[3107],{"type":963},{"text":3109,"type":513}," Direktbank – ",{"text":3111,"type":513,"marks":3112},"aktuell aus 2017",[3113],{"type":963},{"text":3115,"type":513},". ",{"text":3117,"type":513,"marks":3118},"Preise und Konditionen",[3119],{"type":963},{"text":3121,"type":513}," sowie ",{"text":3123,"type":513,"marks":3124},"zusätzliche Infos",[3125],{"type":963},{"text":3127,"type":513}," kann ich aufklappen und ganz unten finde ich die ",{"text":3129,"type":513,"marks":3130},"Telefonnummer",[3131],{"type":963},{"text":3133,"type":513},", über die ich den Kundenservice 24 Stunden am Tag erreichen kann.",{"type":42,"content":3135},[3136],{"text":3137,"type":513},"Bonus, der nichts mit Vertrauen direkt zu tun hat: Der CTA zur Kontoeröffnung läuft auf der kompletten mobilen Landing Page sticky mit. 😉",{"type":967,"attrs":3139,"content":3140},{"level":975},[3141],{"text":3142,"type":513,"marks":3143},">> Optimierungstipps für mehr Vertrauen",[3144],{"type":963},{"type":42,"content":3146},[3147],{"text":3148,"type":513},"6. Setze erste Signale, die das Vertrauen stärken, frühstmöglich ein und achte auf ein professionelles Design – auch mobile.",{"type":42,"content":3150},[3151],{"text":3152,"type":513},"7. Authentische Bewertungen mit ausreichend Stimmen überzeugen von der Qualität des Produktes.",{"type":42,"content":3154},[3155],{"text":3156,"type":513},"8. Echte Menschen wecken Vertrauen – seien es andere zufriedene Kunden (Testimonials) oder Ansprechpartner, die für mich da sind. Vermeide Stockfotos.",{"type":42,"content":3158},[3159],{"text":3160,"type":513},"9. Verwende Testberichte oder Gütesiegel, wenn vorhanden.",{"type":42,"content":3162},[3163],{"text":3164,"type":513},"10. Erreichbarkeit schafft Vertrauen. Gebe eine direkt klickbare Telefonnummer für Rückfragen an.",{"type":967,"attrs":3166,"content":3167},{"level":969},[3168],{"text":3169,"type":513,"marks":3170},"Ebene 3: Orientierung",[3171],{"type":963},{"type":42,"content":3173},[3174],{"text":3175,"type":513},"In sehr frühen Kaufentscheidungsphasen informieren sich Nutzer über unterschiedliche Anbieter und deren Portfolio. Gerade bei Produkten oder Dienstleistungen, die sich nicht sofort erschließen, muss man für Orientierung sorgen. Das gleiche gilt für Shops mit einem großen Sortiment. Orientierung auf einem kleinen Endgerät zu schaffen, ist leichter gesagt als getan.",{"type":42,"content":3177},[3178],{"text":3179,"type":513,"marks":3180},"Anwendungsbeispiel: “notebook kaufen”",[3181],{"type":963},{"type":42,"content":3183},[3184],{"type":1730,"attrs":3185,"marks":3189},{"alt":3186,"src":3187,"name":30,"focus":30,"title":118,"source":30,"filename":3187,"copyright":30,"fieldtype":49,"meta_data":3188,"is_external_url":81},"Orientierung positiv Google","https://storage.googleapis.com/kk-website-assets/e-uoZK19_Orientierung_positiv_google_cu.jpg",{"alt":3186,"title":118,"source":30,"copyright":30},[3190],{"type":939,"attrs":3191},{"href":3192,"title":118},"//www.konversionskraft.de/wp-content/uploads/2015/04/Orientierung_positiv_google_cu.jpg",{"type":42,"content":3194},[3195,3197,3203],{"text":3196,"type":513},"Mit dem Keyword „notebook kaufen“ begebe ich mich auf die Suche nach einem neuen Notebook. Meist haben Onlineshops eine immens hohe Auswahl an Geräten. Ich bin gespannt. Eine Anzeige von ",{"text":3198,"type":513,"marks":3199},"computeruniverse",[3200],{"type":939,"attrs":3201},{"href":3202,"uuid":118,"anchor":118,"target":118,"linktype":136},"http://www.computeruniverse.net",{"text":3204,"type":513}," weckt meine Aufmerksamkeit, da sie mir eine große Auswahl verspricht.",{"_uid":3206,"image":3207,"caption":3210,"component":1007},"0a7d4313-db7e-46df-ba16-dd0199c465d2",{"alt":118,"src":3208,"name":30,"focus":30,"title":118,"source":30,"filename":3208,"copyright":30,"fieldtype":49,"meta_data":3209,"is_external_url":81},"https://storage.googleapis.com/kk-website-assets/5ug3blpy_CU-Ansicht-1-1.png",{"alt":118,"title":118,"source":30,"copyright":30},{"type":39,"content":3211},[],{"_uid":3213,"image":3214,"caption":3217,"component":1007},"bb49501a-3990-413a-b91a-9f1b86daac0f",{"alt":118,"src":3215,"name":30,"focus":30,"title":118,"source":30,"filename":3215,"copyright":30,"fieldtype":49,"meta_data":3216,"is_external_url":81},"https://storage.googleapis.com/kk-website-assets/2FOiX7H-_CU1-1-1.png",{"alt":118,"title":118,"source":30,"copyright":30},{"type":39,"content":3218},[],{"_uid":3220,"text":3221,"component":995},"006b5062-b636-4b30-ad4b-02cbb1c33c9d",{"type":39,"content":3222},[3223,3240,3263,3274,3284,3291,3296,3301,3306,3311,3316,3323,3328,3335,3347,3352,3364,3381,3410,3421,3428,3433,3438,3443,3448,3453,3458,3465],{"type":42,"attrs":3224,"content":3225},{"textAlign":118},[3226,3228,3232,3234,3238],{"text":3227,"type":513},"Die Anzeige führt mich direkt in die ",{"text":3229,"type":513,"marks":3230},"Kategorie “Notebooks & Zubehör”",[3231],{"type":963},{"text":3233,"type":513},", wie ich oben in der ",{"text":3235,"type":513,"marks":3236},"Breadcrumb-Navi",[3237],{"type":963},{"text":3239,"type":513}," sehe. Darunter dann was ich erwartet habe: 2.434 Notebooks wollen durchforstet werden. Auf einem Smartphone kein Spaß.",{"type":42,"attrs":3241,"content":3242},{"textAlign":118},[3243,3245,3249,3251,3255,3257,3261],{"text":3244,"type":513},"Orientierung liefern mir hier 3 Funktionen: Die ",{"text":3246,"type":513,"marks":3247},"Suche",[3248],{"type":963},{"text":3250,"type":513}," (1), ",{"text":3252,"type":513,"marks":3253},"Ansicht wechseln",[3254],{"type":963},{"text":3256,"type":513}," (2) und ",{"text":3258,"type":513,"marks":3259},"Filter und Sortierung",[3260],{"type":963},{"text":3262,"type":513}," (3).",{"type":42,"attrs":3264,"content":3265},{"textAlign":118},[3266],{"type":1730,"attrs":3267,"marks":3270},{"id":118,"alt":118,"src":3268,"title":118,"source":30,"copyright":30,"meta_data":3269},"https://storage.googleapis.com/kk-website-assets/4GfP2TH8_CU-Kontakt-1.png",{"alt":118,"title":118,"source":30,"copyright":30},[3271],{"type":939,"attrs":3272},{"href":3273,"uuid":118,"anchor":118,"target":118,"linktype":136},"https://www.konversionskraft.de/wp-content/uploads/2017/08/CU-Kontakt-1.png",{"type":42,"attrs":3275,"content":3276},{"textAlign":118},[3277,3279,3282],{"text":3278,"type":513},"Sollte es mir trotz dieser drei Optionen nicht gelingen, mir einen Überblick zu verschaffen und das richtige Notebook zu finden, steht am Ende der Seite immer noch die ",{"text":3129,"type":513,"marks":3280},[3281],{"type":963},{"text":3283,"type":513}," als Notanker. Sympathisch: kein Call Center, da es eine Nummer mit Ortsvorwahl ist. Ich tippe auf die Nummer und das Gerät fragt mich, ob ich anrufen möchte. So muss das sein. Schließlich nutze ich ein Smartphone.",{"type":967,"attrs":3285,"content":3286},{"level":975,"textAlign":118},[3287],{"text":3288,"type":513,"marks":3289},">> Optimierungstipps für mehr Orientierung",[3290],{"type":963},{"type":42,"attrs":3292,"content":3293},{"textAlign":118},[3294],{"text":3295,"type":513},"11. Zeige klar: “Wo bin ich? Wo kann ich als nächstes hin? Was erwartet mich dort?”",{"type":42,"attrs":3297,"content":3298},{"textAlign":118},[3299],{"text":3300,"type":513},"12. Gib einen Überblick über die Produktanzahl.",{"type":42,"attrs":3302,"content":3303},{"textAlign":118},[3304],{"text":3305,"type":513},"13. Filter, Suche und Sortierfunktion verschonen den Nutzer vor endlosen Scroll-Sessions. Sorge dafür, dass sie auch problemlos mobil bedienbar sind.",{"type":42,"attrs":3307,"content":3308},{"textAlign":118},[3309],{"text":3310,"type":513},"14. Verschiedene Ansichten können für den Besucher hilfreich sein: Eine Galerieansicht zeigt mehr Produkte, eine Listenansicht mehr Informationen.",{"type":42,"attrs":3312,"content":3313},{"textAlign":118},[3314],{"text":3315,"type":513},"15. Hebe CTAs klar hervor und beschrifte sie eindeutig. Ermögliche mit Click-To-Call den direkten Kontakt per Smartphone, ohne dass der Nutzer die Nummer umständlich abtippen muss.",{"type":967,"attrs":3317,"content":3318},{"level":969,"textAlign":118},[3319],{"text":3320,"type":513,"marks":3321},"Ebene 4: Stimulanz",[3322],{"type":963},{"type":42,"attrs":3324,"content":3325},{"textAlign":118},[3326],{"text":3327,"type":513},"Wie schafft man es, die Zielgruppe zu aktivieren? Wie kann man die eigenen Angebote noch unwiderstehlicher machen? Stimulanz kann auch auf dem mobilen Endgerät erreicht werden. Wichtig dabei: Versprechen müssen gehalten werden.",{"type":42,"attrs":3329,"content":3330},{"textAlign":118},[3331],{"text":3332,"type":513,"marks":3333},"Anwendungsbeispiel: “business hemd”",[3334],{"type":963},{"type":42,"attrs":3336,"content":3337},{"textAlign":118},[3338],{"type":1730,"attrs":3339,"marks":3343},{"id":118,"alt":3340,"src":3341,"title":118,"source":30,"copyright":30,"meta_data":3342},"Stimulanz Walbusch","https://storage.googleapis.com/kk-website-assets/u09BGA0J_stimulanz_walbusch_google_positiv.jpg",{"alt":3340,"title":118,"source":30,"copyright":30},[3344],{"type":939,"attrs":3345},{"href":3346,"uuid":118,"anchor":118,"target":118,"linktype":136},"//www.konversionskraft.de/wp-content/uploads/2015/04/stimulanz_walbusch_google_positiv.jpg",{"type":42,"attrs":3348,"content":3349},{"textAlign":118},[3350],{"text":3351,"type":513},"Zwei Hemden, zum Preis von einem! Das klingt nach einem guten Angebot. Dazu eine Garantie von 5 Jahren und bügelfrei. Ich klicke, bzw. tippe mit dem Finger auf die Anzeige.",{"type":42,"attrs":3353,"content":3354},{"textAlign":118},[3355],{"type":1730,"attrs":3356,"marks":3360},{"id":118,"alt":3357,"src":3358,"title":118,"source":30,"copyright":30,"meta_data":3359},"Walbusch Hemdauswahl","https://storage.googleapis.com/kk-website-assets/jnmxUDLW_walbusch_hemdauswahl_2fuer1.jpg",{"alt":3357,"title":118,"source":30,"copyright":30},[3361],{"type":939,"attrs":3362},{"href":3363,"uuid":118,"anchor":118,"target":118,"linktype":136},"//www.konversionskraft.de/wp-content/uploads/2015/04/walbusch_hemdauswahl_2fuer1.jpg",{"type":42,"attrs":3365,"content":3366},{"textAlign":118},[3367,3369,3373,3375,3379],{"text":3368,"type":513},"Die mobile Seite enttäuscht mich nicht, sondern überrascht vielmehr. Ich verstehe sofort: Aha, hier kann ich sogar meine beiden Hemden nach ",{"text":3370,"type":513,"marks":3371},"meinen Wünschen gestalten",[3372],{"type":963},{"text":3374,"type":513},"! Wirkt ",{"text":3376,"type":513,"marks":3377},"einfach und fingerfreundlich",[3378],{"type":963},{"text":3380,"type":513},". Das hätte ich nicht erwartet und beeindruckt mich positiv.",{"type":42,"attrs":3382,"content":3383},{"textAlign":118},[3384,3386,3390,3392,3396,3398,3402,3404,3408],{"text":3385,"type":513},"Leider finde ich zunächst nichts zu den versprochenen ",{"text":3387,"type":513,"marks":3388},"5 Jahren Garantie",[3389],{"type":963},{"text":3391,"type":513},"! Zwei mal mit dem Daumen nach unten scrollen und ich bin wieder beruhigt. Hier finde ich unterhalb der Call-to-Action meine Garantie. Erneut werde ich positiv überrascht: ",{"text":3393,"type":513,"marks":3394},"Kauf auf Rechnung",[3395],{"type":963},{"text":3397,"type":513},", eine ",{"text":3399,"type":513,"marks":3400},"kostenlose Retoure",[3401],{"type":963},{"text":3403,"type":513}," und ein ",{"text":3405,"type":513,"marks":3406},"Rückgaberecht",[3407],{"type":963},{"text":3409,"type":513}," überzeugen mich vollends.",{"type":42,"attrs":3411,"content":3412},{"textAlign":118},[3413],{"type":1730,"attrs":3414,"marks":3417},{"id":118,"alt":3357,"src":3415,"title":118,"source":30,"copyright":30,"meta_data":3416},"https://storage.googleapis.com/kk-website-assets/Atz1lbSq_walbusch_hemdauswahl_2fuer1_uvps.jpg",{"alt":3357,"title":118,"source":30,"copyright":30},[3418],{"type":939,"attrs":3419},{"href":3420,"uuid":118,"anchor":118,"target":118,"linktype":136},"//www.konversionskraft.de/wp-content/uploads/2015/04/walbusch_hemdauswahl_2fuer1_uvps.jpg",{"type":967,"attrs":3422,"content":3423},{"level":975,"textAlign":118},[3424],{"text":3425,"type":513,"marks":3426},">> Optimierungstipps für mehr Stimulanz",[3427],{"type":963},{"type":42,"attrs":3429,"content":3430},{"textAlign":118},[3431],{"text":3432,"type":513},"16. Appelliere an die Kauflust der Zielgruppe und setze hebe unwiderstehliche Reize hervor (Aktionen, Verknappung, Product-bundles, etc.)",{"type":42,"attrs":3434,"content":3435},{"textAlign":118},[3436],{"text":3437,"type":513},"17. Halte Versprechen aus den Adwords Anzeigen auf Deiner Landing Page.",{"type":42,"attrs":3439,"content":3440},{"textAlign":118},[3441],{"text":3442,"type":513},"18. Große und scharfe Grafiken überzeugen das Auge von der Qualität der Ware.",{"type":42,"attrs":3444,"content":3445},{"textAlign":118},[3446],{"text":3447,"type":513},"19. Auch Icons können über Fonts oder SVG Grafiken scharf dargestellt werden. Dies wirkt hochwertiger als verpixelte Grafiken am HD Display.",{"type":42,"attrs":3449,"content":3450},{"textAlign":118},[3451],{"text":3452,"type":513},"20. Mit Gesten können Produktbilder oder Slider einfach und in gewohnter Usability des Smartphones genutzt werden. Das macht dem Nutzer Spaß und bietet ein haptisches Erlebnis.",{"type":42,"attrs":3454,"content":3455},{"textAlign":118},[3456],{"text":3457,"type":513},"21. Hilf dem Nutzer bei der Eingabe der E-Mail Adresse, indem Du ein passendes Keyboard Layout zur Verfügung stellst (input-type = mail)",{"type":42,"attrs":3459,"content":3460},{"textAlign":118},[3461],{"text":3462,"type":513,"marks":3463},"Psycho-Tipp: Stimuliere mit dem “Reason Why”",[3464],{"type":963},{"type":42,"attrs":3466,"content":3467},{"textAlign":118},[3468,3470,3474],{"text":3469,"type":513},"In diesem überzeugungsKRAFT-Video erfährst Du, welchen Effekt es hat, wenn Du Nutzern ",{"text":3471,"type":513,"marks":3472},"gute Gründe",[3473],{"type":963},{"text":3475,"type":513}," lieferst:",{"_uid":3477,"caption":3478,"component":3481,"video_embed":3482,"video_upload":3483,"overlay_image":3485},"4095dd36-f6c9-44d1-a13d-4be8c89c5bd5",{"type":39,"content":3479},[3480],{"type":42},"richtext-video","https://www.youtube.com/embed/qU5MQucHoMU",{"id":118,"alt":118,"name":30,"focus":118,"title":118,"source":118,"filename":30,"copyright":118,"fieldtype":49,"meta_data":3484},{},{"id":118,"alt":118,"name":30,"focus":118,"title":118,"source":118,"filename":30,"copyright":118,"fieldtype":49,"meta_data":3486},{},{"_uid":3488,"text":3489,"component":995},"5a98e8a0-faaf-482a-bb45-29b5432257b6",{"type":39,"content":3490},[3491,3498,3503,3510,3515,3527,3534,3539,3544,3549,3554,3561,3566,3573,3578,3590,3595,3606,3613,3618,3623,3628,3633,3638,3645,3650,3657,3662,3667,3672,3676,3681,3686,3693,3705,3723,3728,3735,3740,3745],{"type":967,"attrs":3492,"content":3493},{"level":969,"textAlign":118},[3494],{"text":3495,"type":513,"marks":3496},"Ebene 5: Sicherheit",[3497],{"type":963},{"type":42,"attrs":3499,"content":3500},{"textAlign":118},[3501],{"text":3502,"type":513},"Der Moment des Innehaltens kurz vor einer Entscheidung: Ist das wirklich sicher, wenn ich hier buche/ kaufe? Die Besucher müssen ein gutes Gefühl haben, wenn sie auf den Kaufen-Button klicken. Was passiert bei Rückgabe? Wie kann man retournieren?",{"type":42,"attrs":3504,"content":3505},{"textAlign":118},[3506],{"text":3507,"type":513,"marks":3508},"Anwendungsbeispiel: Fashion",[3509],{"type":963},{"type":42,"attrs":3511,"content":3512},{"textAlign":118},[3513],{"text":3514,"type":513},"Bei FashionID finde ich viele gute Gründe, warum einem Kauf nichts mehr im Weg stehen sollte. Meine Ängste sollten dadurch genommen werden.",{"type":42,"attrs":3516,"content":3517},{"textAlign":118},[3518],{"type":1730,"attrs":3519,"marks":3523},{"id":118,"alt":3520,"src":3521,"title":118,"source":30,"copyright":30,"meta_data":3522},"Sicherheit fashionid","https://storage.googleapis.com/kk-website-assets/kZ46WVGS_sicherheit_fashionid_webseite_uvps.jpg",{"alt":3520,"title":118,"source":30,"copyright":30},[3524],{"type":939,"attrs":3525},{"href":3526,"uuid":118,"anchor":118,"target":118,"linktype":136},"//www.konversionskraft.de/wp-content/uploads/2015/04/sicherheit_fashionid_webseite_uvps.jpg",{"type":967,"attrs":3528,"content":3529},{"level":975,"textAlign":118},[3530],{"text":3531,"type":513,"marks":3532},">> Optimierungstipps für mehr Sicherheit",[3533],{"type":963},{"type":42,"attrs":3535,"content":3536},{"textAlign":118},[3537],{"text":3538,"type":513},"22. Nutze den kleinen Bildschirmplatz durch geschickte Positionierung von Trust Elementen, z.B. zwischen den Produkten.",{"type":42,"attrs":3540,"content":3541},{"textAlign":118},[3542],{"text":3543,"type":513},"23. Nimm dem Nutzer aktiv die Angst, ein Risiko einzugehen.",{"type":42,"attrs":3545,"content":3546},{"textAlign":118},[3547],{"text":3548,"type":513},"24. Zeige frühzeitig, welche Zahlungsmittel akzeptiert werden.",{"type":42,"attrs":3550,"content":3551},{"textAlign":118},[3552],{"text":3553,"type":513},"25. Werden persönliche Daten verlangt zeige, dass mit diesen Daten vertraulich umgegangen wird.",{"type":967,"attrs":3555,"content":3556},{"level":969,"textAlign":118},[3557],{"text":3558,"type":513,"marks":3559},"Ebene 6: Komfort",[3560],{"type":963},{"type":42,"attrs":3562,"content":3563},{"textAlign":118},[3564],{"text":3565,"type":513},"Wenn die Entscheidung getroffen ist, muss es auf dem Smartphone auch schnell und einfach gehen, die gewählten Produkte zu bestellen oder Anfragen zu stellen. Kein Mensch möchte sich mit langen Formularen rumschlagen müssen, die im schlimmsten Fall auf dem Smartphone nicht richtig bedienbar sind.",{"type":42,"attrs":3567,"content":3568},{"textAlign":118},[3569],{"text":3570,"type":513,"marks":3571},"Anwendungsbeispiel: “KFZ Versicherung”",[3572],{"type":963},{"type":42,"attrs":3574,"content":3575},{"textAlign":118},[3576],{"text":3577,"type":513},"Eine einfache und klare Anzeige, die mich auf der Suche nach einer „KFZ Versicherung“ auffordert, sofort zu starten. Ich möchte wissen, was mir der Tarifrechner bringt. Los geht‘s.",{"type":42,"attrs":3579,"content":3580},{"textAlign":118},[3581],{"type":1730,"attrs":3582,"marks":3586},{"id":118,"alt":3583,"src":3584,"title":118,"source":30,"copyright":30,"meta_data":3585},"Komfort negativ google","https://storage.googleapis.com/kk-website-assets/y1CExY1S_komfort_negativ_google.jpg",{"alt":3583,"title":118,"source":30,"copyright":30},[3587],{"type":939,"attrs":3588},{"href":3589,"uuid":118,"anchor":118,"target":118,"linktype":136},"//www.konversionskraft.de/wp-content/uploads/2015/04/komfort_negativ_google.jpg",{"type":42,"attrs":3591,"content":3592},{"textAlign":118},[3593],{"text":3594,"type":513},"Ich gelange auf die Seite und starte den Rechner. Schnell erwische ich mich dabei, zu denken: Oh mann, das wird lange dauern. Für die Berechnung einer KFZ Versicherung wird schon ein wenig Zeit benötigt. Dann sollte es aber zumindest so aussehen, als wäre der Prozess leicht und komfortabel zu durchlaufen. Vor mir liegen fünf weitere Schritte, aber bei den kleinen Bedienelementen vergeht mir leider die Lust. Das muss ich wohl nochmal daheim in Ruhe machen, denn mit meinen Fingern klicke ich immer wieder neben die Schaltflächen.",{"type":42,"attrs":3596,"content":3597},{"textAlign":118},[3598],{"type":1730,"attrs":3599,"marks":3602},{"id":118,"alt":118,"src":3600,"title":118,"source":30,"copyright":30,"meta_data":3601},"https://storage.googleapis.com/kk-website-assets/1oDwz1Ut_HUK24-1.png",{"alt":118,"title":118,"source":30,"copyright":30},[3603],{"type":939,"attrs":3604},{"href":3605,"uuid":118,"anchor":118,"target":118,"linktype":136},"https://www.konversionskraft.de/wp-content/uploads/2017/08/HUK24-1.png",{"type":967,"attrs":3607,"content":3608},{"level":975,"textAlign":118},[3609],{"text":3610,"type":513,"marks":3611},">> Optimierungstipps für mehr Komfort",[3612],{"type":963},{"type":42,"attrs":3614,"content":3615},{"textAlign":118},[3616],{"text":3617,"type":513},"26. Verwende einfache und fingerfreundliche Bedienelemente, gestalte Checkboxen und Radiobuttons neu. Achte auf ausreichende Abstände, sodass alle Informationen erfasst werden können – Skim, Scan, Read.",{"type":42,"attrs":3619,"content":3620},{"textAlign":118},[3621],{"text":3622,"type":513},"27. Unterstütze den mobilen Nutzer aktiv bei der Eingabe von Daten, z.B. mit kontextualen Keyboard Layouts und vorausgefüllten Felder (z.B. mit Eingaben aus der Google-Suche).",{"type":42,"attrs":3624,"content":3625},{"textAlign":118},[3626],{"text":3627,"type":513},"28. Motiviere den Nutzer beim Ausfüllen von Formularen durch positive Bestätigung (korrekte Eingabe; nur noch 2 Schritte etc.).",{"type":42,"attrs":3629,"content":3630},{"textAlign":118},[3631],{"text":3632,"type":513},"29. Setzte einen systemeigenen Spinning Picker (Dropdown) für Datumsauswahl ein.",{"type":42,"attrs":3634,"content":3635},{"textAlign":118},[3636],{"text":3637,"type":513},"30. Biete Abkürzungen an: Wenn das Ausfüllen zu stressig ist, dann vielleicht doch lieber eine Reminder-Email, um den Prozess später zu beenden, oder eine telefonische Beratung?",{"type":967,"attrs":3639,"content":3640},{"level":969,"textAlign":118},[3641],{"text":3642,"type":513,"marks":3643},"Ebene 7: Bewertung",[3644],{"type":963},{"type":42,"attrs":3646,"content":3647},{"textAlign":118},[3648],{"text":3649,"type":513},"Nach getaner Arbeit wird das Werk begutachtet. Soll heißen: Der Nutzer bewertet, wie er oder sie das mobile Einkaufserlebnis empfand. Bleiben Zweifel bestehen, oder reiht sich die Bestellung oder Anfrage über mobile Endgeräte nahtlos in unser Online Konsumverhalten ein?",{"type":967,"attrs":3651,"content":3652},{"level":975,"textAlign":118},[3653],{"text":3654,"type":513,"marks":3655},">> Optimierungstipps für eine bessere Bewertung",[3656],{"type":963},{"type":42,"attrs":3658,"content":3659},{"textAlign":118},[3660],{"text":3661,"type":513},"31. Verschicke mobile Bestätigungsemails.",{"type":42,"attrs":3663,"content":3664},{"textAlign":118},[3665],{"text":3666,"type":513},"32. Überlege, was der Nutzer nach Erhalt der Email macht: Kann das mobile Ticket auch für passbook gespeichert und genutzt werden?",{"type":42,"attrs":3668,"content":3669},{"textAlign":118},[3670],{"text":3671,"type":513},"33. Vermeide unnötig große Dateien im Anhang der Email.",{"type":967,"attrs":3673,"content":3674},{"level":969,"textAlign":118},[3675],{"text":1760,"type":513},{"type":42,"attrs":3677,"content":3678},{"textAlign":118},[3679],{"text":3680,"type":513},"Die Welt wird mobile. Es gibt Länder, in denen das mobile Endgerät den einzigen Zugang zum Internet darstellt. Davon sind wir zwar noch weit entfernt, aber der Trend ist eindeutig. Das heißt aber nicht, dass wir Webseiten ab sofort für ein zusätzliches Endgerät anpassen müssen, sondern vielmehr, dass wir unterschiedliche Nutzungsszenarien berücksichtigen müssen.",{"type":42,"attrs":3682,"content":3683},{"textAlign":118},[3684],{"text":3685,"type":513},"Der Nutzungskontext ist maßgeblich für die Informationen, die wir anbieten. Wer also noch nicht auf mobile Endgeräte optimiert hat, der sollte sich die Zeit nehmen, eine mobile Strategie zu entwickeln und sich genau überlegen, wo die Zielgruppe erreicht wird und was man ihr auf allen 7 Ebenen der Entscheidungsfindung bieten muss. Dann wird der mobile Traffic auch sinnvoll gewandelt!",{"type":967,"attrs":3687,"content":3688},{"level":969,"textAlign":118},[3689],{"text":3690,"type":513,"marks":3691},"Checkliste Mobile Adwords Landing Pages (Download)",[3692],{"type":963},{"type":42,"attrs":3694,"content":3695},{"textAlign":118},[3696,3698,3703],{"text":3697,"type":513},"Die Checkliste mit allen 33 Tipps zur Optimierung Deiner mobilen Adwords Landing Page gibt es ",{"text":1673,"type":513,"marks":3699},[3700],{"type":939,"attrs":3701},{"href":3702,"uuid":118,"anchor":118,"target":943,"linktype":136},"https://a.storyblok.com/f/328018/x/6ff362d28f/konversionskraft-checkliste-adwords-landingpages-mobile.pdf",{"text":3704,"type":513},". Einfach herunterladen, ausdrucken und Deine Landing Page Tipp für Tipp optimieren.",{"type":42,"attrs":3706,"content":3707},{"textAlign":118},[3708,3710,3721],{"text":3709,"type":513},"Vielen Dank an ",{"text":3711,"type":513,"marks":3712},"Dennis Herzberger",[3713],{"type":939,"attrs":3714},{"href":3715,"uuid":3716,"anchor":118,"target":943,"linktype":31,"story":3717},"/de/autoren/dennis-herzberger","f1dab811-0828-4cf4-87be-15c2b73c8ea4",{"name":3711,"id":3718,"uuid":3716,"slug":3719,"url":3720,"full_slug":3720,"_stopResolving":81},100095761849721,"dennis-herzberger","de/autoren/dennis-herzberger",{"text":3722,"type":513},", der diese Checkliste mit erstellt hat.",{"type":42,"attrs":3724,"content":3725},{"textAlign":118},[3726],{"text":3727,"type":513},"Viel Spaß beim Optimieren!",{"type":967,"attrs":3729,"content":3730},{"level":969,"textAlign":118},[3731],{"text":3732,"type":513,"marks":3733},"Weiterführende Links:",[3734],{"type":963},{"type":42,"attrs":3736,"content":3737},{"textAlign":118},[3738],{"text":3739,"type":513},"https://www.konversionskraft.de/conversion-optimierung/infografik-mobile-commerce-checkup.html",{"type":42,"attrs":3741,"content":3742},{"textAlign":118},[3743],{"text":3744,"type":513},"https://www.konversionskraft.de/daten-fakten/infografik-mobile-checkout-report.html",{"type":42,"attrs":3746,"content":3747},{"textAlign":118},[3748],{"text":3749,"type":513},"https://www.konversionskraft.de/checklisten/diese-checkliste-macht-deine-adwords-landing-page-zum-treffer-download.html",{"alt":2577,"src":3751,"name":30,"focus":30,"title":118,"source":30,"filename":3751,"copyright":30,"fieldtype":49,"meta_data":3752},"//a.storyblok.com/f/328018/a1ab3dda59/das-erwarten-nutzer-von-mobilen-landing-pages-download-checkliste-html-e70c9f47-checkliste-mobile-adwords-landing-pages-1.png",{"alt":2577,"title":118,"source":30,"copyright":30},[3754],"5574fd95-a642-43a0-8b4d-c5d9777df86d",[3756,3760,3773],{"name":1820,"created_at":1821,"published_at":1822,"updated_at":1821,"id":1823,"uuid":1816,"content":3757,"slug":1827,"full_slug":1828,"sort_by_date":118,"position":1829,"tag_list":3758,"is_startpage":51,"parent_id":1831,"meta_data":118,"group_id":1832,"first_published_at":1833,"release_id":118,"lang":124,"path":118,"alternates":3759,"default_full_slug":118,"translated_slugs":118,"_stopResolving":81},{"_uid":1825,"component":1826},[],[],{"name":3761,"created_at":3762,"published_at":1822,"updated_at":3762,"id":3763,"uuid":3764,"content":3765,"slug":3767,"full_slug":3768,"sort_by_date":118,"position":3769,"tag_list":3770,"is_startpage":51,"parent_id":1831,"meta_data":118,"group_id":3771,"first_published_at":1833,"release_id":118,"lang":124,"path":118,"alternates":3772,"default_full_slug":118,"translated_slugs":118,"_stopResolving":81},"Customer Experience","2025-10-13T20:20:32.868Z",101159865867665,"18b5de31-b99f-4da0-86ce-7196d9f7dd71",{"_uid":3766,"component":1826},"ff43f1c6-ea27-48ea-bd12-a5ab631eefae","customerexperience","de/_categories/customerexperience",-10,[],"cd639ced-2207-4d95-ad15-f592e4dc361f",[],{"name":58,"created_at":1877,"published_at":1878,"updated_at":1879,"id":1880,"uuid":1881,"content":3774,"slug":1884,"full_slug":1885,"sort_by_date":118,"position":1886,"tag_list":3775,"is_startpage":51,"parent_id":1831,"meta_data":118,"group_id":1888,"first_published_at":1833,"release_id":118,"lang":124,"path":118,"alternates":3776,"default_full_slug":118,"translated_slugs":118,"_stopResolving":81},{"_uid":1883,"component":1826},[],[],[],[3779,3782,3786],{"_uid":3780,"link":3781,"text":1897,"component":59},"fe460f9c-a784-47c9-bd9d-5bb25ed4e511",{"id":1895,"url":1896,"linktype":31,"fieldtype":32,"cached_url":1896},{"_uid":3783,"link":3784,"text":442,"component":59},"ed8ce7f3-0ef6-4a04-adf7-d3a78cd04c75",{"id":1901,"url":1902,"linktype":31,"fieldtype":32,"cached_url":1902,"story":3785},{"name":442,"id":1904,"uuid":1901,"slug":440,"url":1902,"full_slug":1902,"_stopResolving":81},{"_uid":3787,"link":3788,"text":2577,"component":59},"6f7937a7-9023-4af5-8a7e-446f1d271c37",{"id":2582,"url":3789,"linktype":31,"fieldtype":32,"cached_url":3789,"story":3790},"de/blog/conversion-rate-optimization/das-erwarten-nutzer-von-mobilen-landing-pages-download-checkliste",{"name":2577,"id":2581,"uuid":2582,"slug":3791,"url":3792,"full_slug":3792,"_stopResolving":81},"das-erwarten-nutzer-von-mobilen-landing-pages-download-checkliste","de/conversion-rate-optimization/das-erwarten-nutzer-von-mobilen-landing-pages-download-checkliste",[],[],[],-290,[],"1c8fa162-423d-493d-9619-823d1b2472bc","2017-08-30T08:03:19.000Z",[],{"name":3802,"created_at":3803,"published_at":3804,"updated_at":3805,"id":3806,"uuid":3807,"content":3808,"slug":5133,"full_slug":5134,"sort_by_date":118,"position":5138,"tag_list":5139,"is_startpage":51,"parent_id":1918,"meta_data":118,"group_id":5141,"first_published_at":5142,"release_id":118,"lang":124,"path":118,"alternates":5143,"default_full_slug":118,"translated_slugs":118},"Praxistipps: Conversion Optimierung mit Mega Drop-downs","2025-10-15T16:17:13.497Z","2026-10-07T09:31:46.937Z","2026-10-07T09:31:46.975Z",101807855644568,"d14d7210-4153-4882-b877-40f1877e5497",{"seo":3809,"_uid":3812,"body":3813,"text":3811,"image":5102,"footer":30,"header":30,"authors":5105,"category":1816,"headline":3802,"component":1817,"categories":5106,"bottom_head":5119,"breadcrumbs":5120,"seo_noindex":51,"sidebar_cta":5135,"reading_time":1913,"seo_nofollow":51,"seo_canonical":30,"bottom_buttons":5136,"additional_slot":5137,"sidebar_cta_enabled":81,"sidebar_toc_enabled":81},{"title":3802,"plugin":912,"og_image":3810,"og_title":3802,"description":3811,"twitter_image":3810,"twitter_title":3802,"og_description":3811,"twitter_description":3811},"//b2zo0i6c.myraidbox.de/wp-content/uploads/2010/04/8-audi.jpg","Mit Mega Drop-downs zu mehr Joy-of-Use, Einfachheit und Orientierung im Onlineshop. So geht es richtig: 5 essentielle Praxistipps für Dich!","dba6ad91-40ab-4ae7-abf1-39cbaf47b8f4",[3814],{"_uid":3815,"text":3816,"component":995},"094473dd-ac3a-4abf-85e5-d8da2330b56b",{"type":39,"content":3817},[3818,3825,3830,3858,3863,3890,3895,3900,3927,3932,3937,3948,3953,3980,3985,3990,4016,4021,4026,4031,4036,4069,4080,4085,4108,4119,4124,4148,4166,4183,4200,4211,4264,4269,4274,4285,4296,4301,4327,4338,4343,4375,4386,4391,4402,4413,4418,4429,4434,4458,4462,4497,4501,4512,4517,4550,4567,4572,4605,4616,4621,4650,4655,4670,4681,4686,4713,4718,4723,4734,4745,4750,4755,4796,4807,4818,4823,4828,4861,4866,4871,4888,4918,4935,4946,4972,5001,5005,5010,5019,5024,5028,5060,5065],{"type":42,"attrs":3819,"content":3820},{"textAlign":118},[3821],{"text":3822,"type":513,"marks":3823},"Conversion Optimierung mit Mega Drop-downs? Richtig. Das Prinzip ist einfach: „Hilf‘ dem Kunden das Gesuchte besser zu finden, damit er mehr kauft.“ Basierend auf unseren Erfahrungen aus zahlreichen Nutzertests und Jakob Nielsens „Mega Drop-Down Navigation Menus Work Well“, findest du hier 5 essentielle Regeln, wie sich mit guten Navigationsmenüs wirklich mehr verkaufen lässt:",[3824],{"type":963},{"type":967,"attrs":3826,"content":3827},{"level":969,"textAlign":118},[3828],{"text":3829,"type":513},"Zuerst: Was ist ein Mega Drop-down?",{"type":42,"attrs":3831,"content":3832},{"textAlign":118},[3833,3843,3847,3854],{"type":1730,"attrs":3834,"marks":3839},{"id":118,"alt":3835,"src":3836,"title":3837,"source":30,"copyright":30,"meta_data":3838},"Mega Drop-down Puma.com","https://storage.googleapis.com/kk-website-assets/BLZ2rzQv_1-puma.jpg","Beispiel für Mega Drop-down (Puma.com)",{"alt":3835,"title":3837,"source":30,"copyright":30},[3840],{"type":939,"attrs":3841},{"href":3842,"uuid":118,"anchor":118,"target":118,"linktype":136},"//www.konversionskraft.de/wp-content/uploads/2010/04/1-puma.jpg",{"text":3844,"type":513,"marks":3845},"Beispiel für Mega Drop-down (",[3846],{"type":1663},{"text":3848,"type":513,"marks":3849},"Puma.com",[3850,3853],{"type":939,"attrs":3851},{"href":3852,"uuid":118,"anchor":118,"target":118,"linktype":136},"http://www.puma.com",{"type":1663},{"text":3855,"type":513,"marks":3856},")",[3857],{"type":1663},{"type":42,"attrs":3859,"content":3860},{"textAlign":118},[3861],{"text":3862,"type":513},"Mega Drop-downs gibt es als vertikale und horizontale Menüs. Sie sind eine Weiterentwicklung regulärer Drop-downs. Sie bieten zweidimensionale Navigationselemente mit gruppierten Optionen. Diese lassen sich durch Layout, Typographie und Illustrationen strukturieren. Alles ist auf einmal sichtbar, es gibt kein Scrolling. Ein Mega Drop-down wird zum Fly-out, wenn es von einer vertikalen Navigation ausgelöst wird.",{"type":42,"attrs":3864,"content":3865},{"textAlign":118},[3866,3876,3880,3887],{"type":1730,"attrs":3867,"marks":3872},{"id":118,"alt":3868,"src":3869,"title":3870,"source":30,"copyright":30,"meta_data":3871},"Beispiel für Flyout (Nike)","https://storage.googleapis.com/kk-website-assets/3dTAMi5U_2-nike.jpg","Beispiel für Flyout (Nike.com)",{"alt":3868,"title":3870,"source":30,"copyright":30},[3873],{"type":939,"attrs":3874},{"href":3875,"uuid":118,"anchor":118,"target":118,"linktype":136},"//www.konversionskraft.de/wp-content/uploads/2010/04/2-nike.jpg",{"text":3877,"type":513,"marks":3878},"Beispiel für Flyout (",[3879],{"type":1663},{"text":3881,"type":513,"marks":3882},"Nike.com",[3883,3886],{"type":939,"attrs":3884},{"href":3885,"uuid":118,"anchor":118,"target":118,"linktype":136},"http://www.nike.com",{"type":1663},{"text":3855,"type":513,"marks":3888},[3889],{"type":1663},{"type":967,"attrs":3891,"content":3892},{"level":969,"textAlign":118},[3893],{"text":3894,"type":513},"Warum überhaupt Mega Drop-downs?",{"type":967,"attrs":3896,"content":3897},{"level":975,"textAlign":118},[3898],{"text":3899,"type":513},"Prinzip: Sehen und Vergleichen",{"type":42,"attrs":3901,"content":3902},{"textAlign":118},[3903,3913,3917,3924],{"type":1730,"attrs":3904,"marks":3909},{"id":118,"alt":3905,"src":3906,"title":3907,"source":30,"copyright":30,"meta_data":3908},"Beispiel für Vergleichsmöglichkeiten (Otto.de)","https://storage.googleapis.com/kk-website-assets/E3QbCKL7_3-otto-klein.jpg","Beispiel für Vergleichsmöglichkeitn (otto.de)",{"alt":3905,"title":3907,"source":30,"copyright":30},[3910],{"type":939,"attrs":3911},{"href":3912,"uuid":118,"anchor":118,"target":118,"linktype":136},"https://www.konversionskraft.de/wp-content/uploads/2010/04/3-otto-klein.jpg",{"text":3914,"type":513,"marks":3915},"Beispiel für Vergleichsmöglichkeiten (",[3916],{"type":1663},{"text":3918,"type":513,"marks":3919},"Otto.de",[3920,3923],{"type":939,"attrs":3921},{"href":3922,"uuid":118,"anchor":118,"target":118,"linktype":136},"http://www.otto.de",{"type":1663},{"text":3855,"type":513,"marks":3925},[3926],{"type":1663},{"type":42,"attrs":3928,"content":3929},{"textAlign":118},[3930],{"text":3931,"type":513},"Reguläre Navigationselemente haben bei Websites mit vielen, komplexen und/oder sehr unterschiedlichen Inhalten den Nachteil, dass sie für den Kunden mögliche Optionen nicht oder nur unzureichend auf den ersten Blick darstellen können. Da sie nur eine Ebene der Darstellung ermöglichen, wird häufig versucht, dies durch mehr Optionen pro Ebene zu kompensieren.",{"type":42,"attrs":3933,"content":3934},{"textAlign":118},[3935],{"text":3936,"type":513},"Problematisch: Dies hat häufig lange Listen und Scrolling zur Folge. Dadurch werden andere Inhalte und/oder Optionen aus dem Sichtfeld bewegt. Kunden können die Optionen nicht direkt vergleichen. Als Resultat müssen sie auf ihr Kurzzeit-Gedächtnis zurückgreifen, was ihre eigentliche Aufgabe “Kaufen” behindert.",{"type":42,"attrs":3938,"content":3939},{"textAlign":118},[3940,3942,3946],{"text":3941,"type":513},"Mega Drop-downs zeigen – im Idealfall – alle ",{"text":3943,"type":513,"marks":3944},"sinnvollen Optionen",[3945],{"type":963},{"text":3947,"type":513}," auf einmal, so dass Kunden sich nicht an Menü-Punkte erinnern müssen, sondern direkt vergleichen können.",{"type":967,"attrs":3949,"content":3950},{"level":975,"textAlign":118},[3951],{"text":3952,"type":513},"Äpfel zu Birnen, Kartoffeln zu Karotten",{"type":42,"attrs":3954,"content":3955},{"textAlign":118},[3956,3966,3970,3977],{"type":1730,"attrs":3957,"marks":3962},{"id":118,"alt":3958,"src":3959,"title":3960,"source":30,"copyright":30,"meta_data":3961},"Beispiel für Gruppierung (Mediherz.de)","https://storage.googleapis.com/kk-website-assets/EOcNcoOa_4-mediherz.jpg","4-mediherz-klein",{"alt":3958,"title":3960,"source":30,"copyright":30},[3963],{"type":939,"attrs":3964},{"href":3965,"uuid":118,"anchor":118,"target":118,"linktype":136},"//www.konversionskraft.de/wp-content/uploads/2010/04/4-mediherz.jpg",{"text":3967,"type":513,"marks":3968},"Beispiel für Gruppierung (",[3969],{"type":1663},{"text":3971,"type":513,"marks":3972},"Mediherz.de",[3973,3976],{"type":939,"attrs":3974},{"href":3975,"uuid":118,"anchor":118,"target":118,"linktype":136},"http://www.mediherz.de",{"type":1663},{"text":3855,"type":513,"marks":3978},[3979],{"type":1663},{"type":42,"attrs":3981,"content":3982},{"textAlign":118},[3983],{"text":3984,"type":513},"Das Problem regulärer Drop-downs: Sie können Inhalte nur auf einer Ebene darstellen – Gruppierungen sind schwer darstellbar. Mega Drop-downs bieten hingegen die Möglichkeit, zusammengehörige Inhalte zu gruppieren und für den Kunden angenehm und übersichtlich darzustellen. Richtig angewendet können Kunden damit ihre Auswahl besser und leichter verstehen, was die Abbruchquote reduziert.",{"type":967,"attrs":3986,"content":3987},{"level":975,"textAlign":118},[3988],{"text":3989,"type":513},"Inhalte trennen",{"type":42,"attrs":3991,"content":3992},{"textAlign":118},[3993,4002,4006,4013],{"type":1730,"attrs":3994,"marks":3998},{"id":118,"alt":3995,"src":3996,"title":3995,"source":30,"copyright":30,"meta_data":3997},"Beispiel für klare Trennung der Inhalte (Rei.com)","https://storage.googleapis.com/kk-website-assets/YwxfdPZ8_5-rei.jpg",{"alt":3995,"title":3995,"source":30,"copyright":30},[3999],{"type":939,"attrs":4000},{"href":4001,"uuid":118,"anchor":118,"target":118,"linktype":136},"//www.konversionskraft.de/wp-content/uploads/2010/04/5-rei.jpg",{"text":4003,"type":513,"marks":4004},"Beispiel für klare Trennung der Inhalte (",[4005],{"type":1663},{"text":4007,"type":513,"marks":4008},"Rei.com",[4009,4012],{"type":939,"attrs":4010},{"href":4011,"uuid":118,"anchor":118,"target":118,"linktype":136},"http://www.rei.com",{"type":1663},{"text":3855,"type":513,"marks":4014},[4015],{"type":1663},{"type":42,"attrs":4017,"content":4018},{"textAlign":118},[4019],{"text":4020,"type":513},"Während reguläre Menüs nur einfach formatierten Text darstellen können, lassen sich bei Mega Drop-downs die Optionen durch eine Vielzahl an Variationen hervorheben und visuell strukturieren. Durch unterschiedliches Layout, Typographie oder Illustrationen kann je nach Relevanz, z. B. die Schriftgröße oder Farbe variiert werden. Zusatzinhalte, die als Erweiterung gelten, lassen sich beispielsweise kleiner in grau darstellen.",{"type":42,"attrs":4022,"content":4023},{"textAlign":118},[4024],{"text":4025,"type":513},"Für den Kunden wird die Struktur der Informationen sofort klar, ohne dass die Übersichtlichkeit darunter leiden muss.",{"type":42,"attrs":4027,"content":4028},{"textAlign":118},[4029],{"text":4030,"type":513},"Aufgrund des komplexen Verhaltens der Mega Drop-downs stecken in der richtigen Realisierung einige Stolpersteine, die es zu umgehen gilt. In Form der nachfolgenden 5 Grundregeln zeigen wir die wichtigsten Erfolgsrezepte aus den letzten 6 Jahren Optimierung:",{"type":967,"attrs":4032,"content":4033},{"level":969,"textAlign":118},[4034],{"text":4035,"type":513},"Regel Nr. 1: Das richtige Timing",{"type":42,"attrs":4037,"content":4038},{"textAlign":118},[4039,4048,4052,4059,4062,4065],{"type":1730,"attrs":4040,"marks":4044},{"id":118,"alt":4041,"src":4042,"title":4041,"source":30,"copyright":30,"meta_data":4043},"Beispiel für das richtige Timing (Foodnetwork.com)","https://storage.googleapis.com/kk-website-assets/BuJNKMu9_6-food-network.jpg",{"alt":4041,"title":4041,"source":30,"copyright":30},[4045],{"type":939,"attrs":4046},{"href":4047,"uuid":118,"anchor":118,"target":118,"linktype":136},"//www.konversionskraft.de/wp-content/uploads/2010/04/6-food-network.jpg",{"text":4049,"type":513,"marks":4050},"Beispiel für das richtige Timing (",[4051],{"type":1663},{"text":4053,"type":513,"marks":4054},"Foodnetwork.com",[4055,4058],{"type":939,"attrs":4056},{"href":4057,"uuid":118,"anchor":118,"target":118,"linktype":136},"http://www.foodnetwork.com",{"type":1663},{"text":3855,"type":513,"marks":4060},[4061],{"type":1663},{"type":1632,"marks":4063},[4064],{"type":1663},{"text":4066,"type":513,"marks":4067},"Allerdings ist das x zum schließen überflüssig, Drop-downs sind flüchtig und müssen nicht geschlossen werden (Mouse-Out)",[4068],{"type":1663},{"type":42,"attrs":4070,"content":4071},{"textAlign":118},[4072,4074,4078],{"text":4073,"type":513},"Es ist enorm wichtig, dass der Kunde von der Website vermittelt bekommt, dass die Aktivität der Seite unmittelbar das Ergebnis seiner Aktion ist. Ohne dieses direkte Feedback ist ",{"text":4075,"type":513,"marks":4076},"Kontrollverlust",[4077],{"type":963},{"text":4079,"type":513}," das vorherrschende Gefühl. Nielsen bestätigt unsere Erfahrung mit Speed is essential to making any user interface feel responsive",{"type":967,"attrs":4081,"content":4082},{"level":975,"textAlign":118},[4083],{"text":4084,"type":513},"Darstellungsgeschwindigkeit:",{"type":42,"attrs":4086,"content":4087},{"textAlign":118},[4088,4090,4094,4096,4100,4102,4106],{"text":4089,"type":513},"Unserer Erfahrung nach ist \u003C",{"text":4091,"type":513,"marks":4092},"0.5 Sekunden",[4093],{"type":963},{"text":4095,"type":513}," Rendertime ein guter Anhaltspunkt, um ein ",{"text":4097,"type":513,"marks":4098},"physikalisches Gefühl",[4099],{"type":963},{"text":4101,"type":513}," für das Interface zu vermitteln. Ein Drop-down sollte jedoch keinesfalls „Scheibchenweise“ geladen werden. Die Inhalte sollten zum Zeitpunkt der Anzeige ",{"text":4103,"type":513,"marks":4104},"vollständig zur Verfügung stehen",[4105],{"type":963},{"text":4107,"type":513}," (gerade bei Illustrationen wichtig). Ein langsamer Aufbau, im schlimmsten Fall flackernd, ist “Gift” für die Wirkung des Interface. Nielsen geht dabei sogar noch extremer vor und schreibt in seiner Guideline render within 0.1 seconds",{"type":42,"attrs":4109,"content":4110},{"textAlign":118},[4111,4113,4117],{"text":4112,"type":513},"Es ist jedoch völlig legitim, dass Drop-down beispielsweise ",{"text":4114,"type":513,"marks":4115},"einzublenden",[4116],{"type":963},{"text":4118,"type":513},", anstatt es „nur schnell“ anzuzeigen. Unseren Erfahrungen nach wird beispielsweise ein fade-in mit 0.5 Sekunden immer noch als „physikalisch realistisch“ wahrgenommen. Hierzu mehr in Regel Nr. 5.",{"type":967,"attrs":4120,"content":4121},{"level":975,"textAlign":118},[4122],{"text":4123,"type":513},"Reaktionsgeschwindigkeit:",{"type":42,"attrs":4125,"content":4126},{"textAlign":118},[4127,4137,4141],{"type":1730,"attrs":4128,"marks":4133},{"id":118,"alt":4129,"src":4130,"title":4131,"source":30,"copyright":30,"meta_data":4132},"Beispiel für eine gute Reaktionsgeschwindigkeit","https://storage.googleapis.com/kk-website-assets/Kc1vKCHQ_14-mens-health.jpg","14-mens-health-klein",{"alt":4129,"title":4131,"source":30,"copyright":30},[4134],{"type":939,"attrs":4135},{"href":4136,"uuid":118,"anchor":118,"target":118,"linktype":136},"//www.konversionskraft.de/wp-content/uploads/2010/04/14-mens-health.jpg",{"text":4138,"type":513,"marks":4139},"Beispiel für eine gute Reaktionsgeschwindigkeit (",[4140],{"type":1663},{"text":4142,"type":513,"marks":4143},"Menshealth.com)",[4144,4147],{"type":939,"attrs":4145},{"href":4146,"uuid":118,"anchor":118,"target":118,"linktype":136},"http://www.menshealth.com",{"type":1663},{"type":42,"attrs":4149,"content":4150},{"textAlign":118},[4151,4153,4157,4159,4160,4162],{"text":4152,"type":513},"Es ist sehr wichtig, dass das Drop-down ",{"text":4154,"type":513,"marks":4155},"nicht zu schnell",[4156],{"type":963},{"text":4158,"type":513}," auf das Überfahren (“Hover”) der Maus reagiert.",{"type":1632},{"text":4161,"type":513},"Dies hat ansonsten ein Aufflackern des Menüs zur Folge, sobald der Kunde mit der Maus auch nur kurz die Navigationsleiste streift. Einige Kunden nutzen beim Scannen der Seite häufig die Maus als Hilfsmittel, oder sie haben vielleicht nur versehentlich die Navigationsleiste berührt. Eine zu schnelle Reaktion wirkt unruhig und nervös und wird als störend empfunden, was wiederum den Kunden unruhig und nervös macht. Beides sind Gefühle, die den Kaufprozess negativ beeinflussen können. Hier stimmen unsere Erfahrungen für die „response time“ mit Nielsens Guideline überein: the mouse should remain stationary for ",{"text":4163,"type":513,"marks":4164},"0.5 seconds",[4165],{"type":963},{"type":42,"attrs":4167,"content":4168},{"textAlign":118},[4169,4171,4175,4177,4181],{"text":4170,"type":513},"Technisch wird ein solches „Aussitzen“ als ",{"text":4172,"type":513,"marks":4173},"hover-intention",[4174],{"type":963},{"text":4176,"type":513}," bezeichnet. Dieser Wert besagt nichts anderes, als dass die Reaktion auf die Maus von ihrer aktuellen Position aus, um die angegebene Zeit verzögert wird. Der Unterschied zum normalen ",{"text":4178,"type":513,"marks":4179},"Delay",[4180],{"type":1663},{"text":4182,"type":513}," ist, dass bei jenem die Aktion immer ausgeführt wird, egal ob die Maus noch an der ausgelösten Position steht oder nicht. Das Menü würde somit zwar verzögert angezeigt werden, jedoch auch wenn die Maus schon längst die Navigationsleiste verlassen hätte.",{"type":42,"attrs":4184,"content":4185},{"textAlign":118},[4186,4188,4192,4194,4198],{"text":4187,"type":513},"Wir haben festgestellt, dass neben einer Verzögerung vor dem Einblenden des Drop-downs, eine ",{"text":4189,"type":513,"marks":4190},"Verzögerung auch beim Ausblenden",[4191],{"type":963},{"text":4193,"type":513}," sinnvoll ist. Thema “Accessibility”: Es ist wichtig, auch Kunden mit Einschränkungen in der Motorik die sinnvolle Bedienung des Drop-downs zu ermöglichen. Ein kurzes, versehentliches Verlassen sollte genauso bedacht werden wie das versehentliche Auslösen. Hier ist jedoch eine Verzögerung von ",{"text":4195,"type":513,"marks":4196},"0.25 Sekunden",[4197],{"type":963},{"text":4199,"type":513}," völlig ausreichend.",{"type":967,"attrs":4201,"content":4202},{"level":975,"textAlign":118},[4203,4205,4209],{"text":4204,"type":513},"Für uns hat sich somit folgendes ",{"text":4206,"type":513,"marks":4207},"Timing bei Mega Drop-downs",[4208],{"type":963},{"text":4210,"type":513}," bewährt:",{"type":4212,"attrs":4213,"content":4215},"ordered_list",{"order":4214},1,[4216,4228,4241,4252],{"type":1122,"content":4217},[4218],{"type":42,"attrs":4219,"content":4220},{"textAlign":118},[4221,4223,4226],{"text":4222,"type":513},"Reaktion nach ",{"text":4091,"type":513,"marks":4224},[4225],{"type":963},{"text":4227,"type":513}," Verzögerung",{"type":1122,"content":4229},[4230],{"type":42,"attrs":4231,"content":4232},{"textAlign":118},[4233,4235,4239],{"text":4234,"type":513},"Anzeigen innerhalb ",{"text":4236,"type":513,"marks":4237},"0.1 – 0.5 Sekunden",[4238],{"type":963},{"text":4240,"type":513},", je nach Effekt (im Unterschied zu Nielsen, der 0.1 Sekunden angibt)",{"type":1122,"content":4242},[4243],{"type":42,"attrs":4244,"content":4245},{"textAlign":118},[4246,4247,4250],{"text":4222,"type":513},{"text":4195,"type":513,"marks":4248},[4249],{"type":963},{"text":4251,"type":513}," Verzögerung (hier unterscheiden sich unsere Erfahrungen von Nielsen)",{"type":1122,"content":4253},[4254],{"type":42,"attrs":4255,"content":4256},{"textAlign":118},[4257,4259,4262],{"text":4258,"type":513},"Ausblenden innerhalb ",{"text":4236,"type":513,"marks":4260},[4261],{"type":963},{"text":4263,"type":513},", analog zu 2.",{"type":967,"attrs":4265,"content":4266},{"level":975,"textAlign":118},[4267],{"text":4268,"type":513},"Häufige Probleme beim Hover:",{"type":42,"attrs":4270,"content":4271},{"textAlign":118},[4272],{"text":4273,"type":513},"Das Drop-down darf natürlich erst ausgeblendet werden, wenn die Maus die Navigationsleiste und das Drop-down verlassen hat.",{"type":42,"attrs":4275,"content":4276},{"textAlign":118},[4277,4279,4283],{"text":4278,"type":513},"Hierbei entsteht ein Fehler, den Nielsen als „",{"text":4280,"type":513,"marks":4281},"diagonal problem",[4282],{"type":963},{"text":4284,"type":513},"“ beschreibt. Beim aktivierten Drop-down, wird die Maus von der Navigationsleiste, welche die Anzeige des Drop-downs ausgelöst hat, zum Drop-down bewegt. Damit wird die Navigationsleiste verlassen, was als MouseOut-Event gewertet wird. Somit wird das Drop-down ausblendet.",{"type":42,"attrs":4286,"content":4287},{"textAlign":118},[4288,4290,4294],{"text":4289,"type":513},"Es ist also wichtig, diesen Ablauf bei der Implementierung zu berücksichtigen und Präventionsmaßnahmen zu ergreifen. Das “Katz’ und Maus” – Spiel zwischen Navigationsleiste und Drop-down kann ein hoher ",{"text":4291,"type":513,"marks":4292},"Motivations-Killer",[4293],{"type":963},{"text":4295,"type":513}," sein. Kostet es doch einiges an Nerven, wenn das Drop-down permanent unabsichtlich geschlossen wird.",{"type":967,"attrs":4297,"content":4298},{"level":969,"textAlign":118},[4299],{"text":4300,"type":513},"Regel Nr. 2: Gruppierung der Optionen",{"type":42,"attrs":4302,"content":4303},{"textAlign":118},[4304,4313,4317,4324],{"type":1730,"attrs":4305,"marks":4309},{"id":118,"alt":4306,"src":4307,"title":4306,"source":30,"copyright":30,"meta_data":4308},"Beispiel für Gruppierung und Hervorhebung (Reuters.com)","https://storage.googleapis.com/kk-website-assets/TB4Czz9A_7-reuters.jpg",{"alt":4306,"title":4306,"source":30,"copyright":30},[4310],{"type":939,"attrs":4311},{"href":4312,"uuid":118,"anchor":118,"target":118,"linktype":136},"//www.konversionskraft.de/wp-content/uploads/2010/04/7-reuters.jpg",{"text":4314,"type":513,"marks":4315},"Beispiel für Gruppierung und Hervorhebung (",[4316],{"type":1663},{"text":4318,"type":513,"marks":4319},"Reuters.com",[4320,4323],{"type":939,"attrs":4321},{"href":4322,"uuid":118,"anchor":118,"target":118,"linktype":136},"http://www.reuters.com",{"type":1663},{"text":3855,"type":513,"marks":4325},[4326],{"type":1663},{"type":42,"attrs":4328,"content":4329},{"textAlign":118},[4330,4332,4336],{"text":4331,"type":513},"Das Top-Feature des Mega Drop-downs ist die ",{"text":4333,"type":513,"marks":4334},"Gruppierung der Menüoptionen",[4335],{"type":963},{"text":4337,"type":513},", mit dessen Hilfe die Übersichtlichkeit und der Vergleich ermöglicht wird.",{"type":967,"attrs":4339,"content":4340},{"level":975,"textAlign":118},[4341],{"text":4342,"type":513},"Zusammenfassung von Optionen",{"type":42,"attrs":4344,"content":4345},{"textAlign":118},[4346,4348,4352,4353,4357,4359,4363,4365,4369,4371],{"text":4347,"type":513},"Für eine richtige Gruppierung der Optionen nach zusammengehörigen Sets zählt ausschließlich die Denk- und Ordnungsstruktur der Kunden, welche es herauszufinden und nachzubilden gilt. Eine häufige Ursache schlechter Informationsarchitektur ist die falsche Sichtweise – nicht die Sichtweise des Betreibers, sondern die der Kunden ist ausschlaggebend. Daher empfehlen wir die Entwicklung von ",{"text":4349,"type":513,"marks":4350},"Mental Models",[4351],{"type":963},{"text":1665,"type":513},{"text":4354,"type":513,"marks":4355},"Use Cases",[4356],{"type":963},{"text":4358,"type":513}," mit Hilfe realer Kundensituationen (",{"text":4360,"type":513,"marks":4361},"Card Sorting, Nutzertest",[4362],{"type":963},{"text":4364,"type":513},") oder auf Basis von ",{"text":4366,"type":513,"marks":4367},"Personas",[4368],{"type":963},{"text":4370,"type":513},". Auch Nielsen schlägt vor: ",{"text":4372,"type":513,"marks":4373},"Chunk options into related sets.",[4374],{"type":963},{"type":42,"attrs":4376,"content":4377},{"textAlign":118},[4378,4380,4384],{"text":4379,"type":513},"Welche Methode auch immer angewendet wird, wichtig ist eine für den Kunden ",{"text":4381,"type":513,"marks":4382},"verständliche Zusammenfassung",[4383],{"type":963},{"text":4385,"type":513}," der Optionen in Gruppen.",{"type":967,"attrs":4387,"content":4388},{"level":975,"textAlign":118},[4389],{"text":4390,"type":513},"Balance der Gruppierungen",{"type":42,"attrs":4392,"content":4393},{"textAlign":118},[4394,4396,4400],{"text":4395,"type":513},"Weder zu große Gruppen mit zahlreichen Optionen noch zu viele kleine Gruppen mit wenig Optionen. Beide extreme haben den Nachteil, dass sie nur langsam zu erfassen sind und der Kunde zu lange braucht, um sie zu verstehen. ",{"text":4397,"type":513,"marks":4398},"Verwirrung",[4399],{"type":963},{"text":4401,"type":513}," ist ein weiteres Gefühl, das den Kaufprozess negativ beeinflusst. Nielsen bezeichnet das in seiner Guideline treffend mit: keep a medium level of granularity",{"type":42,"attrs":4403,"content":4404},{"textAlign":118},[4405,4407,4411],{"text":4406,"type":513},"Das Ziel dieser Disziplin ist also eine ",{"text":4408,"type":513,"marks":4409},"ausgewogene Anzahl",[4410],{"type":963},{"text":4412,"type":513}," an unterschiedlichen Gruppen und Optionen.",{"type":967,"attrs":4414,"content":4415},{"level":975,"textAlign":118},[4416],{"text":4417,"type":513},"Sinnvolle Beschriftung",{"type":42,"attrs":4419,"content":4420},{"textAlign":118},[4421,4423,4427],{"text":4422,"type":513},"Wie auch bei jedem anderen Navigationselement sollte dessen Beschriftung sinnvoll sein. Darunter versteht Nielsen „",{"text":4424,"type":513,"marks":4425},"descriptive labels",[4426],{"type":963},{"text":4428,"type":513},"“ und gibt als Richtlinie die Standard-Regeln für „writing for the web“ an.",{"type":42,"attrs":4430,"content":4431},{"textAlign":118},[4432],{"text":4433,"type":513},"Zusammengefasst sollten folgende drei Aspekte berücksichtigt werden:",{"type":4212,"attrs":4435,"content":4436},{"order":4214},[4437,4444,4451],{"type":1122,"content":4438},[4439],{"type":42,"attrs":4440,"content":4441},{"textAlign":118},[4442],{"text":4443,"type":513},"Die Erfassbarkeit „scannability“ sollte verbessert werden, in dem mit dem Wort begonnen wird, welches am meisten informationstragend ist",{"type":1122,"content":4445},[4446],{"type":42,"attrs":4447,"content":4448},{"textAlign":118},[4449],{"text":4450,"type":513},"Kurze und direkte Grundformen („shop“) sind in der Regel besser als die Verlaufsformen („shopping“).",{"type":1122,"content":4452},[4453],{"type":42,"attrs":4454,"content":4455},{"textAlign":118},[4456],{"text":4457,"type":513},"Beschriftungen sind deutlich zu differenzieren, beispielsweise sind „Ways to Shop“ und „Shops“ im gleichen Zusammenhang eine verwirrende Beschriftung",{"type":967,"attrs":4459,"content":4460},{"level":975,"textAlign":118},[4461],{"text":1199,"type":513},{"type":42,"attrs":4463,"content":4464},{"textAlign":118},[4465,4467,4471,4473,4477,4479,4483,4485,4489,4491,4495],{"text":4466,"type":513},"Welche Reihenfolge der Optionen sinnvoll ist, hängt unserer Erfahrung nach wieder von der ",{"text":4468,"type":513,"marks":4469},"Sichtweise",[4470],{"type":963},{"text":4472,"type":513}," ab. Was bringt den Kunden am schnellsten voran? Was erwartet er? Davon wird letztlich abhängig sein, nach welchen Kriterien sortiert wird. Nielsen sagt hier: Die wichtigste und/oder am häufigsten genutzte Gruppe muss ",{"text":4474,"type":513,"marks":4475},"nach oben",[4476],{"type":963},{"text":4478,"type":513}," (bei einem vertikalen Design) ",{"text":4480,"type":513,"marks":4481},"bzw. nach links",[4482],{"type":963},{"text":4484,"type":513}," (bei einem horizontalen Design), was natürlich nur in westlichen Ländern gilt. Außerdem schränkt er die Reihenfolge zusätzlich ein, in dem er die Optionen „",{"text":4486,"type":513,"marks":4487},"among the features",[4488],{"type":963},{"text":4490,"type":513},"“ oder „",{"text":4492,"type":513,"marks":4493},"according to importance",[4494],{"type":963},{"text":4496,"type":513},"“ sortiert.",{"type":967,"attrs":4498,"content":4499},{"level":975,"textAlign":118},[4500],{"text":1221,"type":513},{"type":42,"attrs":4502,"content":4503},{"textAlign":118},[4504,4506,4510],{"text":4505,"type":513},"Jede Option sollte ",{"text":4507,"type":513,"marks":4508},"nur einmal vorhanden",[4509],{"type":963},{"text":4511,"type":513}," sein. Doppelte Optionen sind aus mehreren Gründen zu vermeiden: Zum einen verwirren sie die Kunden, weil sie nicht unterscheiden können, ob die Inhalte hinter der Option gleich sind oder sich unterscheiden. Zum anderen blähen sie das Drop-down unnötig auf und erschweren die Übersichtlichkeit und Handhabung.",{"type":967,"attrs":4513,"content":4514},{"level":975,"textAlign":118},[4515],{"text":4516,"type":513},"Optische Trennung",{"type":42,"attrs":4518,"content":4519},{"textAlign":118},[4520,4529,4533,4540,4543,4546],{"type":1730,"attrs":4521,"marks":4525},{"id":118,"alt":4522,"src":4523,"title":4522,"source":30,"copyright":30,"meta_data":4524},"Beispiel für optische Trennung (Famousecookies.com)","https://storage.googleapis.com/kk-website-assets/_ANcIvJA_9-famous-cookies.jpg",{"alt":4522,"title":4522,"source":30,"copyright":30},[4526],{"type":939,"attrs":4527},{"href":4528,"uuid":118,"anchor":118,"target":118,"linktype":136},"//www.konversionskraft.de/wp-content/uploads/2010/04/9-famous-cookies.jpg",{"text":4530,"type":513,"marks":4531},"Beispiel für optische Trennung (",[4532],{"type":1663},{"text":4534,"type":513,"marks":4535},"Famousecookies.com",[4536,4539],{"type":939,"attrs":4537},{"href":4538,"uuid":118,"anchor":118,"target":118,"linktype":136},"http://www.famousecookies.com",{"type":1663},{"text":3855,"type":513,"marks":4541},[4542],{"type":1663},{"type":1632,"marks":4544},[4545],{"type":1663},{"text":4547,"type":513,"marks":4548},"Dieses Beispiel zeigt, dass sich mit Illustrationen die Inhalte leicht erfassen und trennen lassen",[4549],{"type":1663},{"type":42,"attrs":4551,"content":4552},{"textAlign":118},[4553,4555,4559,4561,4565],{"text":4554,"type":513},"Die Drop-downs bieten eine Reihe von Möglichkeiten, die I",{"text":4556,"type":513,"marks":4557},"nhalte optisch ansprechend und leicht verständlich zu trennen",[4558],{"type":963},{"text":4560,"type":513},". Neben Typographie lassen sich die Optionen sehr gut mit Illustrationen darstellen und / oder vereinfachen. Die Redewendung “",{"text":4562,"type":513,"marks":4563},"Ein Bild sagt mehr als tausend Worte",[4564],{"type":963},{"text":4566,"type":513},"” trifft hier voll zu.",{"type":967,"attrs":4568,"content":4569},{"level":969,"textAlign":118},[4570],{"text":4571,"type":513},"Regel Nr. 3: Einfachheit",{"type":42,"attrs":4573,"content":4574},{"textAlign":118},[4575,4584,4588,4595,4598,4601],{"type":1730,"attrs":4576,"marks":4580},{"id":118,"alt":4577,"src":4578,"title":4577,"source":30,"copyright":30,"meta_data":4579},"Beispiel für Einfachheit (Audi.de)","https://storage.googleapis.com/kk-website-assets/H_xckzE8_8-audi.jpg",{"alt":4577,"title":4577,"source":30,"copyright":30},[4581],{"type":939,"attrs":4582},{"href":4583,"uuid":118,"anchor":118,"target":118,"linktype":136},"//www.konversionskraft.de/wp-content/uploads/2010/04/8-audi.jpg",{"text":4585,"type":513,"marks":4586},"Beispiel für Einfachheit (",[4587],{"type":1663},{"text":4589,"type":513,"marks":4590},"Audi.de",[4591,4594],{"type":939,"attrs":4592},{"href":4593,"uuid":118,"anchor":118,"target":118,"linktype":136},"http://www.audi.de",{"type":1663},{"text":3855,"type":513,"marks":4596},[4597],{"type":1663},{"type":1632,"marks":4599},[4600],{"type":1663},{"text":4602,"type":513,"marks":4603},"Durch klare Trennung und Illustrationen ist das Drop-down schnell und leicht zu erfassen",[4604],{"type":1663},{"type":42,"attrs":4606,"content":4607},{"textAlign":118},[4608,4610,4614],{"text":4609,"type":513},"Nielsens Standard Usability Guidline ",{"text":4611,"type":513,"marks":4612},"keep it simple",[4613],{"type":963},{"text":4615,"type":513}," gilt auch für die mega drop-downs. „Viel hilft viel“ passt nach unseren Erfahrungen hier nicht. Nur weil man alles in die Drop-downs packen kann, heißt das noch lange nicht, dass das Sinn macht. Dies gilt sowohl für Inhalte, als auch für die Bedienung.",{"type":967,"attrs":4617,"content":4618},{"level":975,"textAlign":118},[4619],{"text":4620,"type":513},"Bedienung",{"type":42,"attrs":4622,"content":4623},{"textAlign":118},[4624,4626,4630,4632,4636,4638,4642,4644,4648],{"text":4625,"type":513},"Verschiedene „GUI widgets“ ermöglichen neben dem klassischen Mausklick weiterte Bedienkonzepte wie z. B. Tabs innerhalb des Drop-downs. Von diesen Techniken ist in diesem Zusammenhang meist abzuraten. Erwartungskonformität und einfache Bedienung spielen hier eine wichtigere Rolle. In der Regel werden die Drop-downs nicht durch Mausklick, sondern durch Hover ausgelöst. Dieses Verhalten hat sich bewährt und ist erwartungskonform. Jedoch bringt dies auch Nachteile mit sich, die in Regel Nr. 4 näher erläutert werden. Generell gilt es, die Konformität zu wahren. Wird das Drop-down durch das Event ",{"text":4627,"type":513,"marks":4628},"MouseOver",[4629],{"type":963},{"text":4631,"type":513}," ausgelöst, so muss es auch wieder mit ",{"text":4633,"type":513,"marks":4634},"MouseOut",[4635],{"type":963},{"text":4637,"type":513}," geschlossen werden. Ebenso gilt es mit ",{"text":4639,"type":513,"marks":4640},"OnClick",[4641],{"type":963},{"text":4643,"type":513},". Nur wenn letzteres zum öffnen verwendet wurde, macht ein ",{"text":4645,"type":513,"marks":4646},"x – Button",[4647],{"type":963},{"text":4649,"type":513}," zum schließen Sinn.",{"type":967,"attrs":4651,"content":4652},{"level":975,"textAlign":118},[4653],{"text":4654,"type":513},"Menü, nicht Dialog.",{"type":42,"attrs":4656,"content":4657},{"textAlign":118},[4658,4667],{"type":1730,"attrs":4659,"marks":4663},{"id":118,"alt":4660,"src":4661,"title":4660,"source":30,"copyright":30,"meta_data":4662},"Beispiel für Dialoge in Drop-downs (BMI.com)","https://storage.googleapis.com/kk-website-assets/Sceiqz_X_10-bmi.jpg",{"alt":4660,"title":4660,"source":30,"copyright":30},[4664],{"type":939,"attrs":4665},{"href":4666,"uuid":118,"anchor":118,"target":118,"linktype":136},"//www.konversionskraft.de/wp-content/uploads/2010/04/10-bmi.jpg",{"text":4660,"type":513,"marks":4668},[4669],{"type":1663},{"type":42,"attrs":4671,"content":4672},{"textAlign":118},[4673,4675,4679],{"text":4674,"type":513},"Ein Drop-down ist nach wie vor ein Navigationselement und hat eine ",{"text":4676,"type":513,"marks":4677},"flüchtige Bildschirmpräsenz",[4678],{"type":963},{"text":4680,"type":513},", es ersetzt keine Dialogbox. Komplexere Interaktionen sollten nicht in das Drop-down wandern, auch wenn es verführerisch sein mag.",{"type":967,"attrs":4682,"content":4683},{"level":975,"textAlign":118},[4684],{"text":4685,"type":513},"Vorsicht bei Überladung!",{"type":42,"attrs":4687,"content":4688},{"textAlign":118},[4689,4699,4703,4710],{"type":1730,"attrs":4690,"marks":4695},{"id":118,"alt":4691,"src":4692,"title":4693,"source":30,"copyright":30,"meta_data":4694},"Beispiel für ein überladenes Drop-down (tntrailsandbyways.com)","https://storage.googleapis.com/kk-website-assets/04AATIAq_11-tntrailsandbyways.jpg","11-tntrailsandbyways-klein",{"alt":4691,"title":4693,"source":30,"copyright":30},[4696],{"type":939,"attrs":4697},{"href":4698,"uuid":118,"anchor":118,"target":118,"linktype":136},"//www.konversionskraft.de/wp-content/uploads/2010/04/11-tntrailsandbyways.jpg",{"text":4700,"type":513,"marks":4701},"Beispiel für ein überladenes Drop-down (",[4702],{"type":1663},{"text":4704,"type":513,"marks":4705},"tntrailsandbyways.com",[4706,4709],{"type":939,"attrs":4707},{"href":4708,"uuid":118,"anchor":118,"target":118,"linktype":136},"http://www.tntrailsandbyways.com",{"type":1663},{"text":3855,"type":513,"marks":4711},[4712],{"type":1663},{"type":42,"attrs":4714,"content":4715},{"textAlign":118},[4716],{"text":4717,"type":513},"Der Name “Mega Drop-down” diktiert zwar Größe und die Drop-downs haben schließlich viel Platz für Optionen. Dennoch sollten sie nicht überladen werden. Es ist verführerisch, alle Optionen, auch evtl. weniger relevante, zu implementieren. Es könnte ja sein, ein Kunde vermisst diese Option. Hier gilt es, stets abzuwägen und sich die Fragen zu stellen: „Ist dieses Feature wirklich wichtig für den Kunden?“ oder „Kommt der Kunde ohne dieses Feature schlechter zum Ziel?“.",{"type":967,"attrs":4719,"content":4720},{"level":969,"textAlign":118},[4721],{"text":4722,"type":513},"Regel Nr. 4: Accessibility",{"type":42,"attrs":4724,"content":4725},{"textAlign":118},[4726,4728,4732],{"text":4727,"type":513},"Wer eine ",{"text":4729,"type":513,"marks":4730},"maximal erreichbare",[4731],{"type":963},{"text":4733,"type":513}," Plattform zur Verfügung stellen möchte, sollte bei der Implementierung technische Hilfsmittel wie beispielsweise „screen reader“ oder „screen magnifiers“ im Hinterkopf behalten.",{"type":42,"attrs":4735,"content":4736},{"textAlign":118},[4737,4739,4743],{"text":4738,"type":513},"Nicht nur Kunden mit motorischen Störungen oder Sehschwäche sollten berücksichtigt werden, sondern auch beispielsweise ",{"text":4740,"type":513,"marks":4741},"Mobile Nutzer",[4742],{"type":963},{"text":4744,"type":513},". Sofern keine Mobile-Ansicht eines Adaptiven oder Reponsive Layouts vorhanden ist, ist durch die Zoomfunktion der mobilen Endgeräte stets nur ein Teil des Drop-downs sichtbar, was die Navigation erschwert. Das gleiche gilt natürlich für Bildschirmlupen.",{"type":42,"attrs":4746,"content":4747},{"textAlign":118},[4748],{"text":4749,"type":513},"Touchscreen-Nutzer sind häufig benachteiligt, weil ein Mega drop-down in der Regel per Hover ausgelöst wird. Häufig wird auch lediglich der Text verlinkt. Tooltips werden nicht angezeigt, was die Nutzung erschwert.",{"type":967,"attrs":4751,"content":4752},{"level":975,"textAlign":118},[4753],{"text":4754,"type":513},"In der Vergangenheit haben sich dazu folgende Tipps bewährt:",{"type":4212,"attrs":4756,"content":4757},{"order":4214},[4758,4771,4784],{"type":1122,"content":4759},[4760],{"type":42,"attrs":4761,"content":4762},{"textAlign":118},[4763,4765,4769],{"text":4764,"type":513},"Für diese Nutzergruppen sollte stets ein ",{"text":4766,"type":513,"marks":4767},"Fallback",[4768],{"type":963},{"text":4770,"type":513}," in Form einer klassischen Übersicht als HTML-Seite bereitgestellt werden. Idealerweise wird diese beim Klick auf die Navigationsleiste angezeigt und beinhaltet die gleichen Informationen wie das Drop-down.",{"type":1122,"content":4772},[4773],{"type":42,"attrs":4774,"content":4775},{"textAlign":118},[4776,4778,4782],{"text":4777,"type":513},"Es sollte nicht nur der Text, sondern ein ",{"text":4779,"type":513,"marks":4780},"größerer Bereich",[4781],{"type":963},{"text":4783,"type":513}," um den Text verlinkt sein (auch für Nutzer mit motorischen Einschränkungen wichtig).",{"type":1122,"content":4785},[4786],{"type":42,"attrs":4787,"content":4788},{"textAlign":118},[4789,4790,4794],{"text":1040,"type":513},{"text":4791,"type":513,"marks":4792},"Grundstruktur",[4793],{"type":963},{"text":4795,"type":513}," des Drop-downs sollte in solidem HTML Markup und CSS erfolgen. JavaScript sollte lediglich zur optimierten Darstellung eingesetzt werden. Beispielsweise hierarchisch verschachtelte Listenelemente (\u003Cli>) innerhalb eines Navigationscontainers (\u003Cnav>). Das hat als Nebeneffekt auch positiven Einfluss auf die Suchmaschinenoptimierung (SEO). Was für Screenreader gilt, erleichtert auch den Crawlern der Suchmaschinen die Indizierung.",{"type":42,"attrs":4797,"content":4798},{"textAlign":118},[4799,4801,4805],{"text":4800,"type":513},"In seiner Guideline empfiehlt Nielsen Shops, die überwiegend Kunden mit Sehschwäche in Ihrer Zielgruppe haben (z. B. ältere Kundengruppen), ",{"text":4802,"type":513,"marks":4803},"starke visuelle Signale",[4804],{"type":963},{"text":4806,"type":513}," für Menürahmen zu verwenden. Dies könnte auch bei mobilen Endgeräten hilfreich sein. Dennis Herzberger von konversionsKRAFT geht auf diese Thematik in seinem Artikel Mega Drop-down auf mobilen Endgeräten genauer ein.",{"type":42,"attrs":4808,"content":4809},{"textAlign":118},[4810,4812,4816],{"text":4811,"type":513},"Ein weiterer Tipp von Nielsen, den wir bisher im eCommerce jedoch nicht bestätigen können, ist die Verwendung von „",{"text":4813,"type":513,"marks":4814},"keytips interactions",[4815],{"type":963},{"text":4817,"type":513},"“. Dabei werden alle Funktionen des Drop-downs auch vollständig durch die Tastatur ermöglicht, ähnlich den Menüleisten der Betriebssysteme. Idealerweise werden die entsprechenden Tasten durch Unterstreichung des Buchstabens angezeigt.",{"type":42,"attrs":4819,"content":4820},{"textAlign":118},[4821],{"text":4822,"type":513},"Ob sich das durchsetzen wird, bleibt weiterhin abzuwarten. In den letzten sechs Jahren jedenfalls nicht. Auch die Verwendung der Tabulator- und Cursor-Tasten hat sich bei regulären Drop-downs zur alternativen Bedienung nicht etabliert.",{"type":967,"attrs":4824,"content":4825},{"level":969,"textAlign":118},[4826],{"text":4827,"type":513},"Regel Nr. 5: Die Haptik",{"type":42,"attrs":4829,"content":4830},{"textAlign":118},[4831,4840,4844,4851,4854,4857],{"type":1730,"attrs":4832,"marks":4836},{"id":118,"alt":4833,"src":4834,"title":4833,"source":30,"copyright":30,"meta_data":4835},"Beispiel für ausgewogene Haptik (EMC.com)","https://storage.googleapis.com/kk-website-assets/cx7IAJsU_12-emc.jpg",{"alt":4833,"title":4833,"source":30,"copyright":30},[4837],{"type":939,"attrs":4838},{"href":4839,"uuid":118,"anchor":118,"target":118,"linktype":136},"//www.konversionskraft.de/wp-content/uploads/2010/04/12-emc.jpg",{"text":4841,"type":513,"marks":4842},"Beispiel für ausgewogene Haptik (",[4843],{"type":1663},{"text":4845,"type":513,"marks":4846},"EMC.com",[4847,4850],{"type":939,"attrs":4848},{"href":4849,"uuid":118,"anchor":118,"target":118,"linktype":136},"http://www.emc.com",{"type":1663},{"text":3855,"type":513,"marks":4852},[4853],{"type":1663},{"type":1632,"marks":4855},[4856],{"type":1663},{"text":4858,"type":513,"marks":4859},"Hier wurde auf Timing, Geschwindigkeit, Verzögerung und Animation Rücksicht genommen. Allerdings ruckelt die Anzeige gelegentlich, der Schließen-Button ist überflüssig.",[4860],{"type":1663},{"type":42,"attrs":4862,"content":4863},{"textAlign":118},[4864],{"text":4865,"type":513},"Abgesehen von der Reaktions- und Darstellungsgeschwindigkeit, verzichtet Nielsen in seiner Guideline gänzlich darauf, auf die Haptik der Drop-downs einzugehen.",{"type":42,"attrs":4867,"content":4868},{"textAlign":118},[4869],{"text":4870,"type":513},"Unseren Erfahrungen und Nutzertests zu Folge spielt diese jedoch eine durchaus relevante Rolle. Wir haben festgestellt, dass die Art des Drop-downs und das Gefühl, das bei der Nutzung (oder anderer Bedienelemente) entsteht, eine Wirkung auf die „User Experience“ und letztendlich den Kaufprozess hat.",{"type":42,"attrs":4872,"content":4873},{"textAlign":118},[4874,4876,4880,4882,4886],{"text":4875,"type":513},"Mit anderen Worten: Ein Menü muss sich „",{"text":4877,"type":513,"marks":4878},"gut anfühlen",[4879],{"type":963},{"text":4881,"type":513},"“. Bestätigung unser Erfahrungen zu diesem Thema finden wir in einer sehr klassischen Richtlinie, welche in diesem Zusammenhang erst einmal unkonventionell klingt: ",{"text":4883,"type":513,"marks":4884},"the principles of animation by Disney®",[4885],{"type":963},{"text":4887,"type":513},". Dabei spielen – neben der bereits angesprochenen Ein-/Ausblende-Verzögerung und der Zeit – zwei weitere Faktoren eine wichtige Rolle:",{"type":42,"attrs":4889,"content":4890},{"textAlign":118},[4891,4893,4897,4899,4903,4905,4909,4911,4917],{"text":4892,"type":513},"Zum einen die Art des ",{"text":4894,"type":513,"marks":4895},"Effekts",[4896],{"type":963},{"text":4898,"type":513},", beispielsweise als „Fading“, und zum anderen die ",{"text":4900,"type":513,"marks":4901},"Dynamik",[4902],{"type":963},{"text":4904,"type":513},". Neben der linearen sind dynamische Darstellungen wie z. B. gedämpfte Beschleunigung möglich. Diese ",{"text":4906,"type":513,"marks":4907},"Easings",[4908],{"type":963},{"text":4910,"type":513}," werden mittlerweile nativ durch CSS und alternativ bzw. ergänzend schon seit vielen Jahren durch diverse JavaScript Frameworks und Animation Plugins zur Verfügung gestellt (z. B. ",{"text":4912,"type":513,"marks":4913},"Greensock.com",[4914],{"type":939,"attrs":4915},{"href":4916,"uuid":118,"anchor":118,"target":118,"linktype":136},"http://Greensock.com",{"text":1503,"type":513},{"type":42,"attrs":4919,"content":4920},{"textAlign":118},[4921,4923,4927,4929,4933],{"text":4922,"type":513},"Es macht einen großen Unterschied, ob das Drop-down nach 0.5 Sekunden einfach da ist, oder weich eingeblendet wird. Wichtig dabei ist, ",{"text":4924,"type":513,"marks":4925},"den Bogen nicht zu überspannen",[4926],{"type":963},{"text":4928,"type":513},". Bei aller Liebe zum Detail und einem guten ",{"text":4930,"type":513,"marks":4931},"Joy of Use",[4932],{"type":963},{"text":4934,"type":513}," gilt Nielsens Guideline: „keep it simple“.",{"type":42,"attrs":4936,"content":4937},{"textAlign":118},[4938,4940,4944],{"text":4939,"type":513},"Diese Techniken sollten lediglich der Aufwertung dienen und auf keinen Fall die Funktion oder Wahrnehmung stören. Die verwendeten Effekte müssen sich ",{"text":4941,"type":513,"marks":4942},"harmonisch und ausgeglichen",[4943],{"type":963},{"text":4945,"type":513}," in das Gesamtbild integrieren. Nach einer Einblende-Animation sollte das Drop-down z. B. nicht einfach verschwinden, sondern auch wieder ausgeblendet werden.",{"type":42,"attrs":4947,"content":4948},{"textAlign":118},[4949,4958,4962,4969],{"type":1730,"attrs":4950,"marks":4954},{"id":118,"alt":4951,"src":4952,"title":4951,"source":30,"copyright":30,"meta_data":4953},"Beispiel für gutes Timing und Animation (Archer-group.com)","https://storage.googleapis.com/kk-website-assets/XlOQo5T7_13-archer-group.jpg",{"alt":4951,"title":4951,"source":30,"copyright":30},[4955],{"type":939,"attrs":4956},{"href":4957,"uuid":118,"anchor":118,"target":118,"linktype":136},"//www.konversionskraft.de/wp-content/uploads/2010/04/13-archer-group.jpg",{"text":4959,"type":513,"marks":4960},"Beispiel für gutes Timing und Animation (",[4961],{"type":1663},{"text":4963,"type":513,"marks":4964},"Archer-group.com",[4965,4968],{"type":939,"attrs":4966},{"href":4967,"uuid":118,"anchor":118,"target":118,"linktype":136},"http://www.archer-group.com",{"type":1663},{"text":3855,"type":513,"marks":4970},[4971],{"type":1663},{"type":42,"attrs":4973,"content":4974},{"textAlign":118},[4975,4977,4981,4983,4987,4989,4993,4995,4999],{"text":4976,"type":513},"Oft wird auf diese kleinen Details keine oder nur wenig Rücksicht genommen. Wir haben in Nutzer- und zahlreichen A/B-Tests in den letzten Jahren festgestellt, dass jedoch auch das ",{"text":4978,"type":513,"marks":4979},"Gefühl für das Interface",[4980],{"type":963},{"text":4982,"type":513}," eine relevante Rolle spielt. Auch wenn Nutzer in Befragungen angeben, dass ihnen eine visuell ",{"text":4984,"type":513,"marks":4985},"ansprechende Darstellung",[4986],{"type":963},{"text":4988,"type":513}," nicht wichtig ist oder diese teilweise gar nicht aktiv wahrgenommen wurde. So zeigen die Tests, dass Interfaces mit optimierter Haptik ein ",{"text":4990,"type":513,"marks":4991},"positives Gefühl",[4992],{"type":963},{"text":4994,"type":513}," bewirken und einen positiven Effekt auf messbare ",{"text":4996,"type":513,"marks":4997},"KPIs wie die Conversion Rate",[4998],{"type":963},{"text":5000,"type":513}," haben.",{"type":967,"attrs":5002,"content":5003},{"level":969,"textAlign":118},[5004],{"text":1760,"type":513},{"type":42,"attrs":5006,"content":5007},{"textAlign":118},[5008],{"text":5009,"type":513},"Ein Mega Drop-down Menu einzuführen bzw. zu optimieren ist eine von vielen Stellschrauben, um die Conversion Rate durch den Joy-of-Use, die Einfachheit und Orientierung, zu steigern.",{"type":42,"attrs":5011,"content":5012},{"textAlign":118},[5013,5015],{"text":5014,"type":513},"Berücksichtigt man eine klare Informationsarchitektur, gruppiert die zur Verfügung stehenden Optionen sinnvoll, trennt diese visuell und hält sich an ein paar Anhaltspunkte zum Timing, so lässt sich der Kunde schneller und leichter zum Ziel führen. Diese Regeln können die Motivation beim Navigieren steigern, sind aber sicherlich kein “Allerwelts-Heilmittel”. Hier stimmen auch unsere Erfahrungen mit Nielsen überein: ",{"text":5016,"type":513,"marks":5017},"it’s always best to test",[5018],{"type":963},{"type":42,"attrs":5020,"content":5021},{"textAlign":118},[5022],{"text":5023,"type":513},"Fragen und Meinungen sind in den Kommentaren willkommen!",{"type":967,"attrs":5025,"content":5026},{"level":969,"textAlign":118},[5027],{"text":1497,"type":513},{"type":1119,"content":5029},[5030,5041],{"type":1122,"content":5031},[5032],{"type":42,"attrs":5033,"content":5034},{"textAlign":118},[5035],{"text":5036,"type":513,"marks":5037},"Jakob Nielsens „Mega Drop-Down Navigation Menus Work Well“",[5038],{"type":939,"attrs":5039},{"href":5040,"uuid":118,"anchor":118,"target":118,"linktype":136},"https://www.useit.com/alertbox/mega-dropdown-menus.html",{"type":1122,"content":5042},[5043],{"type":42,"attrs":5044,"content":5045},{"textAlign":118},[5046,5052,5054],{"text":5047,"type":513,"marks":5048},"The principles of animation by Disney®",[5049],{"type":939,"attrs":5050},{"href":5051,"uuid":118,"anchor":118,"target":118,"linktype":136},"https://en.wikipedia.org/wiki/12_basic_principles_of_animation",{"text":5053,"type":513}," bzw. ",{"text":5055,"type":513,"marks":5056},"The Illusion of Life: Disney Animation",[5057],{"type":939,"attrs":5058},{"href":5059,"uuid":118,"anchor":118,"target":118,"linktype":136},"https://www.amazon.de/Illusion-Life-Disney-Animation-Editions/dp/0786860707",{"type":967,"attrs":5061,"content":5062},{"level":969,"textAlign":118},[5063],{"text":5064,"type":513},"Weiterführende Artikel",{"type":1119,"content":5066},[5067,5081,5091],{"type":1122,"content":5068},[5069],{"type":42,"attrs":5070,"content":5071},{"textAlign":118},[5072],{"text":5073,"type":513,"marks":5074},"Ratgeber Conversion-Optimierung",[5075],{"type":939,"attrs":5076},{"href":5077,"uuid":56,"anchor":118,"target":943,"linktype":31,"story":5078},"/de/conversion-optimierung",{"name":5079,"id":5080,"uuid":56,"slug":1843,"url":57,"full_slug":57,"_stopResolving":81},"Conversion Optimierung",62421293971994,{"type":1122,"content":5082},[5083],{"type":42,"attrs":5084,"content":5085},{"textAlign":118},[5086],{"text":903,"type":513,"marks":5087},[5088],{"type":939,"attrs":5089},{"href":5090,"uuid":118,"anchor":118,"target":118,"linktype":136},"https://www.konversionskraft.de/checklisten/praxistipps-conversion-optimierung-mit-facetten-suche-filternavigation.html",{"type":1122,"content":5092},[5093],{"type":42,"attrs":5094,"content":5095},{"textAlign":118},[5096],{"text":5097,"type":513,"marks":5098},"Erlebniswelt Onlineshop – 14 Beispiele für mehr Joy of Use im E-Commerce",[5099],{"type":939,"attrs":5100},{"href":5101,"uuid":118,"anchor":118,"target":118,"linktype":136},"https://www.konversionskraft.de/theorie/erlebniswelt-onlineshop-mehr-joy-of-use-im-ecommerce.html",{"alt":3802,"src":5103,"name":30,"focus":30,"title":118,"source":30,"filename":5103,"copyright":30,"fieldtype":49,"meta_data":5104},"//a.storyblok.com/f/328018/8277e6770a/praxistipps-conversion-optimierung-mit-mega-drop-downs-html-6ac3f815-8-audi_.png",{"alt":3802,"title":118,"source":30,"copyright":30},[1783],[5107,5111,5115],{"name":1820,"created_at":1821,"published_at":1822,"updated_at":1821,"id":1823,"uuid":1816,"content":5108,"slug":1827,"full_slug":1828,"sort_by_date":118,"position":1829,"tag_list":5109,"is_startpage":51,"parent_id":1831,"meta_data":118,"group_id":1832,"first_published_at":1833,"release_id":118,"lang":124,"path":118,"alternates":5110,"default_full_slug":118,"translated_slugs":118,"_stopResolving":81},{"_uid":1825,"component":1826},[],[],{"name":1850,"created_at":1851,"published_at":1852,"updated_at":1853,"id":1854,"uuid":1855,"content":5112,"slug":1858,"full_slug":1859,"sort_by_date":118,"position":119,"tag_list":5113,"is_startpage":51,"parent_id":1831,"meta_data":118,"group_id":1861,"first_published_at":1833,"release_id":118,"lang":124,"path":118,"alternates":5114,"default_full_slug":118,"translated_slugs":118,"_stopResolving":81},{"_uid":1857,"component":1826},[],[],{"name":58,"created_at":1877,"published_at":1878,"updated_at":1879,"id":1880,"uuid":1881,"content":5116,"slug":1884,"full_slug":1885,"sort_by_date":118,"position":1886,"tag_list":5117,"is_startpage":51,"parent_id":1831,"meta_data":118,"group_id":1888,"first_published_at":1833,"release_id":118,"lang":124,"path":118,"alternates":5118,"default_full_slug":118,"translated_slugs":118,"_stopResolving":81},{"_uid":1883,"component":1826},[],[],[],[5121,5124,5128],{"_uid":5122,"link":5123,"text":1897,"component":59},"52f95c36-6306-4e41-a566-ac398ce61b8c",{"id":1895,"url":1896,"linktype":31,"fieldtype":32,"cached_url":1896},{"_uid":5125,"link":5126,"text":442,"component":59},"156ea6ab-a5fc-47be-823a-b9e62a66a8fa",{"id":1901,"url":1902,"linktype":31,"fieldtype":32,"cached_url":1902,"story":5127},{"name":442,"id":1904,"uuid":1901,"slug":440,"url":1902,"full_slug":1902,"_stopResolving":81},{"_uid":5129,"link":5130,"text":3802,"component":59},"9e9760cf-e563-4880-84e7-fe8943444824",{"id":3807,"url":5131,"linktype":31,"fieldtype":32,"cached_url":5131,"story":5132},"de/blog/conversion-rate-optimization/praxistipps-conversion-optimierung-mit-mega-drop-downs",{"name":3802,"id":3806,"uuid":3807,"slug":5133,"url":5134,"full_slug":5134,"_stopResolving":81},"praxistipps-conversion-optimierung-mit-mega-drop-downs","de/conversion-rate-optimization/praxistipps-conversion-optimierung-mit-mega-drop-downs",[],[],[],-270,[5140],"Joy-of-Use (Behavior Pattern)","1c67e146-ee47-4965-ac89-b0851ee446db","2016-07-26T09:50:43.000Z",[],11,1791547809745]