{"id":10052154,"date":"2020-03-02T18:39:10","date_gmt":"2020-03-02T16:39:10","guid":{"rendered":"https:\/\/www.fh-joanneum.at\/?post_type=projects&#038;p=52154"},"modified":"2021-05-07T17:22:13","modified_gmt":"2021-05-07T15:22:13","slug":"call-to-action","status":"publish","type":"project","link":"https:\/\/www.fh-joanneum.at\/en\/project\/call-to-action\/","title":{"rendered":"Call To Action"},"content":{"rendered":"<div class=\"wp-block-sidebar-layout-container margin-bottom-normal\">\n    <div\n        class=\"container-lg\"\n        style=\"--bs-gutter-x: 0;\"\n    >\n        <div\n            class=\"row\"\n            style=\"--bs-gutter-x: 0;\"\n        >\n            \n<div class=\"col-12 col-md-3 order-1 order-md-0 sidebar\">\n            \n<!-- TODO Styling -->\n<div\n    id=\"\"\n    class=\"wp-block-department-card margin-bottom-normal medien-und-design\"\n>\n    <div class=\"container-lg\">\n        <div class=\"row justify-content-around\">\n            <div class=\"col-8 col-sm-6 col-md-12\">\n                <a\n        class=\"\"\n        href=\"https:\/\/www.fh-joanneum.at\/en\/university\/departments\/media-design\/\"\n        target=\"_self\"\n    >\n                            <div class=\"major-bg-color\">\n                        <div class=\"wrapper\">\n                            <div class=\"header\">\n                                <svg class=\"department-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"38\" height=\"38\" viewBox=\"0 0 38 38\" fill=\"none\">\n  <g clip-path=\"url(#clip0_206_69)\">\n    <path d=\"M16.263 0.0498047H0.872198C0.400205 0.0498047 0.0175781 0.432431 0.0175781 0.904425V24.9474C0.0175781 25.4194 0.400205 25.802 0.872198 25.802H16.263C16.735 25.802 17.1176 25.4194 17.1176 24.9474V0.904425C17.1176 0.432431 16.735 0.0498047 16.263 0.0498047Z\" fill=\"#ffffff\"\/>\n    <path d=\"M37.1629 12.2861H21.7721C21.3001 12.2861 20.9175 12.6688 20.9175 13.1408V37.1837C20.9175 37.6557 21.3001 38.0384 21.7721 38.0384H37.1629C37.6349 38.0384 38.0175 37.6557 38.0175 37.1837V13.1408C38.0175 12.6688 37.6349 12.2861 37.1629 12.2861Z\" fill=\"#ffffff\"\/>\n    <path d=\"M16.263 29.6289H0.872198C0.400205 29.6289 0.0175781 30.0115 0.0175781 30.4835V37.1837C0.0175781 37.6557 0.400205 38.0383 0.872198 38.0383H16.263C16.735 38.0383 17.1176 37.6557 17.1176 37.1837V30.4835C17.1176 30.0115 16.735 29.6289 16.263 29.6289Z\" fill=\"#ffffff\"\/>\n    <path d=\"M37.1629 0.0380859H21.7721C21.3001 0.0380859 20.9175 0.420712 20.9175 0.892706V7.59287C20.9175 8.06486 21.3001 8.44749 21.7721 8.44749H37.1629C37.6349 8.44749 38.0175 8.06486 38.0175 7.59287V0.892706C38.0175 0.420712 37.6349 0.0380859 37.1629 0.0380859Z\" fill=\"#ffffff\"\/>\n  <\/g>\n  <defs>\n    <clipPath id=\"clip0_206_69\">\n      <rect width=\"38\" height=\"38\" fill=\"none\"\/>\n    <\/clipPath>\n  <\/defs>\n<\/svg>                                <span>Department<\/span>\n                            <\/div>\n                            <h4>Media and Design<\/h4>\n                        <\/div>\n                    <\/div>\n            <span><\/span>\n                    <\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<div id=\"\" class=\"wp-block-fact-box margin-bottom-normal\">\n  <div class=\"container-lg\">\n        <div class=\"row justify-content-around\">\n            <div class=\"col-8 col-sm-6 col-md-12\">\n                <div class=\"card border border-light p-3\">\n                    <ul class=\"list-unstyled mb-0\">\n                                              <li\n                          class=\"mb-2\"\n                        >\n                          <div class=\"label mb-1\">\n                            Master\\&#039;s thesis\n                          <\/div>\n                          <div class=\"value fw-bold\">2019<\/div>\n                        <\/li>\n                                              <li\n                          class=\"mb-2\"\n                        >\n                          <div class=\"label mb-1\">\n                            Author\n                          <\/div>\n                          <div class=\"value fw-bold\">Martin Haindl<\/div>\n                        <\/li>\n                                              <li\n                          class=\"mb-2\"\n                        >\n                          <div class=\"label mb-1\">\n                            Supervisor\n                          <\/div>\n                          <div class=\"value fw-bold\">Josef Gr\u00fcndler, Karin Novozamsky<\/div>\n                        <\/li>\n                                              <li\n                          class=\"\"\n                        >\n                          <div class=\"label mb-1\">\n                            Master\n                          <\/div>\n                          <div class=\"value fw-bold\">Interaction Design<\/div>\n                        <\/li>\n                                          <\/ul>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n<\/div>\n\n<div class=\"d-none d-md-flex col-md-1 seperator-column\"><\/div>\n<div class=\"col-12 col-md-8 order-0 order-md-1\">\n     \n<div id=\"\" class=\"wp-block-text-content margin-bottom-normal\">\n    <div class=\"container-lg\">\n        <div class=\"row\">\n            <div class=\"col\">\n                <p>Since the introduction of external apps for mobile devices with the first iPhone over ten years ago, the number of apps has exploded a million fold. Today there is a small tool for every imaginable situation. However, only a handful have established themselves over the long term. The typical user chooses his favourite app not only according to attributes such as functionality, compatibility and design. It also has to be subjectively perfect.<\/p>\n<p>In this thesis, approaches to a modern user interface were analysed and evaluated, and also compared with existing theoretical and practical examples. In the process the usability and implementation of diverse UI and UX elements were highlighted, as well as the emotional connection they have with the user.<\/p>\n\n            <\/div>\n        <\/div>\n            <\/div>\n<\/div>\n\n<div\n    id=\"\"\n    class=\"wp-block-image-slider margin-bottom-normal\"\n>\n    <div class=\"container-lg\">\n        <div class=\"row\">\n            <div class=\"col-12\">\n                <div class=\"swiper-outer-wrapper\">\n                    <div class=\"image-header\">\n                        <div class=\"swiper-navigation\">\n                            <div class=\"swiper-button-prev-custom\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"9\" height=\"14\" viewBox=\"0 0 9 14\" fill=\"none\">\n  <path d=\"M8 13L2 7L8 1\" stroke=\"\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n<\/svg>                            <\/div>\n                            <div class=\"swiper-button-next-custom\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"9\" height=\"14\" viewBox=\"0 0 9 14\" fill=\"none\">\n  <path d=\"M1 1L7 7L1 13\" stroke=\"\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n<\/svg>                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"swiper image-slider-swiper\">\n                        <div class=\"swiper-wrapper\">\n                                                                                                <div class=\"swiper-slide item\">\n                                        <picture>\n                        <source\n                media=\"(max-width: 576px)\"\n                srcset=\"https:\/\/cdn3.fh-joanneum.at\/media\/2020\/02\/vorlage-cms-master-copy-copy-copy-18.jpg, https:\/\/cdn3.fh-joanneum.at\/media\/2020\/02\/vorlage-cms-master-copy-copy-copy-18-768x518.jpg 2x\"\n            \/>\n                    <source\n                media=\"(max-width: 768px)\"\n                srcset=\"https:\/\/cdn3.fh-joanneum.at\/media\/2020\/02\/vorlage-cms-master-copy-copy-copy-18-768x518.jpg, https:\/\/cdn3.fh-joanneum.at\/media\/2020\/02\/vorlage-cms-master-copy-copy-copy-18-1024x691.jpg 2x\"\n            \/>\n                    <source\n                media=\"(max-width: 1024px)\"\n                srcset=\"https:\/\/cdn3.fh-joanneum.at\/media\/2020\/02\/vorlage-cms-master-copy-copy-copy-18-1024x691.jpg, https:\/\/cdn3.fh-joanneum.at\/media\/2020\/02\/vorlage-cms-master-copy-copy-copy-18.jpg 2x\"\n            \/>\n                    <source\n                media=\"(max-width: 1536px)\"\n                srcset=\"https:\/\/cdn3.fh-joanneum.at\/media\/2020\/02\/vorlage-cms-master-copy-copy-copy-18.jpg, https:\/\/cdn3.fh-joanneum.at\/media\/2020\/02\/vorlage-cms-master-copy-copy-copy-18.jpg 2x\"\n            \/>\n                    <source\n                media=\"(max-width: 2048px)\"\n                srcset=\"https:\/\/cdn3.fh-joanneum.at\/media\/2020\/02\/vorlage-cms-master-copy-copy-copy-18.jpg, https:\/\/cdn3.fh-joanneum.at\/media\/2020\/02\/vorlage-cms-master-copy-copy-copy-18.jpg 2x\"\n            \/>\n                <img decoding=\"async\"\n        class=\"img-fluid\"\n        src=\"https:\/\/cdn3.fh-joanneum.at\/media\/2020\/02\/vorlage-cms-master-copy-copy-copy-18.jpg\"\n        alt=\"Vorlage CMS Master (Copy) (Copy) (Copy) 17\"\n        title=\"\"\n         loading=\"lazy\"             >\n<\/picture>\n\n                                                                            <\/div>\n                                                                    <div class=\"swiper-slide item\">\n                                        <picture>\n                        <source\n                media=\"(max-width: 576px)\"\n                srcset=\"https:\/\/cdn3.fh-joanneum.at\/media\/2020\/02\/vorlage-cms-master-copy-copy-copy-19.jpg, https:\/\/cdn3.fh-joanneum.at\/media\/2020\/02\/vorlage-cms-master-copy-copy-copy-19-768x512.jpg 2x\"\n            \/>\n                    <source\n                media=\"(max-width: 768px)\"\n                srcset=\"https:\/\/cdn3.fh-joanneum.at\/media\/2020\/02\/vorlage-cms-master-copy-copy-copy-19-768x512.jpg, https:\/\/cdn3.fh-joanneum.at\/media\/2020\/02\/vorlage-cms-master-copy-copy-copy-19-1024x683.jpg 2x\"\n            \/>\n                    <source\n                media=\"(max-width: 1024px)\"\n                srcset=\"https:\/\/cdn3.fh-joanneum.at\/media\/2020\/02\/vorlage-cms-master-copy-copy-copy-19-1024x683.jpg, https:\/\/cdn3.fh-joanneum.at\/media\/2020\/02\/vorlage-cms-master-copy-copy-copy-19.jpg 2x\"\n            \/>\n                    <source\n                media=\"(max-width: 1536px)\"\n                srcset=\"https:\/\/cdn3.fh-joanneum.at\/media\/2020\/02\/vorlage-cms-master-copy-copy-copy-19.jpg, https:\/\/cdn3.fh-joanneum.at\/media\/2020\/02\/vorlage-cms-master-copy-copy-copy-19.jpg 2x\"\n            \/>\n                    <source\n                media=\"(max-width: 2048px)\"\n                srcset=\"https:\/\/cdn3.fh-joanneum.at\/media\/2020\/02\/vorlage-cms-master-copy-copy-copy-19.jpg, https:\/\/cdn3.fh-joanneum.at\/media\/2020\/02\/vorlage-cms-master-copy-copy-copy-19.jpg 2x\"\n            \/>\n                <img decoding=\"async\"\n        class=\"img-fluid\"\n        src=\"https:\/\/cdn3.fh-joanneum.at\/media\/2020\/02\/vorlage-cms-master-copy-copy-copy-19.jpg\"\n        alt=\"Vorlage CMS Master (Copy) (Copy) (Copy) 18\"\n        title=\"\"\n         loading=\"lazy\"             >\n<\/picture>\n\n                                                                            <\/div>\n                                                                                    <\/div>\n                    <\/div>\n\n                    <div class=\"swiper-navigation-pagination\">\n                        <div class=\"swiper-button-prev-custom\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"9\" height=\"14\" viewBox=\"0 0 9 14\" fill=\"none\">\n  <path d=\"M8 13L2 7L8 1\" stroke=\"\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n<\/svg>                        <\/div>\n                        <div class=\"swiper-pagination\"><\/div>\n                        <div class=\"swiper-button-next-custom\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"9\" height=\"14\" viewBox=\"0 0 9 14\" fill=\"none\">\n  <path d=\"M1 1L7 7L1 13\" stroke=\"\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n<\/svg>                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n<\/div>\n\n\n        <\/div>\n    <\/div>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":26,"featured_media":10063656,"template":"","meta":{"_acf_changed":false,"footnotes":""},"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.fh-joanneum.at\/en\/wp-json\/wp\/v2\/project\/10052154"}],"collection":[{"href":"https:\/\/www.fh-joanneum.at\/en\/wp-json\/wp\/v2\/project"}],"about":[{"href":"https:\/\/www.fh-joanneum.at\/en\/wp-json\/wp\/v2\/types\/project"}],"author":[{"embeddable":true,"href":"https:\/\/www.fh-joanneum.at\/en\/wp-json\/wp\/v2\/users\/26"}],"version-history":[{"count":0,"href":"https:\/\/www.fh-joanneum.at\/en\/wp-json\/wp\/v2\/project\/10052154\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.fh-joanneum.at\/en\/wp-json\/wp\/v2\/media\/10063656"}],"wp:attachment":[{"href":"https:\/\/www.fh-joanneum.at\/en\/wp-json\/wp\/v2\/media?parent=10052154"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}