{"id":1228,"date":"2021-05-25T09:57:39","date_gmt":"2021-05-25T09:57:39","guid":{"rendered":"http:\/\/malisprojekte.web.th-koeln.de\/wordpress\/?p=1228"},"modified":"2021-05-25T09:57:39","modified_gmt":"2021-05-25T09:57:39","slug":"koelnbib-relaunch-des-rechercheportals","status":"publish","type":"post","link":"https:\/\/malisprojekte.web.th-koeln.de\/wordpress\/koelnbib-relaunch-des-rechercheportals\/","title":{"rendered":"K\u00f6lnBib \u2013 Relaunch des Rechercheportals"},"content":{"rendered":"<p><strong>von Michael Dlugosch<\/strong><\/p>\n<figure id=\"attachment_1229\" aria-describedby=\"caption-attachment-1229\" style=\"width: 800px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/malisprojekte.web.th-koeln.de\/wordpress\/wp-content\/uploads\/2021\/05\/Sucheinstieg-scaled.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-1229\" src=\"https:\/\/malisprojekte.web.th-koeln.de\/wordpress\/wp-content\/uploads\/2021\/05\/Sucheinstieg-300x200.jpg\" alt=\"\" width=\"800\" height=\"533\" srcset=\"https:\/\/malisprojekte.web.th-koeln.de\/wordpress\/wp-content\/uploads\/2021\/05\/Sucheinstieg-300x200.jpg 300w, https:\/\/malisprojekte.web.th-koeln.de\/wordpress\/wp-content\/uploads\/2021\/05\/Sucheinstieg-1024x683.jpg 1024w, https:\/\/malisprojekte.web.th-koeln.de\/wordpress\/wp-content\/uploads\/2021\/05\/Sucheinstieg-768x512.jpg 768w, https:\/\/malisprojekte.web.th-koeln.de\/wordpress\/wp-content\/uploads\/2021\/05\/Sucheinstieg-1536x1024.jpg 1536w, https:\/\/malisprojekte.web.th-koeln.de\/wordpress\/wp-content\/uploads\/2021\/05\/Sucheinstieg-2048x1365.jpg 2048w, https:\/\/malisprojekte.web.th-koeln.de\/wordpress\/wp-content\/uploads\/2021\/05\/Sucheinstieg-619x413.jpg 619w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/a><figcaption id=\"caption-attachment-1229\" class=\"wp-caption-text\">Abbildung 1: Sucheinstieg (Quelle: Michael Dlugosch)<\/figcaption><\/figure>\n<p style=\"text-align: justify;\">Die Kooperation K\u00f6lner Bibliotheken \u2013 kurz K\u00f6lnBib \u2013 betreibt eine Website mit der man \u00fcber einen einzigen Suchschlitz in allen 15 teilnehmenden Bibliotheken gleichzeitig recherchieren kann. 18 Jahre lang nutzte man die bisherige Website aus der Gr\u00fcndungszeit der Kooperation, bis sie schlie\u00dflich nicht mehr den aktuellen Webdesign-Anspr\u00fcchen gerecht wurde. Im Zuge eines Relaunch sollten Grafikdesign und Usability grundlegend \u00fcberarbeitet werden, um die Website einladender zu machen, der Kooperation eine zeitgem\u00e4\u00dfe visuelle Identit\u00e4t zu geben und den Nutzern eine noch angenehmere Recherche zu bieten.<\/p>\n<p><!--more--><\/p>\n<p style=\"text-align: justify;\">Die K\u00f6lnBib Website ist mit der Digibib des Hochschulbibliothekszentrums verbunden, so dass der Sucheinstieg auf K\u00f6lnBib stattfindet, w\u00e4hrend die Trefferliste samt erweiterter Suchfunktionen in der Digibib angezeigt wird. F\u00fcr die User sollte dieser Wechsel von einer Plattform zur anderen weitestgehend unsichtbar bleiben. Deshalb musste das Design von K\u00f6lnBib im kompletten Suchvorgang konsistent fortgef\u00fchrt und an das System der Digibib angepasst werden.<\/p>\n<p style=\"text-align: justify;\">Die Gestaltung musste anhand der vorgegebenen M\u00f6glichkeiten des Content Management Systems, OpenCMS, nach dem Baukasten-Prinzip erfolgen. Um K\u00f6lnBib trotzdem eine eindeutige Identit\u00e4t mit hohem Wiedererkennungswert zu verleihen, sollte dieser Baukasten in Punkto Individualisierungsm\u00f6glichkeiten maximal ausgereizt werden.<\/p>\n<p style=\"text-align: justify;\">Bei der Suche nach einem modernen Webdesign wurden zun\u00e4chst die Arbeiten innovativer Design-Agenturen unter die Lupe genommen. Anhand einiger Best Practice Beispiele kristallisierte sich ein kurzer Anforderungskatalog heraus, der als Leitlinie f\u00fcr die Gestaltung diente. Responsives Design, Parallax Scrolling sowie ein vollfl\u00e4chiges aber reduziertes Layout bildeten hierbei die Eckpfeiler.<\/p>\n<figure id=\"attachment_1230\" aria-describedby=\"caption-attachment-1230\" style=\"width: 800px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/malisprojekte.web.th-koeln.de\/wordpress\/wp-content\/uploads\/2021\/05\/Trefferliste-in-der-mobilen-Anwendung.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-1230\" src=\"https:\/\/malisprojekte.web.th-koeln.de\/wordpress\/wp-content\/uploads\/2021\/05\/Trefferliste-in-der-mobilen-Anwendung-300x200.jpg\" alt=\"\" width=\"800\" height=\"534\" srcset=\"https:\/\/malisprojekte.web.th-koeln.de\/wordpress\/wp-content\/uploads\/2021\/05\/Trefferliste-in-der-mobilen-Anwendung-300x200.jpg 300w, https:\/\/malisprojekte.web.th-koeln.de\/wordpress\/wp-content\/uploads\/2021\/05\/Trefferliste-in-der-mobilen-Anwendung-1024x683.jpg 1024w, https:\/\/malisprojekte.web.th-koeln.de\/wordpress\/wp-content\/uploads\/2021\/05\/Trefferliste-in-der-mobilen-Anwendung-768x512.jpg 768w, https:\/\/malisprojekte.web.th-koeln.de\/wordpress\/wp-content\/uploads\/2021\/05\/Trefferliste-in-der-mobilen-Anwendung-619x413.jpg 619w, https:\/\/malisprojekte.web.th-koeln.de\/wordpress\/wp-content\/uploads\/2021\/05\/Trefferliste-in-der-mobilen-Anwendung.jpg 1500w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/a><figcaption id=\"caption-attachment-1230\" class=\"wp-caption-text\">Abbildung 2: Trefferliste in der mobilen Anwendung (Quelle: Michael Dlugosch)<\/figcaption><\/figure>\n<p style=\"text-align: justify;\">Das Layout stellt K\u00f6lnBibs gr\u00f6\u00dften Nutzen f\u00fcr die User in den Vordergrund, n\u00e4mlich die gleichzeitige Suche in 15 K\u00f6lner Bibliotheken. Dementsprechend steht der Suchschlitz gro\u00df und deutlich im Zentrum der Website. Auf Banner, Slider und andere K\u00e4sten wird verzichtet. Stattdessen erstreckt sich ein einziges eingef\u00e4rbtes Foto einer Recherchesituation in einer Bibliothek als zentrales Motiv \u00fcber den kompletten Bildschirm und vermittelt den Usern auf den ersten Blick, worum es auf dieser Website geht. Das responsive Design passt sich automatisch mobilen Endger\u00e4ten an und ist darauf ausgelegt, den begrenzten Platz auf kleinen Bildschirmen so effizient wie m\u00f6glich zu nutzen. Dabei wird mittels Akkordeon-Men\u00fcs eine schnelle und angenehme Navigation und Handhabung erm\u00f6glicht.<\/p>\n<figure id=\"attachment_1231\" aria-describedby=\"caption-attachment-1231\" style=\"width: 800px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/malisprojekte.web.th-koeln.de\/wordpress\/wp-content\/uploads\/2021\/05\/Trefferliste-scaled.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-1231\" src=\"https:\/\/malisprojekte.web.th-koeln.de\/wordpress\/wp-content\/uploads\/2021\/05\/Trefferliste-300x171.jpg\" alt=\"\" width=\"800\" height=\"456\" srcset=\"https:\/\/malisprojekte.web.th-koeln.de\/wordpress\/wp-content\/uploads\/2021\/05\/Trefferliste-300x171.jpg 300w, https:\/\/malisprojekte.web.th-koeln.de\/wordpress\/wp-content\/uploads\/2021\/05\/Trefferliste-1024x585.jpg 1024w, https:\/\/malisprojekte.web.th-koeln.de\/wordpress\/wp-content\/uploads\/2021\/05\/Trefferliste-768x439.jpg 768w, https:\/\/malisprojekte.web.th-koeln.de\/wordpress\/wp-content\/uploads\/2021\/05\/Trefferliste-1536x878.jpg 1536w, https:\/\/malisprojekte.web.th-koeln.de\/wordpress\/wp-content\/uploads\/2021\/05\/Trefferliste-2048x1170.jpg 2048w, https:\/\/malisprojekte.web.th-koeln.de\/wordpress\/wp-content\/uploads\/2021\/05\/Trefferliste-619x354.jpg 619w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/a><figcaption id=\"caption-attachment-1231\" class=\"wp-caption-text\">Abbildung 3: Trefferliste (Quelle: Michael Dlugosch)<\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<p>Projektzeitraum: November 2019 bis August 2020<br \/>\nProjektbetreuer*in: Stefan Gr\u00fcn<br \/>\nKontakt: michael.dlugosch@th-koeln.de<\/p>\n","protected":false},"excerpt":{"rendered":"<p>von Michael Dlugosch Die Kooperation K\u00f6lner Bibliotheken \u2013 kurz K\u00f6lnBib \u2013 betreibt eine Website mit der man \u00fcber einen einzigen Suchschlitz in allen 15 teilnehmenden Bibliotheken gleichzeitig recherchieren kann. 18 Jahre lang nutzte man die bisherige Website aus der Gr\u00fcndungszeit der Kooperation, bis sie schlie\u00dflich nicht mehr den aktuellen Webdesign-Anspr\u00fcchen gerecht wurde. Im Zuge eines Relaunch sollten Grafikdesign und Usability grundlegend \u00fcberarbeitet werden, um die Website einladender zu machen, der Kooperation eine zeitgem\u00e4\u00dfe visuelle Identit\u00e4t zu geben und den Nutzern eine noch angenehmere Recherche zu bieten.<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"ppma_author":[72],"class_list":["post-1228","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"authors":[{"term_id":72,"user_id":3,"is_guest":0,"slug":"seitz","display_name":"Christian Seitz","avatar_url":"https:\/\/secure.gravatar.com\/avatar\/e1bdb5349ee9992175a4036266ff9a3b948338150a8e374e357da3eec87aea0e?s=96&d=blank&r=g","0":null,"1":"","2":"","3":"","4":"","5":"","6":"","7":"","8":""}],"_links":{"self":[{"href":"https:\/\/malisprojekte.web.th-koeln.de\/wordpress\/wp-json\/wp\/v2\/posts\/1228","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/malisprojekte.web.th-koeln.de\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/malisprojekte.web.th-koeln.de\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/malisprojekte.web.th-koeln.de\/wordpress\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/malisprojekte.web.th-koeln.de\/wordpress\/wp-json\/wp\/v2\/comments?post=1228"}],"version-history":[{"count":2,"href":"https:\/\/malisprojekte.web.th-koeln.de\/wordpress\/wp-json\/wp\/v2\/posts\/1228\/revisions"}],"predecessor-version":[{"id":1320,"href":"https:\/\/malisprojekte.web.th-koeln.de\/wordpress\/wp-json\/wp\/v2\/posts\/1228\/revisions\/1320"}],"wp:attachment":[{"href":"https:\/\/malisprojekte.web.th-koeln.de\/wordpress\/wp-json\/wp\/v2\/media?parent=1228"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/malisprojekte.web.th-koeln.de\/wordpress\/wp-json\/wp\/v2\/categories?post=1228"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/malisprojekte.web.th-koeln.de\/wordpress\/wp-json\/wp\/v2\/tags?post=1228"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/malisprojekte.web.th-koeln.de\/wordpress\/wp-json\/wp\/v2\/ppma_author?post=1228"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}