{"id":1493,"date":"2024-04-23T14:17:21","date_gmt":"2024-04-23T12:17:21","guid":{"rendered":"https:\/\/innovation-natives.de\/cases\/digitally-barrier-free-accessible-information-in-hamburgs-public-transport-system\/"},"modified":"2025-06-03T16:07:11","modified_gmt":"2025-06-03T14:07:11","slug":"digitally-barrier-free-accessible-information-in-hamburgs-public-transport-system","status":"publish","type":"cpt-cases","link":"https:\/\/innovation-natives.de\/en\/cases\/digitally-barrier-free-accessible-information-in-hamburgs-public-transport-system\/","title":{"rendered":"Digitally barrier-free: Accessible information in Hamburg&#8217;s public transport system"},"content":{"rendered":"\n    \n    <section class=\"block-cases-header\">\n\n        <div class=\"block-inner\">\n\n            <div class=\"block-inner-inner s1x-constraint-narrow s1x-padding\">\n\n                <div class=\"head-info\">\n                    <div class=\"the-topic\">\n                        Product- &amp; Serviceinnovation                    <\/div>\n                    <div class=\"client-n-date\">\n                        S-Bahn Hamburg \/\/ 23.04.2024                    <\/div>\n                <\/div>\n\n                <div class=\"head-content\">\n                    <h1 class=\"headline\">Digitally barrier-free: Accessible information in Hamburg&#8217;s public transport system<\/h1>\n                    <div class=\"involved\">Involved in this Project: Research Lab | Design Studio | Developer Squad | Co-Creation Space<\/div>\n                    <div class=\"description\">Together with S-Bahn Hamburg, we have addressed one of the most basic passenger problems faced by blind and visually impaired people: the lack of information on the track.<\/div>\n                <\/div>\n\n            <\/div>\n\n\n\n        <\/div>\n\n    <\/section>\n\n    \n\n    \n    <section class=\"block-focus-image-slider\" style=\"--bgp-mobile-top: 40px;--bgp-mobile-bottom: 40px;--bgp-tablet-top: 40px;--bgp-tablet-bottom: 40px;\">\n\n        <div class=\"block-inner s1x-constraint-narrow s1x-padding\">\n\n            \n            <div class=\"focus-image-slider-swiper swiper without-specific-mobile-images\">\n                <div class=\"swiper-wrapper\">\n                                                                                                        <div class=\"swiper-slide\">\n                                    <img decoding=\"async\" class=\"desktop\" src=\"https:\/\/innovation-natives.de\/wp-content\/uploads\/2024\/04\/case-sbahn2-banner1.jpg\" alt=\"\">\n                                                                    <\/div>\n                                                                                        <\/div>\n                <div class=\"swiper-controls\">\n                    <div class=\"swb swiper-button-prev\">\n\n                        <svg width=\"11.0067028px\" height=\"19.1849786px\" viewBox=\"0 0 11.0067028 19.1849786\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\">\n                            <g stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n                                <g transform=\"translate(-1147.5142, -1053.4075)\" stroke=\"#FFFFFF\" stroke-width=\"2\">\n                                    <polyline transform=\"translate(1153.3711, 1063) scale(-1, 1) translate(-1153.3711, -1063)\" points=\"1148.92837 1054.11462 1157.81376 1063 1148.92837 1071.88538\"><\/polyline>\n                                <\/g>\n                            <\/g>\n                        <\/svg>\n\n                    <\/div>\n                    <div class=\"swb swiper-button-next\">\n\n                        <svg width=\"11.0067028px\" height=\"19.1849786px\" viewBox=\"0 0 11.0067028 19.1849786\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\">\n                            <g stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n                                <g transform=\"translate(-1189.2213, -1053.4075)\" stroke=\"#FFFFFF\" stroke-width=\"2\">\n                                    <polyline points=\"1189.92837 1054.11462 1198.81376 1063 1189.92837 1071.88538\"><\/polyline>\n                                <\/g>\n                            <\/g>\n                        <\/svg>\n\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n    \n\n    <section class=\"block-accordeon-element\" style=\"--bgp-mobile-top: 40px;--bgp-mobile-bottom: 40px;--bgp-tablet-top: 40px;--bgp-tablet-bottom: 40px;\">\n\n        <div class=\"block-inner-top s1x-constraint-narrow s1x-padding color-blue split-4060\">\n\n                                        \n                    <div class=\"desktop-controls s1x-noselect\">\n                                                                                <div class=\"desktop-section-title section-title active\" data-id=\"1\">\n\n                                <svg width=\"17.6871358px\" height=\"17px\" viewBox=\"0 0 17.6871358 17\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\">\n                                    <g stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n                                        <g transform=\"translate(-224, -767)\" fill=\"#000000\">\n                                            <polygon points=\"233.185265 767 230.684978 769.500536 234.91533 773.731137 224 773.731137 224 777.267366 234.917076 777.267366 230.684978 781.499464 233.185265 784 239.184854 778.00066 239.1866 778.002407 241.687136 775.501871 241.685389 775.500125 241.687136 775.498378 239.1866 772.997843 239.184854 772.999589\"><\/polygon>\n                                        <\/g>\n                                    <\/g>\n                                <\/svg>\n\n                                The challenge                            <\/div>\n                                                                                <div class=\"desktop-section-title section-title \" data-id=\"2\">\n\n                                <svg width=\"17.6871358px\" height=\"17px\" viewBox=\"0 0 17.6871358 17\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\">\n                                    <g stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n                                        <g transform=\"translate(-224, -767)\" fill=\"#000000\">\n                                            <polygon points=\"233.185265 767 230.684978 769.500536 234.91533 773.731137 224 773.731137 224 777.267366 234.917076 777.267366 230.684978 781.499464 233.185265 784 239.184854 778.00066 239.1866 778.002407 241.687136 775.501871 241.685389 775.500125 241.687136 775.498378 239.1866 772.997843 239.184854 772.999589\"><\/polygon>\n                                        <\/g>\n                                    <\/g>\n                                <\/svg>\n\n                                Process                            <\/div>\n                                                                                <div class=\"desktop-section-title section-title \" data-id=\"3\">\n\n                                <svg width=\"17.6871358px\" height=\"17px\" viewBox=\"0 0 17.6871358 17\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\">\n                                    <g stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n                                        <g transform=\"translate(-224, -767)\" fill=\"#000000\">\n                                            <polygon points=\"233.185265 767 230.684978 769.500536 234.91533 773.731137 224 773.731137 224 777.267366 234.917076 777.267366 230.684978 781.499464 233.185265 784 239.184854 778.00066 239.1866 778.002407 241.687136 775.501871 241.685389 775.500125 241.687136 775.498378 239.1866 772.997843 239.184854 772.999589\"><\/polygon>\n                                        <\/g>\n                                    <\/g>\n                                <\/svg>\n\n                                Result                            <\/div>\n                                            <\/div>\n\n                                                                    <div class=\"mobile-section-title section-title active\" data-id=\"1\">\n\n                            <svg width=\"17.6871358px\" height=\"17px\" viewBox=\"0 0 17.6871358 17\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\">\n                                <g stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n                                    <g transform=\"translate(-224, -767)\" fill=\"#000000\">\n                                        <polygon points=\"233.185265 767 230.684978 769.500536 234.91533 773.731137 224 773.731137 224 777.267366 234.917076 777.267366 230.684978 781.499464 233.185265 784 239.184854 778.00066 239.1866 778.002407 241.687136 775.501871 241.685389 775.500125 241.687136 775.498378 239.1866 772.997843 239.184854 772.999589\"><\/polygon>\n                                    <\/g>\n                                <\/g>\n                            <\/svg>\n\n                            The challenge                        <\/div>\n\n                        <div class=\"section-content active\" data-id=\"1\">\n                            <p>Existing information media in public transport are only of limited use for visually impaired passengers. Visual impairments exist in a variety of forms, each of which is accompanied by individual requirements regarding colors and sizes and the arrangement of information. No single medium or layout can cover all these requirements at once.  <\/p>\n                        <\/div>\n                                                                    <div class=\"mobile-section-title section-title \" data-id=\"2\">\n\n                            <svg width=\"17.6871358px\" height=\"17px\" viewBox=\"0 0 17.6871358 17\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\">\n                                <g stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n                                    <g transform=\"translate(-224, -767)\" fill=\"#000000\">\n                                        <polygon points=\"233.185265 767 230.684978 769.500536 234.91533 773.731137 224 773.731137 224 777.267366 234.917076 777.267366 230.684978 781.499464 233.185265 784 239.184854 778.00066 239.1866 778.002407 241.687136 775.501871 241.685389 775.500125 241.687136 775.498378 239.1866 772.997843 239.184854 772.999589\"><\/polygon>\n                                    <\/g>\n                                <\/g>\n                            <\/svg>\n\n                            Process                        <\/div>\n\n                        <div class=\"section-content \" data-id=\"2\">\n                            <p>As part of this project, we worked very closely with people with various visual impairments (blind, with residual vision). Using qualitative research modules, we investigated the everyday (mobility) lives of visually impaired people and analyzed their needs.  <\/p>\n<p>We used the findings to develop a digital, interactive application. With the constant involvement of people with visual impairments, we continuously developed the app in terms of user experience.<\/p>\n                        <\/div>\n                                                                    <div class=\"mobile-section-title section-title \" data-id=\"3\">\n\n                            <svg width=\"17.6871358px\" height=\"17px\" viewBox=\"0 0 17.6871358 17\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\">\n                                <g stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n                                    <g transform=\"translate(-224, -767)\" fill=\"#000000\">\n                                        <polygon points=\"233.185265 767 230.684978 769.500536 234.91533 773.731137 224 773.731137 224 777.267366 234.917076 777.267366 230.684978 781.499464 233.185265 784 239.184854 778.00066 239.1866 778.002407 241.687136 775.501871 241.685389 775.500125 241.687136 775.498378 239.1866 772.997843 239.184854 772.999589\"><\/polygon>\n                                    <\/g>\n                                <\/g>\n                            <\/svg>\n\n                            Result                        <\/div>\n\n                        <div class=\"section-content \" data-id=\"3\">\n                            <p>We have developed an MVP based on beacon technology that is able to locate the blind or visually impaired passenger on the platform. Based on the localization, relevant information is provided in real time in a weighty form and size. Passengers can determine their individual settings and the form of information output according to their impairments (including audio description).  <\/p>\n<p>As a result, the app provides blind and visually impaired passengers with the same information on the platform as passengers without visual impairments.<\/p>\n                        <\/div>\n                    \n                            \n        <\/div>\n\n        <div class=\"block-inner-bottom  s1x-noselect s1x-constraint-narrow s1x-padding color-blue\">\n\n            <div class=\"accordeon-controls\">\n                <div class=\"button-prev control-btn inactive\">\n\n                    <svg width=\"11.0067028px\" height=\"19.1849786px\" viewBox=\"0 0 11.0067028 19.1849786\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\">\n                        <g stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n                            <g transform=\"translate(-1147.5142, -1053.4075)\" stroke=\"#FFFFFF\" stroke-width=\"2\">\n                                <polyline transform=\"translate(1153.3711, 1063) scale(-1, 1) translate(-1153.3711, -1063)\" points=\"1148.92837 1054.11462 1157.81376 1063 1148.92837 1071.88538\"><\/polyline>\n                            <\/g>\n                        <\/g>\n                    <\/svg>\n\n                <\/div>\n                <div class=\"button-next control-btn\">\n\n                    <svg width=\"11.0067028px\" height=\"19.1849786px\" viewBox=\"0 0 11.0067028 19.1849786\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\">\n                        <g stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n                            <g transform=\"translate(-1189.2213, -1053.4075)\" stroke=\"#FFFFFF\" stroke-width=\"2\">\n                                <polyline points=\"1189.92837 1054.11462 1198.81376 1063 1189.92837 1071.88538\"><\/polyline>\n                            <\/g>\n                        <\/g>\n                    <\/svg>\n\n                <\/div>\n\n\n            <\/div>\n\n        <\/div>\n\n\n\n    <\/section>\n\n\n    <section class=\"block-cases-mockup s1x-constraint\" style=\"--bgp-mobile-top: 40px;--bgp-mobile-bottom: 40px;--bgp-tablet-top: 40px;--bgp-tablet-bottom: 40px;\">\n\n        <div class=\"block-inner s1x-constraint-narrow s1x-padding\">\n\n            \n            \n                <div class=\"mockup-iphone\">\n\n                    <img decoding=\"async\" src=\"https:\/\/innovation-natives.de\/wp-content\/uploads\/2024\/04\/case-sbahn2-mockup.jpg\" alt=\"\">\n\n                <\/div>\n\n            \n            \n            <div class=\"mockup-text type-iphone\">\n                The right information at the right time.  \nIn visual and acoustic form.              <\/div>\n\n\n        <\/div>\n\n    <\/section>\n\n\n    \n    <section class=\"block-three-images-slider\">\n\n        <div class=\"block-inner s1x-constraint-narrow s1x-padding\">\n\n            <div class=\"three-images-slider-swiper swiper\">\n                <div class=\"swiper-wrapper\">\n                                                                                                        <div class=\"swiper-slide\">\n                                    <div class=\"image-holder\">\n                                        <picture>\n                                            <img decoding=\"async\" src=\"https:\/\/innovation-natives.de\/wp-content\/uploads\/2024\/04\/case-sbahn2-img1.jpg\" alt=\"\">\n                                        <\/picture>\n                                    <\/div>\n                                    <div class=\"text-holder\">\n                                        Bluetooth beacons installed in the train destination displays locate passengers on the platform.                                    <\/div>\n                                <\/div>\n                                                            <div class=\"swiper-slide\">\n                                    <div class=\"image-holder\">\n                                        <picture>\n                                            <img decoding=\"async\" src=\"https:\/\/innovation-natives.de\/wp-content\/uploads\/2024\/04\/case-sbahn2-img2.jpg\" alt=\"\">\n                                        <\/picture>\n                                    <\/div>\n                                    <div class=\"text-holder\">\n                                        In testings with the target group, the prototypes were developed iteratively and thus step by step from a simple paper prototype to a functional application.                                    <\/div>\n                                <\/div>\n                                                            <div class=\"swiper-slide\">\n                                    <div class=\"image-holder\">\n                                        <picture>\n                                            <img decoding=\"async\" src=\"https:\/\/innovation-natives.de\/wp-content\/uploads\/2024\/04\/case-sbahn2-img3.jpg\" alt=\"\">\n                                        <\/picture>\n                                    <\/div>\n                                    <div class=\"text-holder\">\n                                        The interface can be adapted to individual requirements.                                    <\/div>\n                                <\/div>\n                                                            <div class=\"swiper-slide\">\n                                    <div class=\"image-holder\">\n                                        <picture>\n                                            <img decoding=\"async\" src=\"https:\/\/innovation-natives.de\/wp-content\/uploads\/2024\/04\/case-sbahn2-img4.jpg\" alt=\"\">\n                                        <\/picture>\n                                    <\/div>\n                                    <div class=\"text-holder\">\n                                        Users are localized and notified when information is available.                                    <\/div>\n                                <\/div>\n                                                                                        <\/div>\n                <div class=\"swiper-controls\">\n                    <div class=\"swb swiper-button-prev\">\n\n                        <svg width=\"11.0067028px\" height=\"19.1849786px\" viewBox=\"0 0 11.0067028 19.1849786\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\">\n                            <g stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n                                <g transform=\"translate(-1147.5142, -1053.4075)\" stroke=\"#FFFFFF\" stroke-width=\"2\">\n                                    <polyline transform=\"translate(1153.3711, 1063) scale(-1, 1) translate(-1153.3711, -1063)\" points=\"1148.92837 1054.11462 1157.81376 1063 1148.92837 1071.88538\"><\/polyline>\n                                <\/g>\n                            <\/g>\n                        <\/svg>\n\n                    <\/div>\n                    <div class=\"swb swiper-button-next\">\n\n                        <svg width=\"11.0067028px\" height=\"19.1849786px\" viewBox=\"0 0 11.0067028 19.1849786\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\">\n                            <g stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n                                <g transform=\"translate(-1189.2213, -1053.4075)\" stroke=\"#FFFFFF\" stroke-width=\"2\">\n                                    <polyline points=\"1189.92837 1054.11462 1198.81376 1063 1189.92837 1071.88538\"><\/polyline>\n                                <\/g>\n                            <\/g>\n                        <\/svg>\n\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n    \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":1465,"comment_status":"open","ping_status":"closed","template":"","cpt-cases-category":[15],"acf":[],"_links":{"self":[{"href":"https:\/\/innovation-natives.de\/en\/wp-json\/wp\/v2\/cpt-cases\/1493"}],"collection":[{"href":"https:\/\/innovation-natives.de\/en\/wp-json\/wp\/v2\/cpt-cases"}],"about":[{"href":"https:\/\/innovation-natives.de\/en\/wp-json\/wp\/v2\/types\/cpt-cases"}],"author":[{"embeddable":true,"href":"https:\/\/innovation-natives.de\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/innovation-natives.de\/en\/wp-json\/wp\/v2\/comments?post=1493"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/innovation-natives.de\/en\/wp-json\/wp\/v2\/media\/1465"}],"wp:attachment":[{"href":"https:\/\/innovation-natives.de\/en\/wp-json\/wp\/v2\/media?parent=1493"}],"wp:term":[{"taxonomy":"cpt-cases-category","embeddable":true,"href":"https:\/\/innovation-natives.de\/en\/wp-json\/wp\/v2\/cpt-cases-category?post=1493"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}