[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"indexPage":3,"article-picker-12":20,"workshop-picker-16":1504},{"data":4,"meta":1500},[5],{"id":6,"documentId":7,"title":8,"slug":9,"createdAt":10,"updatedAt":11,"publishedAt":12,"locale":13,"seo":14,"blocks":21},58,"ex6e0ppturqrw3eala0ifk5s","Startseite","homepage","2026-05-21T18:45:29.334Z","2026-05-30T16:56:04.530Z","2026-05-30T16:56:04.599Z","de-CH",{"id":15,"metaTitle":16,"metaDescription":17,"keywords":18,"metaRobots":19,"metaViewport":20,"canonicalURL":20,"structuredData":20,"metaImage":20},138,"punktzwei publishing – Content, Workflows & KI","Wir denken Content First, entwickeln intelligente Workflows und automatisieren Publishing-Prozesse – mit Fokus auf Wirkung im Arbeitsalltag.","punktzwei, Publishing, Content First, KI, Workflow, Automatisierung","index,follow",null,[22,33,95,121,164,294,424,523],{"id":23,"content":24,"tags":31,"__component":32},12,[25],{"type":26,"children":27},"paragraph",[28],{"text":29,"type":30},"Wir denken ==Content First==, entwickeln ==intelligente Workflows== und automatisieren digitale ==Publishing-Prozesse==.","text",[],"blocks.quote-with-tags",{"id":34,"title":35,"description":36,"anchor":37,"cards":38,"__component":94},10,"Kompetenzen","Eine Auswahl unserer Schwerpunkte – das vollständige Angebot findest du auf der Kompetenzen-Seite.","kompetenzen",[39,49,58,67,76,85],{"id":40,"title":41,"description":42,"linkHref":47,"linkText":48,"image":20},51,"Content First",[43],{"type":26,"children":44},[45],{"text":46,"type":30},"Der Ton macht die Musik: Content First stellt Zielgruppe und Botschaft in den Vordergrund und macht daraus klare Anforderungen an Workflows und Tools.","\u002Fkompetenzen\u002Fcontent-first","Mehr erfahren",{"id":50,"title":51,"description":52,"linkHref":57,"linkText":48,"image":20},52,"Smartes Publishing",[53],{"type":26,"children":54},[55],{"text":56,"type":30},"Effiziente Medienproduktion durch durchdachte Templates, strukturierte Daten und etablierte Werkzeuge.","\u002Fkompetenzen\u002Fsmartes-publishing",{"id":59,"title":60,"description":61,"linkHref":66,"linkText":48,"image":20},53,"Intelligente Workflows",[62],{"type":26,"children":63},[64],{"text":65,"type":30},"Wiederkehrende Abläufe analysieren und sinnvoll automatisieren – von Skripten über Dokumenten-Pipelines bis zur Layout-Automation.","\u002Fkompetenzen\u002Fintelligente-workflows",{"id":68,"title":69,"description":70,"linkHref":75,"linkText":48,"image":20},54,"KI-Assistenten",[71],{"type":26,"children":72},[73],{"text":74,"type":30},"KI-Assistenten für Redaktion, Publishing und Wissensprozesse, integriert in bestehende Systeme und Workflows.","\u002Fkompetenzen\u002Fki-assistenten",{"id":77,"title":78,"description":79,"linkHref":84,"linkText":48,"image":20},55,"Content-Hubs",[80],{"type":26,"children":81},[82],{"text":83,"type":30},"Zentrale Editorial-Systeme und Content-Architekturen, Headless CMS oder klassisch, je nach Anwendungsfall.","\u002Fkompetenzen\u002Fcontent-hubs",{"id":86,"title":87,"description":88,"linkHref":93,"linkText":48,"image":20},56,"KI-Workshops",[89],{"type":26,"children":90},[91],{"text":92,"type":30},"Praxisnahe Workshops für produktiven KI-Einsatz im Arbeitsalltag, mit echten Daten und echten Aufgaben.","\u002Fkompetenzen\u002Fki-workshops","blocks.card-slider",{"id":96,"title":97,"description":20,"count":98,"layout":99,"backgroundColor":100,"workshops":101,"__component":120},16,"Besuche unsere Workshops",3,"divider","#2e2d2d",[102,108,114],{"id":103,"documentId":104,"title":105,"alternativeTitle":106,"slug":107},5,"j5qknfw7zuybqj27mcq970t0","InDesign-GREP","Die Grenzen ausloten mit GREP","in-design-grep",{"id":109,"documentId":110,"title":111,"alternativeTitle":112,"slug":113},6,"kspei65yatw1h8ka50eqs9ii","InDesign-Scripting für Einsteiger","Mit einfachen Scripts die Arbeit erleichtern","indesign-basics",{"id":115,"documentId":116,"title":117,"alternativeTitle":118,"slug":119},8,"la2jc8d2w2bzjavu7r6ox37n","XML-Publishing","Layouts mit XML und InDesign","indesign-xml","blocks.workshop-picker",{"id":122,"title":123,"description":124,"backgroundColor":20,"anchor":20,"accordionItem":125,"__component":163},20,"leistungen.","Vier Schwerpunkte, eine integrierte Sicht – von der Content-Strategie bis zur KI-Automation.",[126,136,145,154],{"id":127,"title":128,"content":129,"linkText":48,"linkHref":134,"linkTarget":135},89,"Content & Publishing",[130],{"type":26,"children":131},[132],{"text":133,"type":30},"Strategie, Workflow und technische Umsetzung rund um Inhalte — von der Content-First-Konzeption über smartes Publishing bis zur Barrierefreiheit und Sichtbarkeit in KI-gestützten Antwortsystemen.","kompetenzen\u002Fkompetenzen#content-publishing","_self",{"id":137,"title":138,"content":139,"linkText":48,"linkHref":144,"linkTarget":135},90,"KI-Systeme & Automation",[140],{"type":26,"children":141},[142],{"text":143,"type":30},"Automatisierung wiederkehrender Aufgaben, intelligente Verbindung bestehender Systeme und Anwendungen rund um generative KI — von intelligenten Workflows bis zum spezialisierten KI-Assistenten.","kompetenzen\u002Fkompetenzen#ki-automation",{"id":146,"title":147,"content":148,"linkText":48,"linkHref":153,"linkTarget":135},91,"Digitale Plattformen",[149],{"type":26,"children":150},[151],{"text":152,"type":30},"Websites, Web-Anwendungen und Content-Hubs — nutzerzentriert konzipiert, sauber implementiert, auf langfristigen Betrieb ausgelegt.","kompetenzen\u002Fkompetenzen#plattformen",{"id":155,"title":156,"content":157,"linkText":48,"linkHref":162,"linkTarget":135},92,"KI & Beratung",[158],{"type":26,"children":159},[160],{"text":161,"type":30},"Strategische Begleitung bei KI- und Publishing-Themen — Prozessanalysen, Workshops, Schulungen und Beratung für Redaktionen und Verlage in der Transformation.","kompetenzen\u002Fkompetenzen#beratung","blocks.accordion",{"id":34,"title":20,"description":20,"count":115,"layout":99,"backgroundColor":165,"customers":166,"__component":293},"#444444",[167,189,196,205,213,230,250],{"id":168,"documentId":169,"name":170,"description":20,"website":171,"highlight":172,"createdAt":173,"updatedAt":174,"publishedAt":175,"logo":176},9,"e3ckd0nz86ewuepbtb05xwke","a&f systems","https:\u002F\u002Fwww.a-f.ch",false,"2026-05-21T15:08:23.153Z","2026-05-21T15:08:32.261Z","2026-05-21T15:08:32.267Z",{"id":177,"documentId":178,"name":179,"alternativeText":179,"caption":179,"focalPoint":20,"width":180,"height":181,"formats":20,"hash":182,"ext":183,"mime":184,"size":185,"url":186,"previewUrl":20,"provider":187,"provider_metadata":20,"createdAt":188,"updatedAt":188,"publishedAt":188},134,"pcfxoza9evsomqlc0p1c4zi6","a-f.svg",264,74,"a_f_b7c1600220",".svg","image\u002Fsvg+xml",3.69,"\u002Fuploads\u002Fa_f_b7c1600220.svg","local","2026-05-21T15:08:23.145Z",{"id":34,"documentId":190,"name":191,"description":20,"website":192,"highlight":172,"createdAt":193,"updatedAt":194,"publishedAt":195,"logo":20},"u325jnidvv3w1m50nlxbhav6","Carrosserie Imhof","https:\u002F\u002Fwww.carrosserie-imhof.ch","2026-05-21T15:08:23.201Z","2026-05-21T15:08:32.276Z","2026-05-21T15:08:32.281Z",{"id":197,"documentId":198,"name":199,"description":200,"website":201,"highlight":172,"createdAt":202,"updatedAt":203,"publishedAt":204,"logo":20},13,"yth1mw4esworz3f1ldzhdl45","Polarstern","Kommunikationsagentur","https:\u002F\u002Fwww.polarstern.ch","2026-05-21T15:08:23.340Z","2026-05-21T15:08:32.350Z","2026-05-21T15:08:32.359Z",{"id":206,"documentId":207,"name":208,"description":20,"website":209,"highlight":172,"createdAt":210,"updatedAt":211,"publishedAt":212,"logo":20},15,"bn3mckolf7lpipee9a4ltaf7","VSD","https:\u002F\u002Fwww.vsd.ch","2026-05-21T15:08:23.417Z","2026-05-21T15:08:32.384Z","2026-05-21T15:08:32.387Z",{"id":96,"documentId":214,"name":215,"description":20,"website":216,"highlight":172,"createdAt":217,"updatedAt":218,"publishedAt":219,"logo":220},"vf97wrycgf0ycmail0qa4fez","Wohn- und Bürozentrum für Körperbehinderte (WBZ)","https:\u002F\u002Fwww.wbz.ch","2026-05-21T15:08:23.459Z","2026-05-21T15:08:32.395Z","2026-05-21T15:08:32.399Z",{"id":221,"documentId":222,"name":223,"alternativeText":223,"caption":223,"focalPoint":20,"width":224,"height":225,"formats":20,"hash":226,"ext":183,"mime":184,"size":227,"url":228,"previewUrl":20,"provider":187,"provider_metadata":20,"createdAt":229,"updatedAt":229,"publishedAt":229},140,"qjcflqmlhe5aoz0d9o7907gu","wbz.svg",106,70,"wbz_5766a35a6d",2.29,"\u002Fuploads\u002Fwbz_5766a35a6d.svg","2026-05-21T15:08:23.448Z",{"id":231,"documentId":232,"name":233,"description":20,"website":234,"highlight":20,"createdAt":235,"updatedAt":236,"publishedAt":237,"logo":238},18,"psx83ygpsw7diuv4eidvyg15","Salted","https:\u002F\u002Fwww.salted.ch","2026-05-22T00:06:11.893Z","2026-05-22T00:09:58.469Z","2026-05-22T00:09:58.484Z",{"id":239,"documentId":240,"name":241,"alternativeText":20,"caption":20,"focalPoint":20,"width":242,"height":243,"formats":244,"hash":245,"ext":183,"mime":184,"size":246,"url":247,"previewUrl":20,"provider":187,"provider_metadata":20,"createdAt":248,"updatedAt":249,"publishedAt":248},170,"tufj4gizmszi3abpdry0frlr","logo-w.svg",122,36,{},"logo_w_cc3e058a28",4.41,"\u002Fuploads\u002Flogo_w_cc3e058a28.svg","2026-05-22T00:06:06.535Z","2026-05-22T00:09:56.701Z",{"id":122,"documentId":251,"name":252,"description":20,"website":253,"highlight":20,"createdAt":254,"updatedAt":254,"publishedAt":255,"logo":256},"ygd06bw904vp28tbd6k1mqdw","DIGITAL PUBLISHING REPORT","https:\u002F\u002Fdigital-publishing-report.de\u002F","2026-05-22T00:19:12.419Z","2026-05-22T00:19:12.445Z",{"id":257,"documentId":258,"name":259,"alternativeText":20,"caption":20,"focalPoint":20,"width":260,"height":261,"formats":262,"hash":289,"ext":264,"mime":267,"size":290,"url":291,"previewUrl":20,"provider":187,"provider_metadata":20,"createdAt":292,"updatedAt":292,"publishedAt":292},171,"j5bt1pmiiht2v9yk2k5eumt0","dpr_digital_publishing_report_logo.png",952,488,{"md":263,"sm":273,"thumbnail":281},{"ext":264,"url":265,"hash":266,"mime":267,"name":268,"path":20,"size":269,"width":270,"height":271,"sizeInBytes":272},".png","\u002Fuploads\u002Fmd_dpr_digital_publishing_report_logo_28edf148ef.png","md_dpr_digital_publishing_report_logo_28edf148ef","image\u002Fpng","md_dpr_digital_publishing_report_logo.png",27.87,768,394,27869,{"ext":264,"url":274,"hash":275,"mime":267,"name":276,"path":20,"size":277,"width":278,"height":279,"sizeInBytes":280},"\u002Fuploads\u002Fsm_dpr_digital_publishing_report_logo_28edf148ef.png","sm_dpr_digital_publishing_report_logo_28edf148ef","sm_dpr_digital_publishing_report_logo.png",22.76,640,328,22758,{"ext":264,"url":282,"hash":283,"mime":267,"name":284,"path":20,"size":285,"width":286,"height":287,"sizeInBytes":288},"\u002Fuploads\u002Fthumbnail_dpr_digital_publishing_report_logo_28edf148ef.png","thumbnail_dpr_digital_publishing_report_logo_28edf148ef","thumbnail_dpr_digital_publishing_report_logo.png",7.31,245,126,7313,"dpr_digital_publishing_report_logo_28edf148ef",8.73,"\u002Fuploads\u002Fdpr_digital_publishing_report_logo_28edf148ef.png","2026-05-22T00:19:09.490Z","blocks.customer-picker",{"id":34,"title":295,"description":296,"count":297,"employees":298,"__component":423},"team.","Unser kleines Team besteht aus motivierten Individualisten, die zusammen das grosse Ganze ergeben.",2,[299,351],{"id":300,"documentId":301,"firstname":302,"lastname":303,"job":304,"email":305,"description":306,"linkedin":307,"createdAt":308,"updatedAt":309,"publishedAt":310,"image":311},4,"qfnvspep0sy3tyobbqqmls7y","David","Maissen","Publishing","david.maissen@punktzwei.ch","Der Aargauer hat seine gesamte berufliche Laufbahn in der grafischen Branche absolviert und kann auf fünfzehn spannende Jahre als Polygraf zurückblicken. Zusätzlich zu seiner Erfahrung in den Bereichen Publishing und Digitaldruck hat er durch seine Ausbildung im Bereich Informatik das Skripten und Konzipieren von Workflows für sich entdeckt. Nebst diesen eher technischen Aspekten begeistert er sich aber auch für gutes Design und Themen wie «User Experience».","https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Fdavid-maissen-29837b178\u002F","2026-05-21T15:08:23.587Z","2026-05-21T15:08:32.412Z","2026-05-21T15:08:32.424Z",{"id":312,"documentId":313,"name":314,"alternativeText":315,"caption":316,"focalPoint":20,"width":317,"height":317,"formats":318,"hash":347,"ext":320,"mime":323,"size":348,"url":349,"previewUrl":20,"provider":187,"provider_metadata":20,"createdAt":350,"updatedAt":350,"publishedAt":350},128,"hh3lm5d2inzmfqkh09veynjl","Portrait_david_maissen_Website.jpg","Portrait David Maissen","David Maissen",1032,{"lg":319,"md":328,"sm":334,"thumbnail":340},{"ext":320,"url":321,"hash":322,"mime":323,"name":324,"path":20,"size":325,"width":326,"height":326,"sizeInBytes":327},".jpg","\u002Fuploads\u002Flg_Portrait_david_maissen_Website_93b4ccf883.jpg","lg_Portrait_david_maissen_Website_93b4ccf883","image\u002Fjpeg","lg_Portrait_david_maissen_Website.jpg",121.3,1024,121299,{"ext":320,"url":329,"hash":330,"mime":323,"name":331,"path":20,"size":332,"width":270,"height":270,"sizeInBytes":333},"\u002Fuploads\u002Fmd_Portrait_david_maissen_Website_93b4ccf883.jpg","md_Portrait_david_maissen_Website_93b4ccf883","md_Portrait_david_maissen_Website.jpg",72.97,72972,{"ext":320,"url":335,"hash":336,"mime":323,"name":337,"path":20,"size":338,"width":278,"height":278,"sizeInBytes":339},"\u002Fuploads\u002Fsm_Portrait_david_maissen_Website_93b4ccf883.jpg","sm_Portrait_david_maissen_Website_93b4ccf883","sm_Portrait_david_maissen_Website.jpg",51.84,51841,{"ext":320,"url":341,"hash":342,"mime":323,"name":343,"path":20,"size":344,"width":345,"height":345,"sizeInBytes":346},"\u002Fuploads\u002Fthumbnail_Portrait_david_maissen_Website_93b4ccf883.jpg","thumbnail_Portrait_david_maissen_Website_93b4ccf883","thumbnail_Portrait_david_maissen_Website.jpg",4.05,156,4045,"Portrait_david_maissen_Website_93b4ccf883",112.81,"\u002Fuploads\u002FPortrait_david_maissen_Website_93b4ccf883.jpg","2026-05-21T15:08:22.585Z",{"id":109,"documentId":352,"firstname":353,"lastname":354,"job":355,"email":356,"description":20,"linkedin":20,"createdAt":357,"updatedAt":358,"publishedAt":359,"image":360},"mdk69gvl8mljg0oxl7jgw91a","Nadine","Gönül","Polygrafin & Fotofachfrau","nadine.goenuel@punktzwei.ch","2026-05-21T15:08:23.895Z","2026-05-21T15:08:32.443Z","2026-05-21T15:08:32.448Z",{"id":361,"documentId":362,"name":363,"alternativeText":363,"caption":363,"focalPoint":20,"width":364,"height":365,"formats":366,"hash":419,"ext":320,"mime":323,"size":420,"url":421,"previewUrl":20,"provider":187,"provider_metadata":20,"createdAt":422,"updatedAt":422,"publishedAt":422},141,"a86bmnvwrh3ihrf1u4onjp07","Nadine_Langenegger.jpg",3497,3126,{"lg":367,"md":374,"sm":381,"xl":388,"2xl":396,"3xl":404,"thumbnail":412},{"ext":320,"url":368,"hash":369,"mime":323,"name":370,"path":20,"size":371,"width":326,"height":372,"sizeInBytes":373},"\u002Fuploads\u002Flg_Nadine_Langenegger_f55490dc32.jpg","lg_Nadine_Langenegger_f55490dc32","lg_Nadine_Langenegger.jpg",106.18,916,106176,{"ext":320,"url":375,"hash":376,"mime":323,"name":377,"path":20,"size":378,"width":270,"height":379,"sizeInBytes":380},"\u002Fuploads\u002Fmd_Nadine_Langenegger_f55490dc32.jpg","md_Nadine_Langenegger_f55490dc32","md_Nadine_Langenegger.jpg",61.67,687,61665,{"ext":320,"url":382,"hash":383,"mime":323,"name":384,"path":20,"size":385,"width":278,"height":386,"sizeInBytes":387},"\u002Fuploads\u002Fsm_Nadine_Langenegger_f55490dc32.jpg","sm_Nadine_Langenegger_f55490dc32","sm_Nadine_Langenegger.jpg",43.26,572,43261,{"ext":320,"url":389,"hash":390,"mime":323,"name":391,"path":20,"size":392,"width":393,"height":394,"sizeInBytes":395},"\u002Fuploads\u002Fxl_Nadine_Langenegger_f55490dc32.jpg","xl_Nadine_Langenegger_f55490dc32","xl_Nadine_Langenegger.jpg",167.45,1280,1144,167450,{"ext":320,"url":397,"hash":398,"mime":323,"name":399,"path":20,"size":400,"width":401,"height":402,"sizeInBytes":403},"\u002Fuploads\u002F2xl_Nadine_Langenegger_f55490dc32.jpg","2xl_Nadine_Langenegger_f55490dc32","2xl_Nadine_Langenegger.jpg",249.17,1536,1373,249168,{"ext":320,"url":405,"hash":406,"mime":323,"name":407,"path":20,"size":408,"width":409,"height":410,"sizeInBytes":411},"\u002Fuploads\u002F3xl_Nadine_Langenegger_f55490dc32.jpg","3xl_Nadine_Langenegger_f55490dc32","3xl_Nadine_Langenegger.jpg",423.57,1920,1716,423567,{"ext":320,"url":413,"hash":414,"mime":323,"name":415,"path":20,"size":416,"width":417,"height":345,"sizeInBytes":418},"\u002Fuploads\u002Fthumbnail_Nadine_Langenegger_f55490dc32.jpg","thumbnail_Nadine_Langenegger_f55490dc32","thumbnail_Nadine_Langenegger.jpg",4.96,175,4963,"Nadine_Langenegger_f55490dc32",1711.34,"\u002Fuploads\u002FNadine_Langenegger_f55490dc32.jpg","2026-05-21T15:08:23.878Z","blocks.employee-picker",{"id":425,"content":426,"backgroundColor":443,"fluid":20,"theme":444,"lead":445,"accentColor":446,"imagePosition":447,"imageFit":448,"titleSnippets":449,"image":456,"link":519,"__component":522},30,[427,431],{"type":26,"children":428},[429],{"text":430,"type":30},"Wir arbeiten täglich im Coworking-Bereich der Villa Loreto in Solothurn. Die Villa Loreto ist ein spannender Mix aus historischen und modernen Räumen für Meetings, Seminare, Sitzungen und Workshops. Ausgerüstet mit neuer Technik und eingebettet in einen naturnahen Garten.",{"type":26,"children":432},[433,435,442],{"text":434,"type":30},"Als kleines Team schätzen wir den Austausch und die Zusammenarbeit mit anderen Coworker:innen. Für größere Vorhaben greifen wir auf das Netzwerk der Villa zurück: Wir nutzen Räume und Infrastruktur und binden Spezialist:innen projektweise ein. So können wir auch komplexere Projekte effizient und mit dem nötigen Know-how umsetzen.",{"url":436,"type":437,"target":438,"children":439},"https:\u002F\u002Fvilla-loreto.ch","link","_blank",[440],{"text":441,"type":30},"",{"text":441,"type":30},"#313131","light","Unser Arbeitsort. Unser Netzwerk.","#ffec2e","left","cover",[450,453],{"id":451,"text":452,"color":20},99,"Villa ",{"id":454,"text":455,"color":20},100,"Loreto",[457],{"id":458,"documentId":459,"name":460,"alternativeText":20,"caption":20,"focalPoint":20,"width":461,"height":462,"formats":463,"hash":515,"ext":465,"mime":468,"size":516,"url":517,"previewUrl":20,"provider":187,"provider_metadata":20,"createdAt":518,"updatedAt":518,"publishedAt":518},200,"hq821fbv02r6phw4nzeh2d16","villa-loreto-virtueller-rundgang-garten-ueberblick.webp",2400,1599,{"lg":464,"md":473,"sm":480,"xl":487,"2xl":494,"3xl":501,"thumbnail":508},{"ext":465,"url":466,"hash":467,"mime":468,"name":469,"path":20,"size":470,"width":326,"height":471,"sizeInBytes":472},".webp","\u002Fuploads\u002Flg_villa_loreto_virtueller_rundgang_garten_ueberblick_69b0ea9a1a.webp","lg_villa_loreto_virtueller_rundgang_garten_ueberblick_69b0ea9a1a","image\u002Fwebp","lg_villa-loreto-virtueller-rundgang-garten-ueberblick.webp",191.49,682,191490,{"ext":465,"url":474,"hash":475,"mime":468,"name":476,"path":20,"size":477,"width":270,"height":478,"sizeInBytes":479},"\u002Fuploads\u002Fmd_villa_loreto_virtueller_rundgang_garten_ueberblick_69b0ea9a1a.webp","md_villa_loreto_virtueller_rundgang_garten_ueberblick_69b0ea9a1a","md_villa-loreto-virtueller-rundgang-garten-ueberblick.webp",111.93,512,111928,{"ext":465,"url":481,"hash":482,"mime":468,"name":483,"path":20,"size":484,"width":278,"height":485,"sizeInBytes":486},"\u002Fuploads\u002Fsm_villa_loreto_virtueller_rundgang_garten_ueberblick_69b0ea9a1a.webp","sm_villa_loreto_virtueller_rundgang_garten_ueberblick_69b0ea9a1a","sm_villa-loreto-virtueller-rundgang-garten-ueberblick.webp",79.66,426,79656,{"ext":465,"url":488,"hash":489,"mime":468,"name":490,"path":20,"size":491,"width":393,"height":492,"sizeInBytes":493},"\u002Fuploads\u002Fxl_villa_loreto_virtueller_rundgang_garten_ueberblick_69b0ea9a1a.webp","xl_villa_loreto_virtueller_rundgang_garten_ueberblick_69b0ea9a1a","xl_villa-loreto-virtueller-rundgang-garten-ueberblick.webp",280.85,853,280848,{"ext":465,"url":495,"hash":496,"mime":468,"name":497,"path":20,"size":498,"width":401,"height":499,"sizeInBytes":500},"\u002Fuploads\u002F2xl_villa_loreto_virtueller_rundgang_garten_ueberblick_69b0ea9a1a.webp","2xl_villa_loreto_virtueller_rundgang_garten_ueberblick_69b0ea9a1a","2xl_villa-loreto-virtueller-rundgang-garten-ueberblick.webp",376.4,1023,376398,{"ext":465,"url":502,"hash":503,"mime":468,"name":504,"path":20,"size":505,"width":409,"height":506,"sizeInBytes":507},"\u002Fuploads\u002F3xl_villa_loreto_virtueller_rundgang_garten_ueberblick_69b0ea9a1a.webp","3xl_villa_loreto_virtueller_rundgang_garten_ueberblick_69b0ea9a1a","3xl_villa-loreto-virtueller-rundgang-garten-ueberblick.webp",526.77,1279,526770,{"ext":465,"url":509,"hash":510,"mime":468,"name":511,"path":20,"size":512,"width":513,"height":345,"sizeInBytes":514},"\u002Fuploads\u002Fthumbnail_villa_loreto_virtueller_rundgang_garten_ueberblick_69b0ea9a1a.webp","thumbnail_villa_loreto_virtueller_rundgang_garten_ueberblick_69b0ea9a1a","thumbnail_villa-loreto-virtueller-rundgang-garten-ueberblick.webp",12.15,234,12148,"villa_loreto_virtueller_rundgang_garten_ueberblick_69b0ea9a1a",748.51,"\u002Fuploads\u002Fvilla_loreto_virtueller_rundgang_garten_ueberblick_69b0ea9a1a.webp","2026-05-28T01:35:39.609Z",{"id":34,"text":520,"href":436,"target":438,"isExternal":521,"download":20},"Villa Loreto besuchen",true,"blocks.typographic-image-block",{"id":23,"title":524,"description":525,"count":98,"articles":526,"__component":1499},"wissen.","Wir berichten über unsere Erfahrungen und teilen interessante Stories aus dem Netz.",[527,671,1045],{"id":528,"documentId":529,"title":530,"alternativeTitle":531,"description":532,"content":533,"publish_at":607,"slug":608,"highlight":521,"curated":172,"createdAt":609,"updatedAt":610,"publishedAt":611,"locale":13,"image":612},68,"goqnz1ggmtk73kzyhd3w4hp9","Das Web mit bekannten Konzepten neu gedacht","Mit Jamstack zurück in die Zukunft der Webentwicklung","Moderne CMS bieten heute eine Vielzahl an Features, die den Nutzern das Verwalten von Inhalten erleichtert. Doch auch diese Systeme haben ihre Schattenseite: lange Ladezeiten, aufwändige Updates und nicht zuletzt das Risiko von Sicherheitslücken sorgen dafür, dass Jamstack-Anwendungen an Beliebtheit gewinnen. Doch was verbirgt sich hinter diesem Trend?",[534,539,543,547,551,563,567,571,575,579,583,587,591,595,599,603],{"type":535,"level":297,"children":536},"heading",[537],{"text":538,"type":30},"Zurück zu den Wurzeln?",{"type":26,"children":540},[541],{"text":542,"type":30},"Der Begriff Jamstack ist abgeleitet von den verschiedenen Technologien, die bei diesem Architekturstil zum Einsatz kommen. Dabei stehen die drei Anfangsbuchstaben für Javascript, API und Markup. Javascript sorgt dafür, dass Jamstack-Seiten nicht nur statische Gebilde sind, sondern mit individuellen Funktionen zu dynamischen Web Apps werden. Mittels API’s – also Schnittstellen, die vielfach als Restful API’s implementiert sind – werden verschiedene Services wie zum Beispiel eine Benutzerauthentifizierung integriert. Markup steht für Auszeichnung und sorgt dafür, dass die Inhalte auf Webseiten strukturiert sind und entsprechend dargestellt werden können. HTML ist die Sprache des Webs, auch in Jamstack findet diese Auszeichnungssprache natürlich ihre Verwendung. Der eigentliche Clou von Jamstack-Webseiten ist aber nicht die verwendete Technologie, sondern das Prinzip, dass im Grunde die gesamte Webseite im Vorfeld in einem Build-Prozess zusammengefügt wird. Die Webseite muss also beim Aufruf durch einen Benutzer nicht mehr vollständig gerendert werden, sondern kann unkompliziert als statische Webseite über Content Delivery Networks ausgeliefert werden. Jamstack nutzt also die Vorteile, die statische Webseiten bereits seit vielen Jahren aufweisen. Doch natürlich ist dieses Prinzip nicht einfach nur alter Wein in neuen Schläuchen. Es gibt weitere Eigenschaften, die Jamstack ausmachen. So zum Beispiel die Entkopplung von Frontend und Backend, die dazu führt, dass flexible Umgebungen entstehen, die dem Best-of-Breed-Ansatz folgen. Wichtig zu erwähnen ist, dass Jamstack keine spezifische Technologie ist, sondern eine Bewegung mit Best-Practices, die zum Schluss zu schnelleren Webseiten führen soll.",{"type":535,"level":297,"children":544},[545],{"text":546,"type":30},"Was unterscheidet Jamstack von gängigen Seiten?",{"type":26,"children":548},[549],{"text":550,"type":30},"Um diesen neuen Architekturstil besser zu verstehen, schauen wir uns das Prinzip an, wie moderne Websites bis anhin funktionieren. Diese sind im Gegensatz zu den Anfängen des Webs nicht mehr statisch, sondern dynamisch. Sobald ein Nutzer eine Webseite aufruft, wird zur Laufzeit eine Anfrage an einen Server gesendet. Inhalte werden in der Datenbank abgerufen, übermittelt und in eine HTML-Struktur gerendert, um diese zum Schluss im Browser darzustellen. Mittels Javascript lassen sich Inhalte auf einer Webseite beliebig abrufen und austauschen. Dieser Architekturstil – auch bekannt und dem Namen Lampstack – setzt auf Technologien wie Linux, Apache, MYSQL und PHP.",{"type":552,"image":553,"children":561},"image",{"name":554,"alternativeText":554,"url":555,"caption":20,"width":556,"height":557,"formats":20,"hash":558,"ext":183,"mime":184,"size":559,"previewUrl":20,"provider":187,"provider_metadata":20,"createdAt":560,"updatedAt":560},"jamstack-vs-traditional-web.svg","https:\u002F\u002Fcontent.punktzwei.ch\u002Fuploads\u002Fjamstack_vs_traditional_web_0c0853b9eb.svg",731,584,"jamstack_vs_traditional_web_0c0853b9eb",28.62,"2026-05-27T22:58:08.048Z",[562],{"type":30,"text":441},{"type":26,"children":564},[565],{"text":566,"type":30},"Traditionelle Umgebungen sind in der Regel monolithisch aufgebaut und direkt mit der Datenbank verbunden, damit zur Laufzeit Inhalte abgefragt werden können. Im Gegensatz dazu stellt Jamstack die bereits gerenderten Inhalte über ein CDN zur Verfügung und dockt verschiedene Microservices an. (Quelle: jamstack.org)",{"type":26,"children":568},[569],{"text":570,"type":30},"Doch worin liegt nun der Vorteil von Jamstack-Websites? Oder anders gesagt, was sind die Nachteile von Lampstack? Wenn Inhalte bei jedem Seitenaufruf oder auch bei bestimmten Benutzerinteraktionen abgefragt und gerendert werden müssen, können daraus lange Reaktionszeiten resultieren. Mittlerweile gibt es zahlreiche Caching-Ebenen, die als Zwischenspeicher fungieren und so Inhalte schneller zur Verfügung stellen. Allerdings erhöhen diese Caching-Ebenen auch die Komplexität und somit den Wartungsaufwand. Im Gegensatz dazu werden beim Jamstack-Prinzip die Inhalte im Vorfeld zusammengestellt (Build), so dass zum Schluss lediglich statische Seiten über spezielle Content-Delivery-Netzwerke ausgeliefert werden. Dieses Prinzip ermöglicht sehr performante Seiten, die aufgrund der reinen Lesezugriffe einfach skalierbar sind. Dies zeigen auch zahlreiche Beispiele auf der offiziellen Jamstack-Webseite jamstack.org.",{"type":535,"level":297,"children":572},[573],{"text":574,"type":30},"Einfachheit und Sicherheit",{"type":26,"children":576},[577],{"text":578,"type":30},"Klassische CMS wie WordPress bieten mittlerweile ein ganzes Ökosystem mit unzähligen Erweiterungen, mit welchen die eigene Webseite im Funktionsumfang erweitert werden kann. Bei diesen monolithischen Systemen sind Komponenten wie Datenbanken, das Frontend oder die bereits erwähnten Plug-ins eng miteinander verbunden und bilden eine Einheit. Für die Anwender ist diese Gegebenheit praktisch. Inhalte können einfach im Backend erfasst und freigeschalten werden. In Bezug auf Wartbarkeit und Sicherheit birgt diese Architektur aber ein mehr oder weniger grosses Risiko. Durch jedes installierte Plug-in kann Schadsoftware eingeschleust werden. Die zahlreichen Updates und Patches zeigen, dass dieses Risiko nicht gerade klein ist. Zugleich wird durch diese regelmässigen Updates der Wartungsaufwand weiter erhöht.",{"type":26,"children":580},[581],{"text":582,"type":30},"Bei Jamstack gibt es keine Serverumgebung im eigentlichen Sinne, die zur Laufzeit Datenbankabfragen regelt und Inhalte rendert. Wie bereits erwähnt erfolgt grundsätzlich ein reiner Lesezugriff auf spezielle Content Delivery Networks, die Inhalte über verteilte Server zur Verfügung stellen. Doch was ist mit Plug-ins? Der Buchstabe A im Begriff Jamstack steht wie bereits beschrieben für API. Mittels Schnittstellen können Inhalte während dem Build-Prozess abgerufen oder Microservices angebunden werden. Diese Microservices können verschiedene Funktionen wie Benutzerauthentifizierung, Bezahlprozesse in einem Onlineshop oder erweiterte Suchfunktionen abdecken. Durch API’s wird das Web also quasi zu einem riesigen Ökosystem für Dienste, die einfach abgerufen bzw. genutzt werden können.",{"type":535,"level":297,"children":584},[585],{"text":586,"type":30},"Die Vorteile von beiden Welten nutzen",{"type":26,"children":588},[589],{"text":590,"type":30},"Jamstack-Webseiten können die Performance einer Webseite verbessern. Im Gegenzug kann sich aber auch der Aufwand für den vorgelagerten Build-Prozess bei umfangreichen Seiten stark erhöhen, was wiederum zu langen Build-Zeiten führt. Bei Webseiten wie zum Beispiel sozialen Netzwerken oder Foren, bei denen sich Inhalte rasch ändern, sind viele einzelne Builds notwendig, um die Inhalte aktuell zu halten. Um die Anzahl der Build-Vorgänge zu reduzieren, bietet sich ein Mittelweg an, bei welchem nur ein Teil der Seite vorgebaut und der Rest dynamisch beim Aufruf der Seite mittels API’s abgefragt wird. Natürlich gehen diese dynamischen Abfragen wieder zu Lasten der Performance. Auch lässt sich die klassische Jamstack-Architektur durch Headless-CMS ergänzen, welche Inhalte während des Build-Prozesses zur Verfügung stellen. Klassische CMS wie WordPress oder Drupal lassen sich mittlerweile nach dem Headless-Prinzip betreiben.",{"type":535,"level":297,"children":592},[593],{"text":594,"type":30},"Lohnt sich der Umstieg?",{"type":26,"children":596},[597],{"text":598,"type":30},"Selbstverständlich gibt es auch bei der Erstellung von Websites oder Content-First-Workflows kein Patentrezept. Schliesslich hängt die Wahl des entsprechenden Ansatzes oder der Technologie von verschiedenen Faktoren ab. Die schnelle Performance, Sicherheitsaspekte, niedrige Kosten und die mittlerweile hohe Zahl an Microservices im Netz sind aber Aspekte, die im Publishing-Bereich klar für Jamstack sprechen. Ein Umstieg muss auch nicht immer zwingend bedeuten, dass alle Elemente einer bestehenden Umgebung auf einen Schlag ersetzt werden müssen. CMS wie WordPress lassen sich wie bereits erwähnt zu einem Headless CMS umbauen. So kann zum Beispiel die bestehende Datenbank genutzt und an ein neu entwickeltes Frontend angedockt werden. Bestehende Funktionalitäten können schrittweise durch eigene oder fremde Microservices ersetzt und bei Bedarf erweitert werden.",{"type":535,"level":297,"children":600},[601],{"text":602,"type":30},"Das Buch zur Bewegung",{"type":26,"children":604},[605],{"text":606,"type":30},"Wer mehr über Jamstack erfahren möchte, kann sich das Jamstack-Buch auf netlify herunterladen. Das Buch, welches auch als Audio-Datei erhältlich ist, erklärt die Grundsätze von Jamstack und die zugrundeliegenden Technologien.","2023-05-29T22:00:00.000Z","mit-jamstack-zurueck-in-die-zukunft-der-webentwicklung","2026-05-21T15:08:24.799Z","2026-05-30T15:03:29.337Z","2026-05-30T15:03:29.371Z",{"id":613,"documentId":614,"name":615,"alternativeText":615,"caption":615,"focalPoint":20,"width":616,"height":617,"formats":618,"hash":667,"ext":320,"mime":323,"size":668,"url":669,"previewUrl":20,"provider":187,"provider_metadata":20,"createdAt":670,"updatedAt":670,"publishedAt":670},142,"j6h7a7708g43vhf8lehej9ho","holly-stratton-Acn1Y0sb4QU-unsplash.jpg",2736,1826,{"lg":619,"md":626,"sm":633,"xl":640,"2xl":647,"3xl":654,"thumbnail":661},{"ext":320,"url":620,"hash":621,"mime":323,"name":622,"path":20,"size":623,"width":326,"height":624,"sizeInBytes":625},"\u002Fuploads\u002Flg_holly_stratton_Acn1_Y0sb4_QU_unsplash_dcc31f251d.jpg","lg_holly_stratton_Acn1_Y0sb4_QU_unsplash_dcc31f251d","lg_holly-stratton-Acn1Y0sb4QU-unsplash.jpg",26.12,683,26115,{"ext":320,"url":627,"hash":628,"mime":323,"name":629,"path":20,"size":630,"width":270,"height":631,"sizeInBytes":632},"\u002Fuploads\u002Fmd_holly_stratton_Acn1_Y0sb4_QU_unsplash_dcc31f251d.jpg","md_holly_stratton_Acn1_Y0sb4_QU_unsplash_dcc31f251d","md_holly-stratton-Acn1Y0sb4QU-unsplash.jpg",15.18,513,15175,{"ext":320,"url":634,"hash":635,"mime":323,"name":636,"path":20,"size":637,"width":278,"height":638,"sizeInBytes":639},"\u002Fuploads\u002Fsm_holly_stratton_Acn1_Y0sb4_QU_unsplash_dcc31f251d.jpg","sm_holly_stratton_Acn1_Y0sb4_QU_unsplash_dcc31f251d","sm_holly-stratton-Acn1Y0sb4QU-unsplash.jpg",11.17,427,11169,{"ext":320,"url":641,"hash":642,"mime":323,"name":643,"path":20,"size":644,"width":393,"height":645,"sizeInBytes":646},"\u002Fuploads\u002Fxl_holly_stratton_Acn1_Y0sb4_QU_unsplash_dcc31f251d.jpg","xl_holly_stratton_Acn1_Y0sb4_QU_unsplash_dcc31f251d","xl_holly-stratton-Acn1Y0sb4QU-unsplash.jpg",43.32,854,43318,{"ext":320,"url":648,"hash":649,"mime":323,"name":650,"path":20,"size":651,"width":401,"height":652,"sizeInBytes":653},"\u002Fuploads\u002F2xl_holly_stratton_Acn1_Y0sb4_QU_unsplash_dcc31f251d.jpg","2xl_holly_stratton_Acn1_Y0sb4_QU_unsplash_dcc31f251d","2xl_holly-stratton-Acn1Y0sb4QU-unsplash.jpg",68.88,1025,68881,{"ext":320,"url":655,"hash":656,"mime":323,"name":657,"path":20,"size":658,"width":409,"height":659,"sizeInBytes":660},"\u002Fuploads\u002F3xl_holly_stratton_Acn1_Y0sb4_QU_unsplash_dcc31f251d.jpg","3xl_holly_stratton_Acn1_Y0sb4_QU_unsplash_dcc31f251d","3xl_holly-stratton-Acn1Y0sb4QU-unsplash.jpg",121.53,1281,121528,{"ext":320,"url":662,"hash":663,"mime":323,"name":664,"path":20,"size":665,"width":513,"height":345,"sizeInBytes":666},"\u002Fuploads\u002Fthumbnail_holly_stratton_Acn1_Y0sb4_QU_unsplash_dcc31f251d.jpg","thumbnail_holly_stratton_Acn1_Y0sb4_QU_unsplash_dcc31f251d","thumbnail_holly-stratton-Acn1Y0sb4QU-unsplash.jpg",2.58,2581,"holly_stratton_Acn1_Y0sb4_QU_unsplash_dcc31f251d",281.45,"\u002Fuploads\u002Fholly_stratton_Acn1_Y0sb4_QU_unsplash_dcc31f251d.jpg","2026-05-21T15:08:24.773Z",{"id":181,"documentId":672,"title":673,"alternativeTitle":674,"description":675,"content":676,"publish_at":981,"slug":982,"highlight":172,"curated":172,"createdAt":983,"updatedAt":984,"publishedAt":985,"locale":13,"image":986},"rbi6uad2mk27nl9dz01lujd0","Ein Rezept für Content First","Content First mit dem Headless CMS Strapi","Content-Management-Systeme sind im Publishing gerade hoch im Kurs und vereinfachen das Publizieren über verschiedene Kanäle. Warum es sich lohnt, seine Prozesse mit den Prinzipien von Content First neu zu denken und welche Rolle dabei Headless CMS spielen können, erfährst du in diesem Artikel.",[677,681,685,689,702,711,715,719,723,781,790,794,798,802,806,810,814,818,822,826,830,892,896,900,961,965,969,973,977],{"type":26,"children":678},[679],{"text":680,"type":30},"Microsoft-Word, InDesign, die Datenbank der Webseite – das sind nur einige mögliche Orte, an denen Inhalte in einem «klassischen» Publishing-Workflow abgelegt werden können. Doch in welcher Version pflegt man nun die Inhalte? In welcher Datei oder in welchem Tool werden Korrekturen ausgeführt? Diesen Fragen wird man sich unweigerlich stellen müssen, wenn ein klassischer Print-Workflow plötzlich mit weiteren Ausgabekanälen ergänzt werden soll. Bei meiner Leibspeise – den Bündner Capuns – sagt man liebevoll: «Es gibt so viele Rezepte wie Grossmütter.» So ähnlich verhält es sich mit Antworten auf die soeben gestellten Fragen, nur sind es dann meist keine Rezepte, sondern Ansätze und Tools. Mit meinem Rezept oder anders ausgedrückt, mit meiner Publishing-Empfehlung möchte ich neben einem konkreten Ansatz auch das Open-Source-Tool Strapi vorstellen und in einer Artikelreihe die verschiedenen Möglichkeiten im Publishing aufzeigen.",{"type":535,"level":297,"children":682},[683],{"text":684,"type":30},"Content First mit Finesse",{"type":26,"children":686},[687],{"text":688,"type":30},"Content First bedeutet, dass der Inhalt und somit auch die Person, die diesen Inhalt konsumiert, an erster Stelle stehen. Inhalte sollten also immer über dem Layout oder dem Ausgabemedium stehen und so aufgebaut sein, dass sie für den Leser relevant sind. Ansätze wie Print-First oder auch Web-First bergen das Risiko, dass die Inhalte nicht medienneutral aufbereitet werden, sondern bereits durch den jeweiligen Ausgabekanal beeinflusst werden. Ein Klassiker bilden dabei zum Beispiel Verweise auf bestimmte Seiten im Printmedium, die den Weg irgendwie in den Web-Artikel gefunden haben. Oder umgekehrt – überfüllte Bildergalerien, bei denen sich der Leser im Netz selbst einen Reim darauf machen muss, zu welchem Kontext das jeweilige Bild passt. Diese Bilder landen dann oft im Print-Artikel in einem liebevoll gestalteten Bildraster, leider ohne Bezug zum Inhalt. Du denkst dir nun vielleicht: «Das muss doch auch besser gehen.» undUnd damit hast du natürlich auch vollkommen recht.",{"type":552,"image":690,"children":700},{"name":691,"alternativeText":691,"url":692,"caption":20,"width":693,"height":694,"formats":695,"hash":696,"ext":183,"mime":184,"size":697,"previewUrl":20,"provider":187,"provider_metadata":20,"createdAt":698,"updatedAt":699},"headless_cms_aufbau.svg","https:\u002F\u002Fcontent.punktzwei.ch\u002Fuploads\u002Fheadless_cms_aufbau_8f95f15fbb.svg",292,199,{},"headless_cms_aufbau_8f95f15fbb",10.35,"2026-05-27T13:29:11.381Z","2026-05-27T13:35:32.773Z",[701],{"type":30,"text":441},{"type":535,"children":703,"level":297},[704,705,709],{"text":441,"type":30},{"url":706,"type":437,"children":707},"\u002Fuploads\u002Fheadless_cms_aufbau_8f95f15fbb.svg",[708],{"text":441,"type":30},{"text":710,"type":30},"Abstraktion mit Headless CMS",{"type":26,"children":712},[713],{"text":714,"type":30},"Um eine medienneutrale Datenhaltung zu gewährleisten, die sich für alle möglichen Ausgabekanäle eignet, hat eine Entwicklung in die Richtung von Headless CMS stattgefunden. Wie der Name bereits vermuten lässt, sind Headless CMS im wahrsten Sinne des Wortes kopflos. Mit Kopf ist in diesem Fall das Frontend gemeint – also die Präsentationsschicht, die Inhalte in einem bestimmten Layout darstellt. Man kann sich natürlich darüber streiten, ob Systeme besser werden, wenn man einfach gewisse Teile oder Funktionen weglässt. In diesem Fall löst diese Abstraktion aber die bereits beschriebenen Probleme, dass Inhalte beispielsweise mit der Print- oder Web-Brille erstellt werden. In klassischen CMS wie Wordpress, Typo3 oder Drupal werden Inhalte in der Regel im Backend – also der eigentlichen Schaltzentrale – verwaltet und im Frontend ausgegeben. Um den Benutzern das Erfassen und Editieren von Content zu erleichtern, werden meist sogenannte WYSIWYG-Editoren zur Verfügung gestellt. Dieses Prinzip funktioniert wunderbar, solange der Content in der Form dargestellt wird, auf welcher die Vorschau basiert. Möchte man die Daten nun in einen anderen Ausgabekanal einspeisen, ist man darauf angewiesen, dass sich die gegebene Struktur in die Form des neuen Ausgabekanals übersetzen lässt. Dies ist leider meist mit Kompromissen verbunden. Mit dem Headless-CMS-Ansatz versucht man nun, die Kompatibiltät für ­verschiedene Ausgabekanäle zu erhöhen, ­indem man die Präsentationsschicht ganz einfach weglässt. ",{"type":535,"level":297,"children":716},[717],{"text":718,"type":30},"Inhalte mit Struktur",{"type":26,"children":720},[721],{"text":722,"type":30},"Wer sich mit dem Thema Headless CMS befasst, kommt unweigerlich zum Punkt, an dem er sich mit der Modellierung der Inhalte befassen muss – und das ist auch gut so. Bevor man Inhalte ausgeben kann, müssen diese erstellt werden. Doch, welche Inhalte sollen überhaupt erstellt werden und wie müssen diese aufgebaut sein? Welche Zusatzinformationen (Metadaten) werden benötigt? Wärmen wir nun also unsere Analogie in Bezug auf Publishing-Ansätze und Capuns-Rezepte nochmals auf und überlegen uns, wie ein grundsätzliches Rezept aufgebaut ist. Ein Rezept verfügt zum Beispiel über einen Titel, eine Kurzbeschreibung und ein Tellerbild. Auch die Zutaten, die Mengenangaben sowie die einzelnen Zubereitungsschritte dürfen in einem guten Rezept natürlich nicht fehlen. Mit diesen Überlegungen haben wir nun bereits unser erstes Inhaltsmodell für den Inhaltstyp «Rezept» definiert. Überlegungen zur Content-Strategie und zur Datenmodellierung bilden also den Ausgangspunkt eines Content-First-Prozesses.",{"type":552,"image":724,"children":779},{"name":725,"alternativeText":725,"url":726,"caption":20,"width":727,"height":728,"formats":729,"hash":776,"ext":264,"mime":267,"size":777,"previewUrl":20,"provider":187,"provider_metadata":20,"createdAt":778,"updatedAt":778},"content-first-workflow.png","https:\u002F\u002Fcontent.punktzwei.ch\u002Fuploads\u002Fcontent_first_workflow_0829de0cc4.png",2137,296,{"lg":730,"md":736,"sm":742,"xl":748,"2xl":755,"3xl":762,"thumbnail":769},{"ext":264,"url":731,"hash":732,"mime":267,"name":733,"path":20,"size":734,"width":326,"height":613,"sizeInBytes":735},"\u002Fuploads\u002Flg_content_first_workflow_0829de0cc4.png","lg_content_first_workflow_0829de0cc4","lg_content-first-workflow.png",31.75,31752,{"ext":264,"url":737,"hash":738,"mime":267,"name":739,"path":20,"size":740,"width":270,"height":224,"sizeInBytes":741},"\u002Fuploads\u002Fmd_content_first_workflow_0829de0cc4.png","md_content_first_workflow_0829de0cc4","md_content-first-workflow.png",22.37,22373,{"ext":264,"url":743,"hash":744,"mime":267,"name":745,"path":20,"size":746,"width":278,"height":127,"sizeInBytes":747},"\u002Fuploads\u002Fsm_content_first_workflow_0829de0cc4.png","sm_content_first_workflow_0829de0cc4","sm_content-first-workflow.png",18.15,18152,{"ext":264,"url":749,"hash":750,"mime":267,"name":751,"path":20,"size":752,"width":393,"height":753,"sizeInBytes":754},"\u002Fuploads\u002Fxl_content_first_workflow_0829de0cc4.png","xl_content_first_workflow_0829de0cc4","xl_content-first-workflow.png",42.38,177,42378,{"ext":264,"url":756,"hash":757,"mime":267,"name":758,"path":20,"size":759,"width":401,"height":760,"sizeInBytes":761},"\u002Fuploads\u002F2xl_content_first_workflow_0829de0cc4.png","2xl_content_first_workflow_0829de0cc4","2xl_content-first-workflow.png",51.2,213,51200,{"ext":264,"url":763,"hash":764,"mime":267,"name":765,"path":20,"size":766,"width":409,"height":767,"sizeInBytes":768},"\u002Fuploads\u002F3xl_content_first_workflow_0829de0cc4.png","3xl_content_first_workflow_0829de0cc4","3xl_content-first-workflow.png",69.97,266,69971,{"ext":264,"url":770,"hash":771,"mime":267,"name":772,"path":20,"size":773,"width":286,"height":774,"sizeInBytes":775},"\u002Fuploads\u002Fthumbnail_content_first_workflow_0829de0cc4.png","thumbnail_content_first_workflow_0829de0cc4","thumbnail_content-first-workflow.png",5.79,34,5791,"content_first_workflow_0829de0cc4",12.98,"2026-05-21T17:43:54.841Z",[780],{"type":30,"text":441},{"type":535,"children":782,"level":297},[783,784,788],{"type":30,"text":441},{"url":785,"type":437,"children":786},"\u002Fuploads\u002Fcontent_first_workflow_0829de0cc4.png",[787],{"text":441,"type":30},{"text":789,"type":30},"Beziehungen und Module",{"type":26,"children":791},[792],{"text":793,"type":30},"Was ist, wenn wir das soeben definierte Inhaltsmodell genauer anschauen? Wir stellen fest, dass die Zutaten im Rezept selbst wiederum über eine Bezeichnung und allenfalls über ein Produktbild sowie eine kurze Beschreibung verfügen können. Es ist also nichts anderes, als ein weiterer Inhaltstyp, der in einer Beziehung zum Inhaltstyp «Rezept» steht. Der Vorteil solcher Relationen ist, dass eine Zutat nicht in jedem Rezept neu erfasst werden muss, sondern einfach aus einer Sammlung an Zutaten verknüpft werden kann – wir minimieren also Redundanzen in unseren Daten.",{"type":26,"children":795},[796],{"text":797,"type":30},"Mit dem Prinzip der Modularisierung betrachten wir unsere Inhalte nicht mehr als Ganzes, sondern zerlegen die verschiedenen Bereiche in Module. Diese Module können dann beliebig oft sowie in unterschiedlichen Kontexten verwendet werden.",{"type":535,"level":297,"children":799},[800],{"text":801,"type":30},"Inhalte ausspielen, aber wie?",{"type":26,"children":803},[804],{"text":805,"type":30},"Ich habe bereits erwähnt, dass mit einem Headless CMS das Frontend weggelassen wird. Dies ist nur die halbe Wahrheit. Auch ohne Frontend müssen die Inhalte über einen Weg in die verschiedenen Kanäle gelangen. Dies wird durch eine Schnittstelle (API) ermöglicht. Im Web und vor allem bei Headless CMS kommen dabei oft sogenannte REST-API’s zum Einsatz. Hierbei wird in der Regel eine Anfrage über HTTP an den Server gestellt. So können Ressourcen über eine URL\u002FURI mithilfe bestimmter Methoden abgerufen, verändert oder gelöscht werden. Das Prinzip lässt sich einfach mit dem Beispiel einer Bibliothek erklären. Ein Kunde (Anfrager) betritt die Bibliothek und möchte ein bestimmtes Buch (Ressource) ausleihen. Der Bibliothekar – in diesem Falle die Logik der Schnittstelle –prüft, ob das Buch bzw. die Ressource zur Verfügung steht und ob der Kunde berechtigt ist, das Buch auszuleihen. Ist alles korrekt, kann das Buch ausgeliehen werden. REST-API’s funktionieren im Grundsatz nach diesem Prinzip, mit dem Unterschied, dass sich die Daten natürlich über das Web abrufen lassen. Als Austauschformate kommen in der Regel JSON, HTML oder XML zum Einsatz. REST-API’s zeichnen sich durch eine hohe Flexibilität, Skalierbarkeit sowie Sicherheit aus. ",{"type":535,"level":297,"children":807},[808],{"text":809,"type":30},"Klassisch, Headless oder beides?",{"type":26,"children":811},[812],{"text":813,"type":30},"Die typischen Vertreter von klassischen CMS geniessen grosse Bekanntheit. Doch wie sieht es im Bereich der Headless CMS aus? Alle WordPress-Fans kann ich an dieser Stelle beruhigen. Auch dieses CMS kann durch die implementierte REST-API und zusätzlichen Erweiterungen einfach zu einem Headless CMS «umgebaut» werden, genauer gesagt spricht man dann in diesem Fall von einer progressiven Entkopplung (Progressive Decoupling). Auch andere Systeme bieten hybride Möglichkeiten. Georg Obermayr erklärt zum Beispiel in einem seiner Blogbeiträge, wie man mit dem CMS Kirby die Vorteile des Headless-CMS-Ansatzes nutzen kann.",{"type":535,"level":297,"children":815},[816],{"text":817,"type":30},"Strapi – Content-Lieferant für alle Kanäle",{"type":26,"children":819},[820],{"text":821,"type":30},"Mittlerweile gibt es auch eine stattliche Zahl an Vertretern aus den Reihen der Headless CMS, die sich voll und ganz der Abstraktion des Frontends verschrieben haben und als reine Content-Plattform fungieren. Das Tool Strapi ist einer dieser Vertreter, dessen Vorzüge nun etwas genauer beleuchtet werden. Fünf Jahre nach der ersten Veröffentlichung des Projekts auf Github hat das Open-Source-Headless-CMS im letzten Jahr den sogenannten Stable Release herausgegeben und sich dadurch zu einem vielversprechenden Kandidaten gemausert. Strapi besticht durch eine einfache Benutzeroberfläche, um Inhalte zu erfassen sowie durch eine automatische Bereitstellung von API-Endpoints, um die erstellten Inhalte über das Web abzurufen. Die Installation von Strapi ist aktuell nicht ganz so einfach, wie dies zum Beispiel bei den bekanntesten CMS der Fall ist. Mit Hilfe der detaillierten Dokumentation des Herstellers ist das System jedoch schnell aufgesetzt und konfiguriert. Zudem soll nächstens eine Cloud-Version veröffentlicht werden, mit welcher das Selfhosting entfällt.",{"type":535,"level":297,"children":823},[824],{"text":825,"type":30},"Content Management im Eigenbau",{"type":26,"children":827},[828],{"text":829,"type":30},"Ist Strapi erst einmal installiert, ermöglicht es durch die flexible Datenstruktur das Erstellen von individuellen Inhaltsstrukturen. Dies geschieht mit dem sogenannten Content Type Builder. Strapi unterscheidet hier zwischen verschiedenen Content-Typen wie Sammlungen, einzelnen Einträgen und Komponenten. Wie der Name bereits sagt, können Sammlungen im Gegensatz zu Einzeleinträgen mehrere Einträge mit der gleichen Struktur enthalten. Dies kann zum Beispiel eine Sammlung verschiedener Blogbeiträge sein. Komponenten können in ­verschiedenen Sammlungen sowie Einzeleinträgen verwendet werden. Sie erhöhen also die Wiederverwendbarkeit von Datenstrukturen. Ein Content-Typ kann mittels verschiedener Feld-Typen strukturiert werden. So können unter anderem Felder für gewöhnliche und formatierte Texte, Listen ­sowie Bilder hinzugefügt werden. Relationen können ebenfalls ganz einfach mit einem dafür vorgesehen Feld-Typ definiert werden.",{"type":552,"image":831,"children":890},{"name":832,"alternativeText":832,"url":833,"caption":20,"width":834,"height":835,"formats":836,"hash":886,"ext":264,"mime":267,"size":887,"previewUrl":20,"provider":187,"provider_metadata":20,"createdAt":888,"updatedAt":889},"content-types-builder.png","https:\u002F\u002Fcontent.punktzwei.ch\u002Fuploads\u002Fcontent_types_builder_45693bcc95.png",2874,1522,{"lg":837,"md":844,"sm":851,"xl":858,"2xl":865,"3xl":872,"thumbnail":879},{"ext":264,"url":838,"hash":839,"mime":267,"name":840,"path":20,"size":841,"width":326,"height":842,"sizeInBytes":843},"\u002Fuploads\u002Flg_content_types_builder_45693bcc95.png","lg_content_types_builder_45693bcc95","lg_content-types-builder.png",221.31,542,221306,{"ext":264,"url":845,"hash":846,"mime":267,"name":847,"path":20,"size":848,"width":270,"height":849,"sizeInBytes":850},"\u002Fuploads\u002Fmd_content_types_builder_45693bcc95.png","md_content_types_builder_45693bcc95","md_content-types-builder.png",131.09,407,131086,{"ext":264,"url":852,"hash":853,"mime":267,"name":854,"path":20,"size":855,"width":278,"height":856,"sizeInBytes":857},"\u002Fuploads\u002Fsm_content_types_builder_45693bcc95.png","sm_content_types_builder_45693bcc95","sm_content-types-builder.png",87.91,339,87912,{"ext":264,"url":859,"hash":860,"mime":267,"name":861,"path":20,"size":862,"width":393,"height":863,"sizeInBytes":864},"\u002Fuploads\u002Fxl_content_types_builder_45693bcc95.png","xl_content_types_builder_45693bcc95","xl_content-types-builder.png",334.56,678,334555,{"ext":264,"url":866,"hash":867,"mime":267,"name":868,"path":20,"size":869,"width":401,"height":870,"sizeInBytes":871},"\u002Fuploads\u002F2xl_content_types_builder_45693bcc95.png","2xl_content_types_builder_45693bcc95","2xl_content-types-builder.png",476.02,813,476016,{"ext":264,"url":873,"hash":874,"mime":267,"name":875,"path":20,"size":876,"width":409,"height":877,"sizeInBytes":878},"\u002Fuploads\u002F3xl_content_types_builder_45693bcc95.png","3xl_content_types_builder_45693bcc95","3xl_content-types-builder.png",726.78,1017,726783,{"ext":264,"url":880,"hash":881,"mime":267,"name":882,"path":20,"size":883,"width":286,"height":884,"sizeInBytes":885},"\u002Fuploads\u002Fthumbnail_content_types_builder_45693bcc95.png","thumbnail_content_types_builder_45693bcc95","thumbnail_content-types-builder.png",17.78,130,17777,"content_types_builder_45693bcc95",344.78,"2026-05-27T23:20:43.838Z","2026-05-30T15:13:03.944Z",[891],{"type":30,"text":441},{"type":535,"level":297,"children":893},[894],{"text":895,"type":30},"Strapi durch Inhalte mit Leben füllen",{"type":26,"children":897},[898],{"text":899,"type":30},"Die mit dem Content Type Builder definierten Inhaltsmodelle bilden im Grunde das Grundgerüst für unser Headless CMS. In dieses Grundgerüst fliesst dann der eigentliche Content, der in Strapi mit dem Content Manager erfasst und editiert werden kann. Dafür steht ein übersichtlicher Editor zur Verfügung, mit welchem Texte erfasst und mittels Markdown formatiert werden können. Neu lassen sich auch Inhaltsvarianten in verschiedenen Sprachen bzw. für verschiedene Regionen verwalten. Für die Verwaltung von Medien wie Bilder, Videos und Audio-Inhalte stellt Strapi eine einfache Media Library in Form eines Plug-ins zur Verfügung.",{"type":552,"image":901,"children":959},{"name":902,"alternativeText":902,"url":903,"caption":20,"width":904,"height":905,"formats":906,"hash":956,"ext":264,"mime":267,"size":957,"previewUrl":20,"provider":187,"provider_metadata":20,"createdAt":958,"updatedAt":958},"strapi_media-library.png","https:\u002F\u002Fcontent.punktzwei.ch\u002Fuploads\u002Fstrapi_media_library_412638bbb8.png",2879,1751,{"lg":907,"md":914,"sm":921,"xl":928,"2xl":935,"3xl":942,"thumbnail":949},{"ext":264,"url":908,"hash":909,"mime":267,"name":910,"path":20,"size":911,"width":326,"height":912,"sizeInBytes":913},"\u002Fuploads\u002Flg_strapi_media_library_412638bbb8.png","lg_strapi_media_library_412638bbb8","lg_strapi_media-library.png",515.18,623,515180,{"ext":264,"url":915,"hash":916,"mime":267,"name":917,"path":20,"size":918,"width":270,"height":919,"sizeInBytes":920},"\u002Fuploads\u002Fmd_strapi_media_library_412638bbb8.png","md_strapi_media_library_412638bbb8","md_strapi_media-library.png",287.82,467,287820,{"ext":264,"url":922,"hash":923,"mime":267,"name":924,"path":20,"size":925,"width":278,"height":926,"sizeInBytes":927},"\u002Fuploads\u002Fsm_strapi_media_library_412638bbb8.png","sm_strapi_media_library_412638bbb8","sm_strapi_media-library.png",202.56,389,202564,{"ext":264,"url":929,"hash":930,"mime":267,"name":931,"path":20,"size":932,"width":393,"height":933,"sizeInBytes":934},"\u002Fuploads\u002Fxl_strapi_media_library_412638bbb8.png","xl_strapi_media_library_412638bbb8","xl_strapi_media-library.png",822.94,778,822940,{"ext":264,"url":936,"hash":937,"mime":267,"name":938,"path":20,"size":939,"width":401,"height":940,"sizeInBytes":941},"\u002Fuploads\u002F2xl_strapi_media_library_412638bbb8.png","2xl_strapi_media_library_412638bbb8","2xl_strapi_media-library.png",1235.85,934,1235852,{"ext":264,"url":943,"hash":944,"mime":267,"name":945,"path":20,"size":946,"width":409,"height":947,"sizeInBytes":948},"\u002Fuploads\u002F3xl_strapi_media_library_412638bbb8.png","3xl_strapi_media_library_412638bbb8","3xl_strapi_media-library.png",1989.39,1168,1989388,{"ext":264,"url":950,"hash":951,"mime":267,"name":952,"path":20,"size":953,"width":286,"height":954,"sizeInBytes":955},"\u002Fuploads\u002Fthumbnail_strapi_media_library_412638bbb8.png","thumbnail_strapi_media_library_412638bbb8","thumbnail_strapi_media-library.png",33.22,149,33216,"strapi_media_library_412638bbb8",1301.54,"2026-05-27T23:21:09.842Z",[960],{"type":30,"text":441},{"type":535,"level":297,"children":962},[963],{"text":964,"type":30},"Benutzer, Rollen und Rechte",{"type":26,"children":966},[967],{"text":968,"type":30},"Mit der implementierten REST-API spielt Strapi die eigentliche Stärke eines Headless CMS gekonnt aus. Die mit dem Content Manager erstellten Inhalte können nach deren Veröffentlichung sofort über die jeweiligen API-Endpoints abgerufen werden (z. B. https:\u002F\u002Fstrapi-example.ch\u002Farticles). Die Daten werden im JSON-Format ausgeliefert und können so einfach im Frontend verarbeitet werden. Mittels Benutzern und Rollen kann der Zugriff auf die verschiedenen Inhalte detailliert gesteuert werden. ",{"type":535,"level":297,"children":970},[971],{"text":972,"type":30},"Volle Roadmap",{"type":26,"children":974},[975],{"text":976,"type":30},"Strapi bietet schon jetzt eine einfache Benutzeroberfläche und eine Vielzahl an Funktionen. Die Zahl der Features ist seit dem Stable Release im letzten Jahr stetig gestiegen, weitere sollen mit den nächsten Releases folgen. Ein Blick in die Roadmap zeigt, dass man in Zukunft einige spannende Entwicklungen erwarten darf. Auch die Community liefert stetig neue interessante Plug-ins.",{"type":26,"children":978},[979],{"text":980,"type":30},"Im nächsten Artikel erfährst du, wie man mit Strapi einen einfachen Content-First-Workflow mit Ausgabekanälen für Web und Print definieren kann.","2021-07-20T22:00:00.000Z","content-first-mit-dem-headless-cms-strapi","2026-05-21T15:08:26.615Z","2026-05-30T15:13:39.633Z","2026-05-30T15:13:39.673Z",{"id":987,"documentId":988,"name":989,"alternativeText":989,"caption":989,"focalPoint":20,"width":990,"height":991,"formats":992,"hash":1041,"ext":320,"mime":323,"size":1042,"url":1043,"previewUrl":20,"provider":187,"provider_metadata":20,"createdAt":1044,"updatedAt":1044,"publishedAt":1044},146,"h71g1ytajbeludsydzfkytri","sam-roman-ljZ2KRh_gZM-unsplash.jpg",3024,4032,{"lg":993,"md":999,"sm":1006,"xl":1013,"2xl":1020,"3xl":1027,"thumbnail":1034},{"ext":320,"url":994,"hash":995,"mime":323,"name":996,"path":20,"size":997,"width":270,"height":326,"sizeInBytes":998},"\u002Fuploads\u002Flg_sam_roman_lj_Z2_K_Rh_g_ZM_unsplash_5b7a558084.jpg","lg_sam_roman_lj_Z2_K_Rh_g_ZM_unsplash_5b7a558084","lg_sam-roman-ljZ2KRh_gZM-unsplash.jpg",261.42,261415,{"ext":320,"url":1000,"hash":1001,"mime":323,"name":1002,"path":20,"size":1003,"width":1004,"height":270,"sizeInBytes":1005},"\u002Fuploads\u002Fmd_sam_roman_lj_Z2_K_Rh_g_ZM_unsplash_5b7a558084.jpg","md_sam_roman_lj_Z2_K_Rh_g_ZM_unsplash_5b7a558084","md_sam-roman-ljZ2KRh_gZM-unsplash.jpg",158.67,576,158673,{"ext":320,"url":1007,"hash":1008,"mime":323,"name":1009,"path":20,"size":1010,"width":1011,"height":278,"sizeInBytes":1012},"\u002Fuploads\u002Fsm_sam_roman_lj_Z2_K_Rh_g_ZM_unsplash_5b7a558084.jpg","sm_sam_roman_lj_Z2_K_Rh_g_ZM_unsplash_5b7a558084","sm_sam-roman-ljZ2KRh_gZM-unsplash.jpg",117.87,480,117870,{"ext":320,"url":1014,"hash":1015,"mime":323,"name":1016,"path":20,"size":1017,"width":1018,"height":393,"sizeInBytes":1019},"\u002Fuploads\u002Fxl_sam_roman_lj_Z2_K_Rh_g_ZM_unsplash_5b7a558084.jpg","xl_sam_roman_lj_Z2_K_Rh_g_ZM_unsplash_5b7a558084","xl_sam-roman-ljZ2KRh_gZM-unsplash.jpg",372.46,960,372458,{"ext":320,"url":1021,"hash":1022,"mime":323,"name":1023,"path":20,"size":1024,"width":1025,"height":401,"sizeInBytes":1026},"\u002Fuploads\u002F2xl_sam_roman_lj_Z2_K_Rh_g_ZM_unsplash_5b7a558084.jpg","2xl_sam_roman_lj_Z2_K_Rh_g_ZM_unsplash_5b7a558084","2xl_sam-roman-ljZ2KRh_gZM-unsplash.jpg",504.8,1152,504797,{"ext":320,"url":1028,"hash":1029,"mime":323,"name":1030,"path":20,"size":1031,"width":1032,"height":409,"sizeInBytes":1033},"\u002Fuploads\u002F3xl_sam_roman_lj_Z2_K_Rh_g_ZM_unsplash_5b7a558084.jpg","3xl_sam_roman_lj_Z2_K_Rh_g_ZM_unsplash_5b7a558084","3xl_sam-roman-ljZ2KRh_gZM-unsplash.jpg",714.17,1440,714173,{"ext":320,"url":1035,"hash":1036,"mime":323,"name":1037,"path":20,"size":1038,"width":1039,"height":345,"sizeInBytes":1040},"\u002Fuploads\u002Fthumbnail_sam_roman_lj_Z2_K_Rh_g_ZM_unsplash_5b7a558084.jpg","thumbnail_sam_roman_lj_Z2_K_Rh_g_ZM_unsplash_5b7a558084","thumbnail_sam-roman-ljZ2KRh_gZM-unsplash.jpg",9.94,117,9944,"sam_roman_lj_Z2_K_Rh_g_ZM_unsplash_5b7a558084",2437.22,"\u002Fuploads\u002Fsam_roman_lj_Z2_K_Rh_g_ZM_unsplash_5b7a558084.jpg","2026-05-21T15:08:26.592Z",{"id":1046,"documentId":1047,"title":1048,"alternativeTitle":1049,"description":1050,"content":1051,"publish_at":607,"slug":1454,"highlight":172,"curated":172,"createdAt":1455,"updatedAt":1456,"publishedAt":1457,"locale":13,"image":1458},73,"uuoibfjm8er518ly7vohqcmf","Ein Regelwerk für besseres UX-Design","Tipps für besseres Design","Was macht eine gute Webseite oder einen guten Webshop aus? Wie man eine gute User Experience – also das Nutzererlebnis – mithilfe von psychologischen Grundsätzen erzielt, erklärt dir die Seite Laws of UX. Wir haben die wichtigsten Regeln zusammengefasst. ",[1052,1056,1060,1121,1130,1134,1186,1195,1199,1251,1260,1264,1268,1272,1324,1333,1337,1389,1398,1402],{"type":535,"level":297,"children":1053},[1054],{"text":1055,"type":30},"Law of Proximity",{"type":26,"children":1057},[1058],{"text":1059,"type":30},"Ein Betrachter neigt dazu, Elemente zu gruppieren, die nahe beieinander liegen. Ordnet man Punkte auf einer Geraden an und verringert den Abstand, so werden diese irgendwann durch das Auge des Betrachters als eine Linie wahrgenommen. Das Gesetz der Nähe hat seinen Ursprung in der Gestaltpsychologie und kann dazu genutzt werden, um Elemente zu gruppieren, die inhaltlich eine Zusammengehörigkeit aufweisen. Dies können zum Beispiel Elemente für die Navigation sein.",{"type":552,"image":1061,"children":1119},{"name":1062,"alternativeText":1062,"url":1063,"caption":20,"width":1064,"height":1065,"formats":1066,"hash":1116,"ext":264,"mime":267,"size":1117,"previewUrl":20,"provider":187,"provider_metadata":20,"createdAt":1118,"updatedAt":1118},"law-of-proximity_poster.png","https:\u002F\u002Fcontent.punktzwei.ch\u002Fuploads\u002Flaw_of_proximity_poster_a177d470a5.png",1294,2000,{"lg":1067,"md":1074,"sm":1081,"xl":1088,"2xl":1095,"3xl":1102,"thumbnail":1109},{"ext":264,"url":1068,"hash":1069,"mime":267,"name":1070,"path":20,"size":1071,"width":1072,"height":326,"sizeInBytes":1073},"\u002Fuploads\u002Flg_law_of_proximity_poster_a177d470a5.png","lg_law_of_proximity_poster_a177d470a5","lg_law-of-proximity_poster.png",111.71,663,111712,{"ext":264,"url":1075,"hash":1076,"mime":267,"name":1077,"path":20,"size":1078,"width":1079,"height":270,"sizeInBytes":1080},"\u002Fuploads\u002Fmd_law_of_proximity_poster_a177d470a5.png","md_law_of_proximity_poster_a177d470a5","md_law-of-proximity_poster.png",76.26,497,76258,{"ext":264,"url":1082,"hash":1083,"mime":267,"name":1084,"path":20,"size":1085,"width":1086,"height":278,"sizeInBytes":1087},"\u002Fuploads\u002Fsm_law_of_proximity_poster_a177d470a5.png","sm_law_of_proximity_poster_a177d470a5","sm_law-of-proximity_poster.png",59.54,414,59538,{"ext":264,"url":1089,"hash":1090,"mime":267,"name":1091,"path":20,"size":1092,"width":1093,"height":393,"sizeInBytes":1094},"\u002Fuploads\u002Fxl_law_of_proximity_poster_a177d470a5.png","xl_law_of_proximity_poster_a177d470a5","xl_law-of-proximity_poster.png",153.24,828,153240,{"ext":264,"url":1096,"hash":1097,"mime":267,"name":1098,"path":20,"size":1099,"width":1100,"height":401,"sizeInBytes":1101},"\u002Fuploads\u002F2xl_law_of_proximity_poster_a177d470a5.png","2xl_law_of_proximity_poster_a177d470a5","2xl_law-of-proximity_poster.png",200.86,994,200859,{"ext":264,"url":1103,"hash":1104,"mime":267,"name":1105,"path":20,"size":1106,"width":1107,"height":409,"sizeInBytes":1108},"\u002Fuploads\u002F3xl_law_of_proximity_poster_a177d470a5.png","3xl_law_of_proximity_poster_a177d470a5","3xl_law-of-proximity_poster.png",271.42,1242,271420,{"ext":264,"url":1110,"hash":1111,"mime":267,"name":1112,"path":20,"size":1113,"width":1114,"height":345,"sizeInBytes":1115},"\u002Fuploads\u002Fthumbnail_law_of_proximity_poster_a177d470a5.png","thumbnail_law_of_proximity_poster_a177d470a5","thumbnail_law-of-proximity_poster.png",9.1,101,9101,"law_of_proximity_poster_a177d470a5",44.92,"2026-05-27T23:16:16.629Z",[1120],{"type":30,"text":441},{"type":535,"children":1122,"level":297},[1123,1124,1128],{"type":30,"text":441},{"url":1125,"type":437,"children":1126},"\u002Fuploads\u002Flaw_of_proximity_poster_a177d470a5.png",[1127],{"text":441,"type":30},{"text":1129,"type":30},"Aesthetic Usability Effect",{"type":26,"children":1131},[1132],{"text":1133,"type":30},"Schönheit liegt bekanntlich im Auge des Betrachters und kann diesen auch im Bereich der User Experience positiv beeinflussen. Ein ästhetisches Design wird von Benutzern als intuitiver wahrgenommen und erhöht somit die Bedienbarkeit. Dieser positive Einfluss führt sogar dazu, dass Benutzer über einzelne Usability-Probleme hinwegsehen und beispielsweise eine Webseite oder einen Webshop trotzdem positiv bewerten.",{"type":552,"image":1135,"children":1184},{"name":1136,"alternativeText":1136,"url":1137,"caption":20,"width":1064,"height":1065,"formats":1138,"hash":1181,"ext":264,"mime":267,"size":1182,"previewUrl":20,"provider":187,"provider_metadata":20,"createdAt":1183,"updatedAt":1183},"aesthetic-usability-effect_poster.png","https:\u002F\u002Fcontent.punktzwei.ch\u002Fuploads\u002Faesthetic_usability_effect_poster_c3de02ff89.png",{"lg":1139,"md":1145,"sm":1151,"xl":1157,"2xl":1163,"3xl":1169,"thumbnail":1175},{"ext":264,"url":1140,"hash":1141,"mime":267,"name":1142,"path":20,"size":1143,"width":1072,"height":326,"sizeInBytes":1144},"\u002Fuploads\u002Flg_aesthetic_usability_effect_poster_c3de02ff89.png","lg_aesthetic_usability_effect_poster_c3de02ff89","lg_aesthetic-usability-effect_poster.png",86.81,86806,{"ext":264,"url":1146,"hash":1147,"mime":267,"name":1148,"path":20,"size":1149,"width":1079,"height":270,"sizeInBytes":1150},"\u002Fuploads\u002Fmd_aesthetic_usability_effect_poster_c3de02ff89.png","md_aesthetic_usability_effect_poster_c3de02ff89","md_aesthetic-usability-effect_poster.png",58.8,58795,{"ext":264,"url":1152,"hash":1153,"mime":267,"name":1154,"path":20,"size":1155,"width":1086,"height":278,"sizeInBytes":1156},"\u002Fuploads\u002Fsm_aesthetic_usability_effect_poster_c3de02ff89.png","sm_aesthetic_usability_effect_poster_c3de02ff89","sm_aesthetic-usability-effect_poster.png",45.88,45878,{"ext":264,"url":1158,"hash":1159,"mime":267,"name":1160,"path":20,"size":1161,"width":1093,"height":393,"sizeInBytes":1162},"\u002Fuploads\u002Fxl_aesthetic_usability_effect_poster_c3de02ff89.png","xl_aesthetic_usability_effect_poster_c3de02ff89","xl_aesthetic-usability-effect_poster.png",121.25,121246,{"ext":264,"url":1164,"hash":1165,"mime":267,"name":1166,"path":20,"size":1167,"width":1100,"height":401,"sizeInBytes":1168},"\u002Fuploads\u002F2xl_aesthetic_usability_effect_poster_c3de02ff89.png","2xl_aesthetic_usability_effect_poster_c3de02ff89","2xl_aesthetic-usability-effect_poster.png",157.59,157589,{"ext":264,"url":1170,"hash":1171,"mime":267,"name":1172,"path":20,"size":1173,"width":1107,"height":409,"sizeInBytes":1174},"\u002Fuploads\u002F3xl_aesthetic_usability_effect_poster_c3de02ff89.png","3xl_aesthetic_usability_effect_poster_c3de02ff89","3xl_aesthetic-usability-effect_poster.png",212.98,212983,{"ext":264,"url":1176,"hash":1177,"mime":267,"name":1178,"path":20,"size":1179,"width":1114,"height":345,"sizeInBytes":1180},"\u002Fuploads\u002Fthumbnail_aesthetic_usability_effect_poster_c3de02ff89.png","thumbnail_aesthetic_usability_effect_poster_c3de02ff89","thumbnail_aesthetic-usability-effect_poster.png",7.09,7092,"aesthetic_usability_effect_poster_c3de02ff89",37.29,"2026-05-27T23:16:43.998Z",[1185],{"type":30,"text":441},{"type":535,"children":1187,"level":297},[1188,1189,1193],{"type":30,"text":441},{"url":1190,"type":437,"children":1191},"\u002Fuploads\u002Faesthetic_usability_effect_poster_c3de02ff89.png",[1192],{"text":441,"type":30},{"text":1194,"type":30},"Serial Position Effect",{"type":26,"children":1196},[1197],{"text":1198,"type":30},"Auch die Anordnung von Elementen innerhalb einer Gruppe oder einer Reihe hat einen Einfluss auf den Betrachter. Der Serial Position Effect beschreibt ein psychologisches Phänomen, dass sich ein Betrachter besser an Elemente erinnern kann, die entweder am Anfang oder am Schluss in einer Reihenfolge angeordnet sind. Im Umkehrschluss bedeutet dies, dass Elemente in der Mitte deutlich weniger Aufmerksamkeit erhalten. Aus diesem Grund stellt man auf vielen Webseiten fest, dass die wichtigsten Aktionen einer Navigationsleiste am Anfang (links) oder am Schluss (rechts) platziert werden.",{"type":552,"image":1200,"children":1249},{"name":1201,"alternativeText":1201,"url":1202,"caption":20,"width":1064,"height":1065,"formats":1203,"hash":1246,"ext":264,"mime":267,"size":1247,"previewUrl":20,"provider":187,"provider_metadata":20,"createdAt":1248,"updatedAt":1248},"serial-position-effect_poster.png","https:\u002F\u002Fcontent.punktzwei.ch\u002Fuploads\u002Fserial_position_effect_poster_436378a7da.png",{"lg":1204,"md":1210,"sm":1216,"xl":1222,"2xl":1228,"3xl":1234,"thumbnail":1240},{"ext":264,"url":1205,"hash":1206,"mime":267,"name":1207,"path":20,"size":1208,"width":1072,"height":326,"sizeInBytes":1209},"\u002Fuploads\u002Flg_serial_position_effect_poster_436378a7da.png","lg_serial_position_effect_poster_436378a7da","lg_serial-position-effect_poster.png",61.64,61636,{"ext":264,"url":1211,"hash":1212,"mime":267,"name":1213,"path":20,"size":1214,"width":1079,"height":270,"sizeInBytes":1215},"\u002Fuploads\u002Fmd_serial_position_effect_poster_436378a7da.png","md_serial_position_effect_poster_436378a7da","md_serial-position-effect_poster.png",42.09,42093,{"ext":264,"url":1217,"hash":1218,"mime":267,"name":1219,"path":20,"size":1220,"width":1086,"height":278,"sizeInBytes":1221},"\u002Fuploads\u002Fsm_serial_position_effect_poster_436378a7da.png","sm_serial_position_effect_poster_436378a7da","sm_serial-position-effect_poster.png",33,33001,{"ext":264,"url":1223,"hash":1224,"mime":267,"name":1225,"path":20,"size":1226,"width":1093,"height":393,"sizeInBytes":1227},"\u002Fuploads\u002Fxl_serial_position_effect_poster_436378a7da.png","xl_serial_position_effect_poster_436378a7da","xl_serial-position-effect_poster.png",82.62,82619,{"ext":264,"url":1229,"hash":1230,"mime":267,"name":1231,"path":20,"size":1232,"width":1100,"height":401,"sizeInBytes":1233},"\u002Fuploads\u002F2xl_serial_position_effect_poster_436378a7da.png","2xl_serial_position_effect_poster_436378a7da","2xl_serial-position-effect_poster.png",106.37,106367,{"ext":264,"url":1235,"hash":1236,"mime":267,"name":1237,"path":20,"size":1238,"width":1107,"height":409,"sizeInBytes":1239},"\u002Fuploads\u002F3xl_serial_position_effect_poster_436378a7da.png","3xl_serial_position_effect_poster_436378a7da","3xl_serial-position-effect_poster.png",138.22,138224,{"ext":264,"url":1241,"hash":1242,"mime":267,"name":1243,"path":20,"size":1244,"width":1114,"height":345,"sizeInBytes":1245},"\u002Fuploads\u002Fthumbnail_serial_position_effect_poster_436378a7da.png","thumbnail_serial_position_effect_poster_436378a7da","thumbnail_serial-position-effect_poster.png",5.3,5299,"serial_position_effect_poster_436378a7da",30.17,"2026-05-27T23:17:09.945Z",[1250],{"type":30,"text":441},{"type":535,"children":1252,"level":297},[1253,1254,1258],{"type":30,"text":441},{"url":1255,"type":437,"children":1256},"\u002Fuploads\u002Fserial_position_effect_poster_436378a7da.png",[1257],{"text":441,"type":30},{"text":1259,"type":30},"Hick’s Law",{"type":26,"children":1261},[1262],{"text":1263,"type":30},"Entscheidungen sind nicht immer einfach, vor allem dann nicht, wenn viele verschiedene Auswahlmöglichkeiten vorhanden sind. Das Hick’sche Gesetz beruht auf dieser Tatsache und besagt, dass ein Benutzer umso mehr Zeit und Anstrengung benötigt, je mehr Reize bzw. Auswahlmöglichkeiten auf ihn einwirken. Eine übersichtliche Navigation und eine begrenzte Anzahl an Elementen können also die schnelle Entscheidungsfindung unterstützen und so die Bedienbarkeit verbessern.",{"type":535,"level":297,"children":1265},[1266],{"text":1267,"type":30},"Law of Similarity",{"type":26,"children":1269},[1270],{"text":1271,"type":30},"Gemeinsam mit dem Gesetz der Nähe bildet das Gesetz der Ähnlichkeit einen Teil der Gestaltpsychologie. Es ist also nicht nur die Nähe, die einen Betrachter dazu verleitet, Elemente zu zusammenzufassen, sondern auch die Ähnlichkeit. So lassen sich zum Beispiel Gemeinsamkeiten in Bezug auf die Farbe, Form, Textur und Grösse bilden. Eine einheitliche Gestaltung hilft dem Betrachter, Inhalte zu interpretieren und sich auf einer Webseite zurechtzufinden. Interaktionselemente wie Buttons sollten daher immer eine einheitliche Gestaltung aufweisen.",{"type":552,"image":1273,"children":1322},{"name":1274,"alternativeText":1274,"url":1275,"caption":20,"width":1064,"height":1065,"formats":1276,"hash":1319,"ext":264,"mime":267,"size":1320,"previewUrl":20,"provider":187,"provider_metadata":20,"createdAt":1321,"updatedAt":1321},"law-of-similarity_poster.png","https:\u002F\u002Fcontent.punktzwei.ch\u002Fuploads\u002Flaw_of_similarity_poster_23afd75912.png",{"lg":1277,"md":1283,"sm":1289,"xl":1295,"2xl":1301,"3xl":1307,"thumbnail":1313},{"ext":264,"url":1278,"hash":1279,"mime":267,"name":1280,"path":20,"size":1281,"width":1072,"height":326,"sizeInBytes":1282},"\u002Fuploads\u002Flg_law_of_similarity_poster_23afd75912.png","lg_law_of_similarity_poster_23afd75912","lg_law-of-similarity_poster.png",128.37,128373,{"ext":264,"url":1284,"hash":1285,"mime":267,"name":1286,"path":20,"size":1287,"width":1079,"height":270,"sizeInBytes":1288},"\u002Fuploads\u002Fmd_law_of_similarity_poster_23afd75912.png","md_law_of_similarity_poster_23afd75912","md_law-of-similarity_poster.png",86.72,86723,{"ext":264,"url":1290,"hash":1291,"mime":267,"name":1292,"path":20,"size":1293,"width":1086,"height":278,"sizeInBytes":1294},"\u002Fuploads\u002Fsm_law_of_similarity_poster_23afd75912.png","sm_law_of_similarity_poster_23afd75912","sm_law-of-similarity_poster.png",67.13,67130,{"ext":264,"url":1296,"hash":1297,"mime":267,"name":1298,"path":20,"size":1299,"width":1093,"height":393,"sizeInBytes":1300},"\u002Fuploads\u002Fxl_law_of_similarity_poster_23afd75912.png","xl_law_of_similarity_poster_23afd75912","xl_law-of-similarity_poster.png",178.2,178201,{"ext":264,"url":1302,"hash":1303,"mime":267,"name":1304,"path":20,"size":1305,"width":1100,"height":401,"sizeInBytes":1306},"\u002Fuploads\u002F2xl_law_of_similarity_poster_23afd75912.png","2xl_law_of_similarity_poster_23afd75912","2xl_law-of-similarity_poster.png",227.87,227874,{"ext":264,"url":1308,"hash":1309,"mime":267,"name":1310,"path":20,"size":1311,"width":1107,"height":409,"sizeInBytes":1312},"\u002Fuploads\u002F3xl_law_of_similarity_poster_23afd75912.png","3xl_law_of_similarity_poster_23afd75912","3xl_law-of-similarity_poster.png",310.44,310444,{"ext":264,"url":1314,"hash":1315,"mime":267,"name":1316,"path":20,"size":1317,"width":1114,"height":345,"sizeInBytes":1318},"\u002Fuploads\u002Fthumbnail_law_of_similarity_poster_23afd75912.png","thumbnail_law_of_similarity_poster_23afd75912","thumbnail_law-of-similarity_poster.png",10.81,10808,"law_of_similarity_poster_23afd75912",51.72,"2026-05-27T23:18:06.685Z",[1323],{"type":30,"text":441},{"type":535,"children":1325,"level":297},[1326,1327,1331],{"type":30,"text":441},{"url":1328,"type":437,"children":1329},"\u002Fuploads\u002Flaw_of_similarity_poster_23afd75912.png",[1330],{"text":441,"type":30},{"text":1332,"type":30},"Miller’s Law",{"type":26,"children":1334},[1335],{"text":1336,"type":30},"Die Millersche Zahl steht für die Anzahl an Elementen, die sich ein Betrachter im Kurzzeitgedächtnis einprägen kann. Die Zahl beläuft sich auf sieben, plus minus zwei Elemente. Eine höhere Zahl an Elementen kann das Kurzzeitgedächtnis überfordern und dafür sorgen, dass nicht alle Informationen verarbeitet werden können. In Bezug auf das Design von User Interfaces kann die Millersche Regel zum Beispiel auf die Anzahl von Menüeinträgen angewendet werden. Bei einer grossen Zahl an Elementen können einzelne kleinere Informationseinheiten gebildet werden, um die Übersichtlichkeit zu gewährleisten.",{"type":552,"image":1338,"children":1387},{"name":1339,"alternativeText":1339,"url":1340,"caption":20,"width":1064,"height":1065,"formats":1341,"hash":1384,"ext":264,"mime":267,"size":1385,"previewUrl":20,"provider":187,"provider_metadata":20,"createdAt":1386,"updatedAt":1386},"millers-law_poster.png","https:\u002F\u002Fcontent.punktzwei.ch\u002Fuploads\u002Fmillers_law_poster_bc9fdd0a81.png",{"lg":1342,"md":1348,"sm":1354,"xl":1360,"2xl":1366,"3xl":1372,"thumbnail":1378},{"ext":264,"url":1343,"hash":1344,"mime":267,"name":1345,"path":20,"size":1346,"width":1072,"height":326,"sizeInBytes":1347},"\u002Fuploads\u002Flg_millers_law_poster_bc9fdd0a81.png","lg_millers_law_poster_bc9fdd0a81","lg_millers-law_poster.png",119.24,119244,{"ext":264,"url":1349,"hash":1350,"mime":267,"name":1351,"path":20,"size":1352,"width":1079,"height":270,"sizeInBytes":1353},"\u002Fuploads\u002Fmd_millers_law_poster_bc9fdd0a81.png","md_millers_law_poster_bc9fdd0a81","md_millers-law_poster.png",80.7,80699,{"ext":264,"url":1355,"hash":1356,"mime":267,"name":1357,"path":20,"size":1358,"width":1086,"height":278,"sizeInBytes":1359},"\u002Fuploads\u002Fsm_millers_law_poster_bc9fdd0a81.png","sm_millers_law_poster_bc9fdd0a81","sm_millers-law_poster.png",63.51,63506,{"ext":264,"url":1361,"hash":1362,"mime":267,"name":1363,"path":20,"size":1364,"width":1093,"height":393,"sizeInBytes":1365},"\u002Fuploads\u002Fxl_millers_law_poster_bc9fdd0a81.png","xl_millers_law_poster_bc9fdd0a81","xl_millers-law_poster.png",168.24,168238,{"ext":264,"url":1367,"hash":1368,"mime":267,"name":1369,"path":20,"size":1370,"width":1100,"height":401,"sizeInBytes":1371},"\u002Fuploads\u002F2xl_millers_law_poster_bc9fdd0a81.png","2xl_millers_law_poster_bc9fdd0a81","2xl_millers-law_poster.png",215.2,215202,{"ext":264,"url":1373,"hash":1374,"mime":267,"name":1375,"path":20,"size":1376,"width":1107,"height":409,"sizeInBytes":1377},"\u002Fuploads\u002F3xl_millers_law_poster_bc9fdd0a81.png","3xl_millers_law_poster_bc9fdd0a81","3xl_millers-law_poster.png",289.89,289889,{"ext":264,"url":1379,"hash":1380,"mime":267,"name":1381,"path":20,"size":1382,"width":1114,"height":345,"sizeInBytes":1383},"\u002Fuploads\u002Fthumbnail_millers_law_poster_bc9fdd0a81.png","thumbnail_millers_law_poster_bc9fdd0a81","thumbnail_millers-law_poster.png",10.24,10237,"millers_law_poster_bc9fdd0a81",51.59,"2026-05-27T23:18:30.758Z",[1388],{"type":30,"text":441},{"type":535,"children":1390,"level":297},[1391,1392,1396],{"type":30,"text":441},{"url":1393,"type":437,"children":1394},"\u002Fuploads\u002Fmillers_law_poster_bc9fdd0a81.png",[1395],{"text":441,"type":30},{"text":1397,"type":30},"Occam’s Razor",{"type":26,"children":1399},[1400],{"text":1401,"type":30},"Das bekannte Sparsamkeitsprinzip «Ockhams Rasiermesser» besagt, dass die einfachste Lösung fast immer die beste ist. Hat man also verschiedene Varianten, welche dieselbe Funktion erfüllen, ist die einfachste davon zu wählen. In Bezug auf die Benutzerfreundlichkeit eines Designs sollte daher auf Elemente verzichtet werden, die nicht zur eigentlichen Funktionalität beitragen und das Design unnötig komplex gestalten. Occam’s Razor Fitts’s Law Nach den Erkenntnissen des Psychologen Paul Fitts benötigt ein Benutzer umso länger, desto grösser die Distanz und je kleiner das gewünschte Ziel ist. Bei der Gestaltung von Steuerelementen sollte also darauf geachtet werden, dass die Distanz zwischen den Elementen nicht zu gross gewählt wird und dass beispielsweise Buttons über eine ausreichende Grösse verfügen, so dass sie mit der Maus oder mit dem Finger selektiert werden können.",{"type":552,"image":1403,"children":1452},{"name":1404,"alternativeText":1404,"url":1405,"caption":20,"width":1064,"height":1065,"formats":1406,"hash":1449,"ext":264,"mime":267,"size":1450,"previewUrl":20,"provider":187,"provider_metadata":20,"createdAt":1451,"updatedAt":1451},"occams-razor_poster.png","https:\u002F\u002Fcontent.punktzwei.ch\u002Fuploads\u002Foccams_razor_poster_07ce8879cc.png",{"lg":1407,"md":1413,"sm":1419,"xl":1425,"2xl":1431,"3xl":1437,"thumbnail":1443},{"ext":264,"url":1408,"hash":1409,"mime":267,"name":1410,"path":20,"size":1411,"width":1072,"height":326,"sizeInBytes":1412},"\u002Fuploads\u002Flg_occams_razor_poster_07ce8879cc.png","lg_occams_razor_poster_07ce8879cc","lg_occams-razor_poster.png",92.49,92486,{"ext":264,"url":1414,"hash":1415,"mime":267,"name":1416,"path":20,"size":1417,"width":1079,"height":270,"sizeInBytes":1418},"\u002Fuploads\u002Fmd_occams_razor_poster_07ce8879cc.png","md_occams_razor_poster_07ce8879cc","md_occams-razor_poster.png",64.78,64781,{"ext":264,"url":1420,"hash":1421,"mime":267,"name":1422,"path":20,"size":1423,"width":1086,"height":278,"sizeInBytes":1424},"\u002Fuploads\u002Fsm_occams_razor_poster_07ce8879cc.png","sm_occams_razor_poster_07ce8879cc","sm_occams-razor_poster.png",50.81,50805,{"ext":264,"url":1426,"hash":1427,"mime":267,"name":1428,"path":20,"size":1429,"width":1093,"height":393,"sizeInBytes":1430},"\u002Fuploads\u002Fxl_occams_razor_poster_07ce8879cc.png","xl_occams_razor_poster_07ce8879cc","xl_occams-razor_poster.png",129.53,129529,{"ext":264,"url":1432,"hash":1433,"mime":267,"name":1434,"path":20,"size":1435,"width":1100,"height":401,"sizeInBytes":1436},"\u002Fuploads\u002F2xl_occams_razor_poster_07ce8879cc.png","2xl_occams_razor_poster_07ce8879cc","2xl_occams-razor_poster.png",165.42,165423,{"ext":264,"url":1438,"hash":1439,"mime":267,"name":1440,"path":20,"size":1441,"width":1107,"height":409,"sizeInBytes":1442},"\u002Fuploads\u002F3xl_occams_razor_poster_07ce8879cc.png","3xl_occams_razor_poster_07ce8879cc","3xl_occams-razor_poster.png",225.5,225495,{"ext":264,"url":1444,"hash":1445,"mime":267,"name":1446,"path":20,"size":1447,"width":1114,"height":345,"sizeInBytes":1448},"\u002Fuploads\u002Fthumbnail_occams_razor_poster_07ce8879cc.png","thumbnail_occams_razor_poster_07ce8879cc","thumbnail_occams-razor_poster.png",9.01,9014,"occams_razor_poster_07ce8879cc",43.09,"2026-05-27T23:19:06.014Z",[1453],{"type":30,"text":441},"ein-regelwerk-fuer-besseres-ux-design","2026-05-21T15:08:26.275Z","2026-05-30T15:11:12.428Z","2026-05-30T15:11:12.475Z",{"id":1459,"documentId":1460,"name":1461,"alternativeText":1461,"caption":1461,"focalPoint":20,"width":1462,"height":1463,"formats":1464,"hash":1494,"ext":1466,"mime":323,"size":1495,"url":1496,"previewUrl":20,"provider":187,"provider_metadata":20,"createdAt":1497,"updatedAt":1498,"publishedAt":1497},145,"p2edqrx65rvzln44lwrot6dq","laws-of-ux.jpeg",1200,630,{"lg":1465,"md":1473,"sm":1480,"thumbnail":1487},{"ext":1466,"url":1467,"hash":1468,"mime":323,"name":1469,"path":20,"size":1470,"width":326,"height":1471,"sizeInBytes":1472},".jpeg","\u002Fuploads\u002Flg_laws_of_ux_4bfef4da63.jpeg","lg_laws_of_ux_4bfef4da63","lg_laws-of-ux.jpeg",83.89,538,83892,{"ext":1466,"url":1474,"hash":1475,"mime":323,"name":1476,"path":20,"size":1477,"width":270,"height":1478,"sizeInBytes":1479},"\u002Fuploads\u002Fmd_laws_of_ux_4bfef4da63.jpeg","md_laws_of_ux_4bfef4da63","md_laws-of-ux.jpeg",57.94,403,57941,{"ext":1466,"url":1481,"hash":1482,"mime":323,"name":1483,"path":20,"size":1484,"width":278,"height":1485,"sizeInBytes":1486},"\u002Fuploads\u002Fsm_laws_of_ux_4bfef4da63.jpeg","sm_laws_of_ux_4bfef4da63","sm_laws-of-ux.jpeg",45.98,336,45981,{"ext":1466,"url":1488,"hash":1489,"mime":323,"name":1490,"path":20,"size":1491,"width":286,"height":1492,"sizeInBytes":1493},"\u002Fuploads\u002Fthumbnail_laws_of_ux_4bfef4da63.jpeg","thumbnail_laws_of_ux_4bfef4da63","thumbnail_laws-of-ux.jpeg",11.59,129,11593,"laws_of_ux_4bfef4da63",87.47,"\u002Fuploads\u002Flaws_of_ux_4bfef4da63.jpeg","2026-05-21T15:08:26.256Z","2026-05-30T15:00:56.628Z","blocks.article-picker",{"pagination":1501},{"page":1502,"pageSize":1503,"pageCount":1502,"total":1502},1,25,{"data":1505,"meta":1553},[1506,1520,1534],{"id":103,"documentId":104,"title":105,"alternativeTitle":106,"slug":107,"description":1507,"content":1508,"date":20,"external":172,"createdAt":1517,"updatedAt":1518,"publishedAt":1519},"GREP führt in InDesign oft ein unscheinbares Dasein im Suchen-Ersetzen-Dialog und anderen Fenstern. Das Konzept von regulären Ausdrücken in InDesign – den sogenannten Global Regular Expressions Print (GREP) – ist aber ein mächtiges Werkzeug, um in InDesign Suchmuster zu definieren.",[1509,1513],{"type":26,"children":1510},[1511],{"text":1512,"type":30},"Mit GREP sucht man nicht nach einem bestimmten Wort oder Zeichen, sondern nach Textstellen, die dem definierten Suchmuster entsprechen. Dabei kann man beispielsweise Platzhalter für Buchstaben oder Umbruchzeichen definieren. Wer die Kniffe kennt, kann mit GREP sehr komplexe Aufgaben lösen.",{"type":26,"children":1514},[1515],{"text":1516,"type":30},"Wir zeigen dir im Workshop die wichtigsten Platzhalter und Suchmuster anhand verschiedener Beispiele. Du lernst das Konzept von Wildcards kennen und kannst mit Hilfe der Erklärungen eigene Beispiele lösen.","2026-05-21T15:08:29.510Z","2026-05-28T01:02:05.460Z","2026-05-28T01:02:05.481Z",{"id":109,"documentId":110,"title":111,"alternativeTitle":112,"slug":113,"description":1521,"content":1522,"date":20,"external":172,"createdAt":1531,"updatedAt":1532,"publishedAt":1533},"In InDesign kann man seiner Kreativität freien Lauf lassen und ausgefallene Designs erstellen. Doch neben dieser inspirierenden Arbeiten gibt es auch weniger lustvolle Aufgaben wie das Zuweisen von Absatz- und Zeichenformaten oder das mühselige Erstellen von Verzeichnissen. Mit Scripts lassen sich diese Fleissarbeiten automatisieren, so dass mehr Zeit für das Ausleben der eigenen Kreativität übrig bleibt.",[1523,1527],{"type":26,"children":1524},[1525],{"text":1526,"type":30},"Die meisten InDesign-Anwender haben wohl bereits mit einem Script aus dem Netz gearbeitet. Die wenigsten haben aber vermutlich bereits ein eigenes Script geschrieben. Dabei ist dies mit etwas Know-how und Übung gar nicht so schwer.",{"type":26,"children":1528},[1529],{"text":1530,"type":30},"Wir zeigen in diesem Workshop die Grundlagen von JavaScript, hangeln uns durch den Objekt-Baum von InDesign und erstellen gemeinsam ein kleines Beispiel-Script. Auf Wunsch kann auch eine konkrete Aufgabe als Grundlage dienen, die während des Workflows mittels einem Script gelöst wird.","2026-05-21T15:08:29.594Z","2026-05-28T01:02:05.497Z","2026-05-28T01:02:05.510Z",{"id":1535,"documentId":1536,"title":1537,"alternativeTitle":1538,"slug":1539,"description":1540,"content":1541,"date":20,"external":172,"createdAt":1550,"updatedAt":1551,"publishedAt":1552},7,"f0nphgx87yb832zua0g37l7k","Interaktive eBooks","ePub erstellen mit InDesign","e-books","Mit InDesign lassen sich nicht nur Printlayouts, sondern auch interaktive eBooks erstellen. Bei vielen Unternehmen ist InDesign noch immer ein fester Bestandteil – und das nicht ohne Grund. InDesign bietet durch zahlreiche Plug-ins und der Möglichkeit von individuellen Scripts einen grossen Funktionsumfang.",[1542,1546],{"type":26,"children":1543},[1544],{"text":1545,"type":30},"Der PDF-Export wird seit vielen Jahren für die Erstellung von Druck- und Web-PDFs genutzt. Verlage stellen ihren Lesern heute meist neben dem klassischen gedruckten Buch auch eine digitale Version in Form eines eBooks zur Verfügung. InDesign bietet auch in diesem Bereich hilfreiche Exportmöglichkeiten. So lassen sich aus InDesign neben interaktiven PDF's auch fixe (fixedLayout oder auch FXL ePUB) und dynamische (reflowable) ePUBs erstellen.",{"type":26,"children":1547},[1548],{"text":1549,"type":30},"In Workflows, die dem XML-Last-Prinzip folgen und somit keine strukturierten Daten als Grundlage haben, ist die ePub-Erstellung aus InDesign eine effiziente und einfache Alternative. Wir zeigen euch, was ihr bei der Layoutaufbereitung beachten müsst und mit welchen Tricks ihr zu einem hochwertigen ePub kommt.","2026-05-21T15:08:29.622Z","2026-05-28T01:02:05.532Z","2026-05-28T01:02:05.586Z",{"pagination":1554},{"page":1502,"pageSize":98,"pageCount":297,"total":300}]