{"id":6381,"date":"2018-09-06T14:40:51","date_gmt":"2018-09-06T11:40:51","guid":{"rendered":"https:\/\/isletgroup.fi\/?p=6381"},"modified":"2020-06-10T10:54:23","modified_gmt":"2020-06-10T07:54:23","slug":"user-experience-in-the-mobile-world","status":"publish","type":"post","link":"https:\/\/isletgroup.fi\/en\/2018\/09\/06\/user-experience-in-the-mobile-world\/","title":{"rendered":"User Expe\u00adri\u00adence in the Mobile World"},"content":{"rendered":"<p>[et_\u200bpb_\u200bsection bb_built=\u201c1\u201d _builder_version=\u201c3.13.1\u201d custom_padding=\u201c0|0px|0px|0px|false|false\u201d][et_pb_row][et_pb_column type=\u201c4_4\u201d][et_pb_text _builder_version=\u201c3.13.1\u201d]<\/p>\n<p>User can expect their&nbsp;<strong><a href=\"https:\/\/www.sap.com\/finland\/index.html\" target=\"_blank\" rel=\"noopener noreferrer\">SAP&nbsp;<\/a><\/strong>sys\u00adtems to give them an instinc\u00adtive expe\u00adri\u00adence where the sys\u00adtem is used prag\u00admat\u00adi\u00adcal\u00adly with sens\u00ades just like the user inter\u00adface of any oth\u00ader well-designed app. I&nbsp;will use this blog entry to dive deep\u00ader into how a&nbsp;suc\u00adcess\u00adful SAP user expe\u00adri\u00adence is designed for the mobile world where users are rarely found work\u00ading from their&nbsp;desks.<\/p>\n<p>A mod\u00adern SAP user expe\u00adri\u00adence is heav\u00adi\u00adly based on <strong><a href=\"https:\/\/www.sap.com\/finland\/products\/fiori.html\" target=\"_blank\" rel=\"noopener noreferrer\">Fiori<\/a>&nbsp;<\/strong>user expe\u00adri\u00adence solu\u00adtions. User inter\u00adface ele\u00adments offered by Fiori offer a&nbsp;scal\u00adable expe\u00adri\u00adence and enable work on desk\u00adtop machines as well as on tablets and smart phones. This is impor\u00adtant as many pro\u00adfes\u00adsions are no longer attached to a&nbsp;sin\u00adgle loca\u00adtion of work.&nbsp;A&nbsp;ware\u00adhouse employ\u00adee cov\u00aders sev\u00ader\u00adal miles in a&nbsp;day around the ware\u00adhouse, so it is impor\u00adtant the employ\u00adee has a&nbsp;sim\u00adple, mobile and real-time solu\u00adtion for data input and inspec\u00adtion. Pro\u00adfes\u00adsion\u00adal and exec\u00adu\u00adtive work\u00aders might find it frus\u00adtrat\u00ading that even some of the sim\u00adplest pro\u00adce\u00addures are not mobile device com\u00adpat\u00adi\u00adble. What if they could&nbsp;be?<\/p>\n<p>I\u2019ve list\u00aded 5+1 points that intro\u00adduces you to the cre\u00adation of a&nbsp;mobile Fiori user experience:<\/p>\n<p><\/p>\n<h2><strong>User paths and stories<\/strong><\/h2>\n<p>Whether you are design\u00ading a&nbsp;vast enter\u00adprise resource plan\u00adning solu\u00adtion or a&nbsp;sim\u00adple appli\u00adca\u00adtion to share, for instance, recipes, every user expe\u00adri\u00adence design begins with under\u00adstand\u00ading what is the application\u2019s pur\u00adpose and how do peo\u00adple who will use it expe\u00adri\u00adence it. In oth\u00ader words, a&nbsp;user expe\u00adri\u00adence design\u00ader is not the&nbsp;user.<\/p>\n<p>In this research phase, user habits are ana\u00adlyzed, and dif\u00adfer\u00adent user pro\u00adfiles are cre\u00adat\u00aded which will aid in the design process. More\u00adover, it is pos\u00adsi\u00adble to com\u00adpare your ideas to sim\u00adi\u00adlar Fiori appli\u00adca\u00adtions that have been pre\u00advi\u00adous\u00adly cre\u00adat\u00aded and are avail\u00adable. For instance, SAP\u2019s pro\u00adto\u00adtyp\u00ading tool offers a&nbsp;gallery of pro\u00adto\u00adtypes that can be used to brain\u00adstorm&nbsp;ideas.<\/p>\n<p>The vital part, nev\u00ader\u00adthe\u00adless, is that the Fiori user inter\u00adface design\u00aders have a&nbsp;clear under\u00adstand\u00ading of the organization\u2019s strate\u00adgies, busi\u00adness and processes.<\/p>\n<p><\/p>\n<h2><strong>Only the essential<\/strong><\/h2>\n<p>If you have ever used SAP GUI as your user inter\u00adface, you may have noticed that var\u00adi\u00adous screens con\u00adtain a&nbsp;lot of fields and oth\u00ader ele\u00adments that are rarely used. Because of this, some users have found the expe\u00adri\u00adence to be con\u00adfus\u00ading and the pur\u00adpose of some func\u00adtions have remained vague. In the design phase, such irrel\u00ade\u00advant ele\u00adments are dis\u00adre\u00adgard\u00aded from the appli\u00adca\u00adtion. The appli\u00adca\u00adtion will only have ele\u00adments that are nec\u00ades\u00adsary and comprehensible.<\/p>\n<p>Data input should be auto\u00admat\u00aded to the largest extent, and it is rec\u00adom\u00admend\u00adable to import data from dif\u00adfer\u00adent inter\u00adfaces. With cer\u00adtain tech\u00adni\u00adcal pre\u00adreq\u00adui\u00adsites, Fiori appli\u00adca\u00adtions can be built upon exist\u00ading SAP back-ends but the \u201cfior\u00adiza\u00adtion\u201d offers a&nbsp;chance to upgrade entire sys\u00adtems at the same time and holis\u00adti\u00adcal\u00adly inspect your orga\u00adni\u00adza\u00adtion\u00adal process\u00ades and busi\u00adness&nbsp;needs.<\/p>\n<p>[\/et_pb_text][et_pb_image _builder_version=\u201c3.13.1\u201d src=\u201chttps:\/\/isletgroup.fi\/wp-content\/uploads\/2018\/09\/Mobiilifiori.jpg\u201d \/][et_pb_text _builder_version=\u201c3.13.1\u201d]<\/p>\n<h2><\/h2>\n<h2><strong>Design\u00ading Fiori structures<\/strong><\/h2>\n<p>A Fiori user expe\u00adri\u00adence is designed to be as scal\u00adable as pos\u00adsi\u00adble. With scal\u00ada\u00adbil\u00adi\u00adty, the user inter\u00adface adapts to the screen size enabling easy use on any device. User inter\u00adfaces must be designed with scal\u00ada\u00adbil\u00adi\u00adty in mind right from start and, for instance, con\u00adsid\u00ader ele\u00adment place\u00adment such as but\u00adton loca\u00adtions so that they are eas\u00adi\u00adly acces\u00adsi\u00adble on mobile touch screens. Fur\u00adther\u00admore, nav\u00adi\u00adga\u00adtion func\u00adtion\u00adal\u00adi\u00adty must be con\u00adsid\u00adered so that it works intu\u00aditive\u00adly with both mouse and finger.<\/p>\n<p>When the pur\u00adpose of an appli\u00adca\u00adtion and its use cas\u00ades are well under\u00adstood, the appli\u00adca\u00adtion can be designed on var\u00adi\u00adous Fiori tem\u00adplates that are offered by the SAP pro\u00adto\u00adtyp\u00ading tool. The appli\u00adca\u00adtion can be designed on an emp\u00adty can\u00advas where dif\u00adfer\u00adent ele\u00adments such as cal\u00aden\u00addars, forms or tables are placed so that they look good on any device.<\/p>\n<p>SAP rec\u00adom\u00admend\u00aded tem\u00adplates can also be used in the design phase. These tem\u00adplates might come in handy for var\u00adi\u00adous use cas\u00ades as such when a&nbsp;user has many task items that require sim\u00adple actions in the sys\u00adtem. The tem\u00adplates have been designed so that cer\u00adtain ele\u00adments are locat\u00aded on spe\u00adcif\u00adic parts of a&nbsp;screen and the func\u00adtion\u00adal\u00adi\u00adty has been con\u00adsid\u00adered so that the user expe\u00adri\u00adence is the best pos\u00adsi\u00adble for all devices. This gives and edge when start\u00ading to design an appli\u00adca\u00adtion. The use of a&nbsp;cer\u00adtain tem\u00adplate is rec\u00adog\u00adnized in the ini\u00adtial part of the design when design\u00aders do their research.<\/p>\n<h2><\/h2>\n<h2><strong>Fiori ele\u00adments: think mobile<\/strong><\/h2>\n<p>Orga\u00adni\u00adza\u00adtions use SAP sys\u00adtems for mul\u00adti\u00adple dif\u00adfer\u00adent pur\u00adpos\u00ades in many ways. Some user inter\u00adfaces require only lit\u00adtle user inputs and are there\u00adfore sim\u00adpler.&nbsp;Depend\u00ading on orga\u00adni\u00adza\u00adtion\u00adal process\u00ades, some pro\u00adce\u00addures require a&nbsp;lot of user input and involve\u00adment. In such sce\u00adnar\u00adios, the user inter\u00adface become com\u00adpli\u00adcat\u00aded as it requires mul\u00adti\u00adple dif\u00adfer\u00adent ele\u00adments or even screens for transition.<\/p>\n<p>Espe\u00adcial\u00adly in the mobile world, this is to be avoid\u00aded. There\u00adfore, the use of mobile friend\u00adly ele\u00adments is essen\u00adtial to cre\u00adate an intu\u00aditive user expe\u00adri\u00adence. For instance, fill\u00ading out dif\u00adfer\u00adent forms can be exe\u00adcut\u00aded so that only some fields are active or vis\u00adi\u00adble on screen. This way, the rest of the fields become avail\u00adable for users once the pre\u00advi\u00adous fields have been filled out.<\/p>\n<p>A scal\u00adable user inter\u00adface is not mere\u00adly a&nbsp;small\u00ader ver\u00adsion of what you see on a&nbsp;com\u00adput\u00ader screen. Screen ele\u00adments must be cho\u00adsen so that they are eas\u00adi\u00adly acces\u00adsi\u00adble and click\u00adable with a&nbsp;mouse and your fin\u00adger. This means that the screen ele\u00adments reg\u00adis\u00adter touch effort\u00adless\u00adly. For instance, design\u00aders can choose to use dif\u00adfer\u00adent slid\u00aders to decrease\/\u200bincrease val\u00adue or place a&nbsp;clear but\u00adton for nav\u00adi\u00adga\u00adtion instead of hav\u00ading a&nbsp;click\u00adable link which might work per\u00adfect\u00adly on com\u00adput\u00ader screens.<\/p>\n<p>[\/et_pb_text][et_pb_image _builder_version=\u201c3.13.1\u201d src=\u201chttps:\/\/isletgroup.fi\/wp-content\/uploads\/2018\/09\/fiori_mockup.png\u201d \/][et_pb_text _builder_version=\u201c3.13.1\u201d]<\/p>\n<p>In a&nbsp;mobile friend\u00adly user inter\u00adface, even the sim\u00adplest solu\u00adtions must be care\u00adful\u00adly assessed. For instance, links that are eas\u00adi\u00adly click\u00adable on com\u00adput\u00aders must be recon\u00adsid\u00adered for touch inter\u00adfaces and made into larg\u00ader ele\u00adments such as buttons.<\/p>\n<h2><\/h2>\n<h2><strong>Test, reit\u00ader\u00adate,&nbsp;test\u2026<\/strong><\/h2>\n<p>The best tool for design\u00ading a&nbsp;Fiori user expe\u00adri\u00adence is user feed\u00adback. Noth\u00ading is more frus\u00adtrat\u00ading than to present a&nbsp;user inter\u00adface that no one ordered.<\/p>\n<p>Both the design\u00aders and the users must under\u00adstand that user expe\u00adri\u00adence is a&nbsp;process in which not only busi\u00adness log\u00adic is con\u00adsid\u00adered but also human emo\u00adtions and thoughts.<\/p>\n<p>This requires time and reit\u00ader\u00ada\u00adtion. For instance, we at ISLET design user inter\u00adfaces very incre\u00admen\u00adtal\u00adly and we arrange sev\u00ader\u00adal work\u00adshops with our clients where we col\u00adlect feed\u00adback, obser\u00adva\u00adtions, needs and go through new func\u00adtion\u00adal\u00adi\u00adties and elements.<\/p>\n<h2><\/h2>\n<h2><strong>+ Fiori is so much&nbsp;more<\/strong><\/h2>\n<p>Mobile user inter\u00adface design and the SAP Fiori user expe\u00adri\u00adence should not be approached by a&nbsp;sin\u00adgle mind\u00adset where you think how a&nbsp;cur\u00adrent user inter\u00adface can be put into a&nbsp;pret\u00adti\u00ader pack\u00adage and on mul\u00adti\u00adple devices.<\/p>\n<p>Even though this would be an improve\u00adment, I&nbsp;urge you to think above and beyond. What type of infor\u00adma\u00adtion would I&nbsp;appre\u00adci\u00adate to see visu\u00adal\u00adized in front of me right now? How can I&nbsp;share real-time data across my entire team? How can I&nbsp;pre\u00adpare my orga\u00adni\u00adza\u00adtions user expe\u00adri\u00adence readi\u00adness to cor\u00adre\u00adspond with mega trends such as the <strong><a href=\"https:\/\/isletgroup.fi\/en\/2018\/05\/03\/artificial-intelligence\/\" target=\"_blank\" rel=\"noopener noreferrer\">Inter\u00adnet of Things<\/a><\/strong>.<\/p>\n<p>Our sys\u00adtems are flood\u00aded with data. With the help of Fiori, it can be sim\u00adpli\u00adfied and visu\u00adal\u00adized by, for instance, using role-based tiles on a&nbsp;launch\u00adpad that con\u00adveys infor\u00adma\u00adtion at a&nbsp;glance. Mak\u00ading up-to-date reports and visu\u00adal\u00adiz\u00ading datasets enable the com\u00adpre\u00adhen\u00adsion of a&nbsp;large infor\u00adma\u00adtion pools and there\u00adfore ease deci\u00adsion mak\u00ading processes.<\/p>\n<p>In a&nbsp;nut\u00adshell, user expe\u00adri\u00adence is not only how things look like \u2013 it is a&nbsp;pow\u00ader\u00adful busi\u00adness&nbsp;tool.<\/p>\n<p><\/p>\n<p><\/p>\n<p>To hear more, con\u00adtact <strong><a href=\"https:\/\/isletgroup.fi\/en\/2019\/11\/11\/heidi-sinisalo\/\">Hei\u00addi Sin\u00adisa\u00adlo<\/a><\/strong><strong><a href=\"https:\/\/isletgroup.fi\/en\/2019\/11\/11\/heidi-sinisalo\/\">&nbsp;<\/a>,<\/strong> ISLET Group\u2019s Chief Oper\u00adat\u00ading Officer.<\/p>\n<p><\/p>\n<p><\/p>\n<p>#user\u00adex\u00adpe\u00adri\u00adence #UX #Fiori #mobileapp #Islet\u00adGroup<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>SAP-maail\u00admas\u00adsa k\u00e4yt\u00adt\u00f6koke\u00admus on nous\u00adsut yh\u00e4 suurem\u00adpaan rooli\u00adin. En\u00e4\u00e4 ei keski\u00adtyt\u00e4 vain t\u00e4y\u00addel\u00adlis\u00ades\u00adti toimivi\u00adin taus\u00adta\u00adj\u00e4r\u00adjestelmi\u00adin, sil\u00adl\u00e4 sula\u00adva ja intu\u00aditi\u00adivi\u00adnen front-end lis\u00e4\u00e4 ty\u00f6n\u00adtek\u00adi\u00adj\u00f6i\u00adden tyy\u00adtyv\u00e4isyyt\u00adt\u00e4 ja tehokku\u00adut\u00adta. My\u00f6s SAP-j\u00e4r\u00adjestelmilt\u00e4 voidaan nyt odot\u00adtaa intu\u00aditi\u00adivista k\u00e4yt\u00adt\u00f6koke\u00admus\u00adta, jos\u00adsa j\u00e4r\u00adjestelm\u00e4\u00e4 k\u00e4ytet\u00e4\u00e4n havain\u00adnoiden ja tiedostaen \u2013 niin kuin mit\u00e4 tahansa hyvin suun\u00adnitel\u00adtua \u00e4ly\u00adlait\u00adteen applikaatiota.&nbsp;<\/p>\n","protected":false},"author":20,"featured_media":5491,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","wp_typography_post_enhancements_disabled":false,"footnotes":""},"categories":[453,441],"tags":[549],"class_list":["post-6381","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-cover-story","category-all-news","tag-user-experience"],"acf":[],"_links":{"self":[{"href":"https:\/\/isletgroup.fi\/en\/wp-json\/wp\/v2\/posts\/6381","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/isletgroup.fi\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/isletgroup.fi\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/isletgroup.fi\/en\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/isletgroup.fi\/en\/wp-json\/wp\/v2\/comments?post=6381"}],"version-history":[{"count":0,"href":"https:\/\/isletgroup.fi\/en\/wp-json\/wp\/v2\/posts\/6381\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/isletgroup.fi\/en\/wp-json\/wp\/v2\/media\/5491"}],"wp:attachment":[{"href":"https:\/\/isletgroup.fi\/en\/wp-json\/wp\/v2\/media?parent=6381"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/isletgroup.fi\/en\/wp-json\/wp\/v2\/categories?post=6381"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/isletgroup.fi\/en\/wp-json\/wp\/v2\/tags?post=6381"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}