{"id":116395,"date":"2020-11-20T15:19:15","date_gmt":"2020-11-20T12:19:15","guid":{"rendered":"https:\/\/en.buradabiliyorum.com\/software-developed-to-help-programmers-prototype-graphic-user-interfaces\/"},"modified":"2020-11-20T15:19:15","modified_gmt":"2020-11-20T12:19:15","slug":"software-developed-to-help-programmers-prototype-graphic-user-interfaces","status":"publish","type":"post","link":"https:\/\/buradabiliyorum.com\/en\/software-developed-to-help-programmers-prototype-graphic-user-interfaces\/","title":{"rendered":"#Software developed to help programmers prototype graphic user interfaces"},"content":{"rendered":"<p>&#8220;<strong>#Software developed to help programmers prototype graphic user interfaces<\/strong>&#8221;<\/p>\n<div>\n<div class=\"article-gallery lightGallery\">\n<div data-thumb=\"https:\/\/scx1.b-cdn.net\/csz\/news\/tmb\/2020\/13-newstudypres.jpg\" data-src=\"https:\/\/scx2.b-cdn.net\/gfx\/news\/2020\/13-newstudypres.jpg\" data-sub-html=\"Figure 1. Panels (A1-A3) are interfaces of an online GUI prototyping tool (the base tool). Three feedback three feedback panels in the GUIComp (Add-on)\u2013Evaluation (B), Recommendation (C), and Attention Panel (D). Credit: Professor Sungahn Ko, UNIST\">\n<figure class=\"article-img\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/scx1.b-cdn.net\/csz\/news\/800\/2020\/13-newstudypres.jpg\" alt=\"New study presents highly-active ozygenated groups in carbon materials for oxygen reduction to H2O2\" title=\"Figure 1. Panels (A1-A3) are interfaces of an online GUI prototyping tool (the base tool). Three feedback three feedback panels in the GUIComp (Add-on)\u2013Evaluation (B), Recommendation (C), and Attention Panel (D). Credit: Professor Sungahn Ko, UNIST\" width=\"800\" height=\"480\"\/><figcaption class=\"text-darken text-low-up text-truncate-js text-truncate mt-3\">\n                Figure 1. Panels (A1-A3) are interfaces of an online GUI prototyping tool (the base tool). Three feedback three feedback panels in the GUIComp (Add-on)\u2013Evaluation (B), Recommendation (C), and Attention Panel (D). Credit: Professor Sungahn Ko, UNIST<br \/>\n            <\/figcaption><\/figure>\n<\/div>\n<\/div>\n<p>A new artificial intelligence (AI) system has been developed to help ordinary untrained people to design and create <a href=\"https:\/\/buradabiliyorum.com\/en\/category\/download-scripts-themes-apps\/\" data-internallinksmanager029f6b8e52c=\"9\" title=\"Download Scripts &amp; Themes &amp; Apps\" target=\"_blank\" rel=\"noopener\">app<\/a>lications and software for smartphones and personal computers. With the help of this system, non-designers can quickly and easily create a user-friendly mobile app.<\/p>\n<p>                                                                                A research team, led by Professor Sungahn Ko in the School of Electrical and Computer Engineering at UNIST has developed a deep learning-based artificial intelligence (AI) system that can provide design recommendations regarding the best layouts through the assessment of graphical user interfaces (GUIs) of the mobile application.<\/p>\n<p>The graphical user interface (GUI) is a form of user interface that allows users to interact with electronic devices using graphical icons and other visual indicators. And thus, it is important to create an intuitive, convenient, and attractive user interface and user experience. Indeed, GUIs play a pivotal role in attracting potential customers, yet ordinary untrained people may face challenges while designing user-friendly GUIs. This was solved through artificial intelligence (AI).<\/p>\n<p>As smartphones are becoming ubiquitous and pervasive in our daily lives, many things, like shopping, making <a href=\"https:\/\/buradabiliyorum.com\/en\/category\/trip-and-travel\/\" data-internallinksmanager029f6b8e52c=\"10\" title=\"Trip &amp; Travel\" target=\"_blank\" rel=\"noopener\">travel<\/a> inquiries, and SNS activities can be done from anywhere at any time using mobile apps. As a result, more and more people dream of starting their own businesses or vitalizing businesses using mobile apps. However, developing intuitive and user-friendly applications is a painstaking process for users with no relevant experience and guidance. This is particularly because the visual arrangement of icons and texts becomes more important due to the nature of the mobile environment, such as small screen size.<\/p>\n<figure class=\"mb-4\" itemscope=\"\" itemtype=\"http:\/\/schema.org\/VideoObject\"><meta itemprop=\"name\" content=\"New study presents highly-active ozygenated groups in carbon materials for oxygen reduction to H2O2\"\/><meta itemprop=\"url\" content=\"https:\/\/youtu.be\/1qvqx1K5PwI\"\/><meta itemprop=\"description\" content=\"New study presents highly-active ozygenated groups in carbon materials for oxygen reduction to H2O2\"\/><meta itemprop=\"uploadDate\" content=\"2020-11-20T06:55:42-05:00\"\/><meta itemprop=\"embedUrl\" content=\"https:\/\/www.youtube.com\/embed\/1qvqx1K5PwI\"\/><meta itemprop=\"thumbnailUrl\" content=\"https:\/\/img.youtube.com\/vi\/1qvqx1K5PwI\/maxresdefault.jpg\"\/><br \/>\n             <iframe loading=\"lazy\" title=\"GUIComp: A GUI Design Assistant with Real-Time, Multi-Faceted Feedback\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/1qvqx1K5PwI?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<\/figure>\n<p>Professor Ko solved this issue with the use of deep-learning-based artificial intelligence (AI) and iterative design process. The new AI system is capable of studying the strengths and weaknesses of the existing GUI design patterns, evaluating the created GUIs for mobile apps, and suggesting alternatives.<\/p>\n<p>To this end, the research team conducted semi-structured interviews, based on which they built a GUI prototyping assistance tool, called GUIComp by integrating three different types of feedback mechanisms: recommendation, evaluation, and attention. According to the research team, this tool can be connected to GUI design software as an extension, and it provides real-time, multi-faceted feedback on a user&#8217;s current design. Additionally, the research team conducted two user studies, in which they asked participants to create mobile GUIs with or without GUIComp, and requested online workers to assess the created GUIs. The experimental results show that GUIComp facilitated iterative design and the participants with GUIComp had better a user experience and produced more acceptable designs than those who did not.<br \/>\n                                            <!-- Google middle Adsense block --><\/p>\n<p>&#8220;We applied deep learning techniques for the design recommendation process and eye-tracker calibration,&#8221; says Chunggi Lee (School of Electrical and Computer Engineering, UNIST) , the first author of the study. &#8220;In particular, we used K-nearest neighbor Algorithm and Stacked Autoencoder (SAE) to provide real-time, multifaceted feedback on a user&#8217;s current design.&#8221;<\/p>\n<p>&#8220;We have put much effort into visualization to help resolve issues that users with no experience face during the designing process of user-friendly GUIs,&#8221; says Professor Ko. &#8220;By securing quality data, this is expected to be applied to the educational sector, such as web development and painting.&#8221;<\/p>\n<p>The findings of this study have been published in <i>ACM Conference on Human Factors in Computing Systems<\/i>.\n                                                                                                                        <\/p>\n<hr\/>\n<div class=\"article-main__explore my-4 d-print-none\">\n<p>                                            Artificial intelligence makes &#8216;smart&#8217; apps faster, more efficient\n                                        <\/p><\/div>\n<hr class=\"mb-4\"\/>\n<div class=\"article-main__more p-4\">\n                                                                                                <strong>More information:<\/strong><br \/>\n                                                Chunggi Lee et al. GUIComp: A GUI Design Assistant with Real-Time, Multi-Faceted Feedback, <i>Proceedings of the 2020 CHI Conference on Human Factors in Computing Systems<\/i> (2020). <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" data-doi=\"1\" href=\"http:\/\/dx.doi.org\/10.1145\/3313831.3376327\">DOI: 10.1145\/3313831.3376327<\/a><\/p><\/div>\n<div class=\"d-inline-block text-medium my-4\">\n                                                Provided by<br \/>\n                                                                                                    Ulsan National Institute of <a href=\"https:\/\/buradabiliyorum.com\/en\/category\/sciencee\/\" data-internallinksmanager029f6b8e52c=\"5\" title=\"Science\" target=\"_blank\" rel=\"noopener\">Science<\/a> and <a href=\"https:\/\/buradabiliyorum.com\/en\/category\/technology\/\" data-internallinksmanager029f6b8e52c=\"4\" title=\"Technology\" target=\"_blank\" rel=\"noopener\">Technology<\/a><br \/>\n                                                                                                        <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" class=\"icon_open\" href=\"http:\/\/www.unist.ac.kr\/index.sko\"><br \/>\n                                                        <svg><use href=\"https:\/\/techx.b-cdn.net\/tmpl\/v2\/img\/svg\/sprite.svg#icon_open\" x=\"0\" y=\"0\"\/><\/svg><\/a><\/p><\/div>\n<p>                                        <!-- print only --><\/p>\n<div class=\"d-none d-print-block\">\n<p>                                                 <strong>Citation<\/strong>:<br \/>\n                                                 Software developed to help programmers prototype graphic user interfaces (2020, November 20)<br \/>\n                                                 retrieved 20 November 2020<br \/>\n                                                 from https:\/\/techxplore.com\/<a href=\"https:\/\/buradabiliyorum.com\/en\/category\/news\/\" data-internallinksmanager029f6b8e52c=\"2\" title=\"News\" target=\"_blank\" rel=\"noopener\">news<\/a>\/2020-11-software-programmers-prototype-graphic-user.html<\/p>\n<p>                                            This document is subject to copyright. Apart from any fair dealing for the purpose of private study or research, no<br \/>\n                                            part may be reproduced without the written permission. The content is provided for information purposes only.<\/p><\/div>\n<\/p><\/div>\n<p><script id=\"facebook-jssdk\" async=\"\" src=\"https:\/\/connect.facebook.net\/en_US\/sdk.js\"><\/script><\/p>\n<blockquote><p><strong><span style=\"color: #ff6600;\">If you liked the article, do not forget to share it with your friends. Follow us on\u00a0<span style=\"color: #ff0000;\"><a style=\"color: #ff0000;\" href=\"https:\/\/news.google.com\/publications\/CAAqBwgKMLG0nwswvr63Aw\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Google News<\/a><\/span>\u00a0too, click on the star and choose us from your favorites.<\/span><\/strong><\/p><\/blockquote>\n<blockquote>\n<p style=\"text-align: center;\">For forums sites go to <span style=\"color: #ff9900;\"><a style=\"color: #ff9900;\" href=\"https:\/\/forum.buradabiliyorum.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Forum.BuradaBiliyorum.Com<\/a><\/span><\/strong>\n<\/p><\/blockquote>\n<blockquote>\n<p style=\"text-align: center;\"><strong>If you want to read more Like this articles, you can visit our <span style=\"color: #ff9900;\"><a style=\"color: #ff9900;\" href=\"https:\/\/en.buradabiliyorum.com\/science\/\" target=\"_blank\" rel=\"noopener noreferrer\">Science category.<\/a><\/span><\/strong><\/p>\n<\/blockquote>\n<p><span style=\"color: black;\"><a style=\"color: #ff9900;\" href=\"https:\/\/techxplore.com\/news\/2020-11-software-programmers-prototype-graphic-user.html\" target=\"_blank\" rel=\"noopener noreferrer\">Source<\/a><\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>&#8220;#Software developed to help programmers prototype graphic user interfaces&#8221; Figure 1. Panels (A1-A3) are interfaces of an online GUI prototyping tool (the base tool). Three feedback three feedback panels in the GUIComp (Add-on)\u2013Evaluation (B), Recommendation (C), and Attention Panel (D). Credit: Professor Sungahn Ko, UNIST A new artificial intelligence (AI) system has been developed to&#8230;<\/p>\n","protected":false},"author":1,"featured_media":116396,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"fifu_image_url":"https:\/\/scx2.b-cdn.net\/gfx\/news\/2020\/13-newstudypres.jpg","fifu_image_alt":"","footnotes":""},"categories":[16],"tags":[],"class_list":["post-116395","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-sciencee"],"_links":{"self":[{"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/posts\/116395","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/comments?post=116395"}],"version-history":[{"count":0,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/posts\/116395\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/media\/116396"}],"wp:attachment":[{"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/media?parent=116395"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/categories?post=116395"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/tags?post=116395"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}