{"id":12009,"date":"2016-09-12T08:54:33","date_gmt":"2016-09-12T06:54:33","guid":{"rendered":"https:\/\/www.interactive-pioneers.de\/blog\/?p=12009"},"modified":"2018-06-18T09:53:20","modified_gmt":"2018-06-18T07:53:20","slug":"dom-rundflug-zum-reddot-nochmals-verbessert","status":"publish","type":"post","link":"https:\/\/www.interactive-pioneers.de\/blog\/dom-rundflug-zum-reddot-nochmals-verbessert\/","title":{"rendered":"Dom-Rundflug zum RedDot nochmals verbessert"},"content":{"rendered":"<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-12010 size-full\" src=\"https:\/\/www.interactive-pioneers.de\/blog\/wp-content\/uploads\/2016\/08\/screenshot_rundflug1_1024x617.jpg\" alt=\"screenshot_rundflug1_1024x617\" width=\"1024\" height=\"617\" \/>High and Rising:\u00a0Um die Verleihung des ebenso bekannten wie bedeutenden Red Dot Award: Communication Design f\u00fcr die Aachener Dom Website geb\u00fchrend zu feiern, haben wir beim 3D-Rundflug weitere Detailoptimierungen implementiert, die sowohl die Usability als auch die Performance auf eine neue Flugh\u00f6he heben.<!--more--><\/p>\n<h2><strong>Umfangreiche Bildkorrekturen<\/strong><\/h2>\n<p>Mittels weiterer aufw\u00e4ndiger Bildbearbeitungsma\u00dfnahmen haben wir die visuelle Qualit\u00e4t nochmals verbessert: Wenn der User den Rundflug anh\u00e4lt, wird nun ein gestochen scharfes und detailreiches HDR-Bild nachgeladen, das die mitunter sehr feinen Texturen der Geb\u00e4udeoberfl\u00e4chen hervorragend zur Geltung bringt und in ein nat\u00fcrlich anmutendes Licht setzt. Zuvor hatten bereits unsere Partner der RWTH Aachen, die den Laserscan f\u00fcr das 3D-Modell des Doms und das Mapping-Verfahren zur Projektion der Fotos auf das Modell entwickelt haben, umfangreiche Rechenkorrekturen durchgef\u00fchrt, um Verzerrungen, Belichtungsdifferenzen, Artefakte etc. auszugleichen.<\/p>\n<h2><strong>Sp\u00fcrbar k\u00fcrzere Ladezeiten<\/strong><\/h2>\n<p>Trotz der Qualit\u00e4tsverbesserung,\u00a0konnten wir zus\u00e4tzlich das Datenvolumen f\u00fcr die Einzelbilder des Rundflugs durch geeignete Komprimierungsma\u00dfnahmen nochmals um \u00fcber 50% deutlich reduzieren. Neben dem geringeren Datenvolumen sorgen auch Optimierungen am Zugriff zum Content Delivery Network (CDN), das die Rundflugdaten ausliefert, f\u00fcr eine sp\u00fcrbar k\u00fcrzere Vorladezeit, bis der Rundflug startbereit ist.<\/p>\n<div class=\"a16to9\"><iframe loading=\"lazy\" class=\"a16to9__inline\" src=\"https:\/\/player.vimeo.com\/video\/173034224\" width=\"300\" height=\"150\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\n<h2><strong>Verbesserte Nutzerf\u00fchrung<\/strong><\/h2>\n<p>Der Nutzer kann durch die Implementierung dreier Ma\u00dfnahmen zur Verbesserung der Usability ab sofort noch intuitiver navigieren: Das Verhalten des Startbuttons zur Initialisierung des Rundflugs haben wir ge\u00e4ndert, so dass der Rundflug nicht mehr per Maus Scrolling, sondern automatisch startet. Wenn der User den Flug zwischen zwei Stationen stoppt, wird nun ein Button eingeblendet, der den automatisierten Weiterflug ausl\u00f6st. Und an der letzten Station werden dem User mit dem erneuten Start des Rundflugs oder der direkten R\u00fcckkehr zur Startseite zwei Optionen zur Weiterreise angeboten.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\" alignnone\" src=\"https:\/\/www.interactive-pioneers.de\/blog\/wp-content\/uploads\/2016\/08\/screenshot_rundflug3_1024x617.jpg\" alt=\"screenshot_rundflug3_1024x617\" width=\"1024\" height=\"617\" \/><\/p>\n<p>Weitere Informationen zum Projekt befinden sich in <a href=\"https:\/\/www.interactive-pioneers.de\/blog\/relaunch-aachener-dom\/\" target=\"_blank\" rel=\"noopener\">diesem Blogpost<\/a>, <a href=\"https:\/\/www.interactive-pioneers.de\/blog\/pressekonferenz-zur-vorstellung-der-neuen-website-des-aachener-doms\/\" target=\"_blank\" rel=\"noopener\">diesem Video der Pressekonferenz<\/a>,\u00a0auf der Seite des\u00a0<a href=\"https:\/\/www.interactive-pioneers.de\/blog\/interactive-pioneers-gewinnt-red-dot-award-communication-design-fuer-aachener-dom\/\">Red Dot Award: Communication Design<\/a>\u00a0und nat\u00fcrlich der\u00a0<a href=\"https:\/\/www.aachenerdom.de\" target=\"_blank\" rel=\"noopener\">Aachener Dom Website<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>High and Rising:\u00a0Um die Verleihung des ebenso bekannten wie bedeutenden Red Dot Award: Communication Design f\u00fcr die Aachener Dom Website geb\u00fchrend zu feiern, haben wir beim 3D-Rundflug weitere Detailoptimierungen implementiert, die sowohl die Usability als auch die Performance auf eine neue Flugh\u00f6he heben.<\/p>\n","protected":false},"author":4,"featured_media":11810,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[3,4,7,1366,1331,1351,1369,1367,1349,25],"tags":[47,949],"yst_prominent_words":[13292,13380,4096,13384,13381,11900,1786,13273,13385,13382,13379,13274,13268,13383,13378,13377,13294,13386,13387,1392],"acf":[],"_links":{"self":[{"href":"https:\/\/www.interactive-pioneers.de\/blog\/wp-json\/wp\/v2\/posts\/12009"}],"collection":[{"href":"https:\/\/www.interactive-pioneers.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.interactive-pioneers.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.interactive-pioneers.de\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.interactive-pioneers.de\/blog\/wp-json\/wp\/v2\/comments?post=12009"}],"version-history":[{"count":0,"href":"https:\/\/www.interactive-pioneers.de\/blog\/wp-json\/wp\/v2\/posts\/12009\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.interactive-pioneers.de\/blog\/wp-json\/wp\/v2\/media\/11810"}],"wp:attachment":[{"href":"https:\/\/www.interactive-pioneers.de\/blog\/wp-json\/wp\/v2\/media?parent=12009"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.interactive-pioneers.de\/blog\/wp-json\/wp\/v2\/categories?post=12009"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.interactive-pioneers.de\/blog\/wp-json\/wp\/v2\/tags?post=12009"},{"taxonomy":"yst_prominent_words","embeddable":true,"href":"https:\/\/www.interactive-pioneers.de\/blog\/wp-json\/wp\/v2\/yst_prominent_words?post=12009"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}