{"id":3327,"date":"2017-04-12T08:37:26","date_gmt":"2017-04-12T08:37:26","guid":{"rendered":"http:\/\/themotacorp.com\/greenduck\/wordpress\/?page_id=3327"},"modified":"2018-03-03T03:25:27","modified_gmt":"2018-03-03T03:25:27","slug":"mobile-application-and-gui-design","status":"publish","type":"page","link":"https:\/\/rostechinnovations.com\/design\/services\/our-services\/mobile-services\/mobile-application-and-gui-design\/","title":{"rendered":"Mobile Application and GUI Design"},"content":{"rendered":"<p>[vc_row][vc_column width=&#8221;1\/2&#8243; css=&#8221;.vc_custom_1460641256688{margin-right: 0px !important;padding-right: 0px !important;}&#8221;]<style scoped='scoped'>.mgt-promo-block-36261014417.mgt-promo-block .mgt-promo-block-content h2 {font-size: 30px;line-height: normal!important;}<\/style><div class=\"mgt-promo-block black-text text-size-normal no-darken mgt-promo-block-36261014417 wpb_content_element\" data-style=\"background-color: #f5f5f5;width: 100%; height: 400px;\"><div class=\"mgt-promo-block-content\"><div class=\"mgt-promo-block-content-inside vc_custom_1520045220901\">\n<h4>Mobile Services<\/h4>\n<h2 style=\"text-align: left\">Mobile Application and GUI Design<\/h2>\n<p style=\"text-align: left\">If you want to design a great, functional mobile app interface, design principles are hugely important.\n<div class=\"mgt-button-wrapper mgt-button-wrapper-align-left mgt-button-wrapper-display-newline mgt-button-top-margin-enable\"><a class=\"btn hvr-bounce-to-right mgt-button mgt-style-solid mgt-size-normal mgt-align-left mgt-display-newline mgt-text-size-normal mgt-button-icon-position-left mgt-text-transform-uppercase \" href=\"http:\/\/wp.magnium-themes.com\/thebuilt\/thebuilt-5\/get-a-quote\/\">Get a quote<\/a><\/div><\/div><\/div><\/div>[\/vc_column][vc_column width=&#8221;1\/2&#8243; css=&#8221;.vc_custom_1460641327282{margin-left: 0px !important;padding-left: 0px !important;}&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_empty_space height=&#8221;30px&#8221;][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1460536155154{margin-right: -25px !important;margin-left: -15px !important;}&#8221;][vc_column][vc_images_carousel images=&#8221;4218,4261,4219&#8243; img_size=&#8221;full&#8221; slides_per_view=&#8221;3&#8243; hide_pagination_control=&#8221;yes&#8221; wrap=&#8221;yes&#8221; css=&#8221;.vc_custom_1520046471356{margin-left: -10px !important;}&#8221;][\/vc_column][\/vc_row][vc_row][vc_column]<div class=\"mgt-header-block clearfix text-left text-black wpb_content_element  mgt-header-block-style-1 mgt-header-texttransform-none  vc_custom_1520046365163\"><h3 class=\"mgt-header-block-title\">GUI Design<\/h3><p class=\"mgt-header-block-subtitle\">Our Design Team is Top Notch<\/p><div class=\"mgt-header-line\"><\/div><\/div>[vc_column_text]User interface (UI) designers work closely with user experience (UX) designers and other design specialists. Their job is to make sure that every page and every step a user will experience in their interaction with the finished product will conform to the overall vision created by UX designers.<\/p>\n<p>However, unlike UX designers, since UI designers are responsible for making UX designers\u2019 visions a reality, many UI designers have a good understanding of front-end development and some coding skills.[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_separator][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/2&#8243;]<div class=\"mgt-header-block clearfix text-left text-black wpb_content_element  mgt-header-block-style-1 mgt-header-texttransform-none  vc_custom_1520046705194\"><h3 class=\"mgt-header-block-title\">The Process<\/h3><p class=\"mgt-header-block-subtitle\">Elements of Graphical User Interface Design<\/p><div class=\"mgt-header-line\"><\/div><\/div>[vc_column_text]Graphical User Interface elements include but are not limited to:<\/p>\n<ul>\n<li><strong>Input Controls<\/strong>: buttons, text fields, checkboxes, radio buttons, dropdown lists, list boxes, toggles, date field<\/li>\n<li><strong>Navigational Components<\/strong>: breadcrumb, slider, search field, pagination, slider, tags, icons<\/li>\n<li><strong>Informational Components<\/strong>: tooltips, icons, progress bar, notifications, message boxes, modal windows<\/li>\n<li><strong>Containers<\/strong>: accordion<\/li>\n<\/ul>\n<p>[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/2&#8243;]<style scoped='scoped'>.mgt-promo-block-73292048663.mgt-promo-block.animated:hover .mgt-promo-block-content {background-color: rgba(0,0,0,0.5)!important;}<\/style><div class=\"mgt-promo-block animated white-text text-size-normal no-darken mgt-promo-block-73292048663 wpb_content_element wpb_animate_when_almost_visible wpb_right-to-left\" data-style=\"background-color: #2a2f35;width: 100%; height: 250px;\"><div class=\"mgt-promo-block-content va-top\"><div class=\"mgt-promo-block-content-inside vc_custom_1520046863839\">\n<h4 style=\"text-align: left\">FIND OUT MORE!<\/h4>\n<p style=\"text-align: left\">Contact one of our friendly representatives for more information!\n<div class=\"mgt-button-wrapper mgt-button-wrapper-align-left mgt-button-wrapper-display-newline mgt-button-top-margin-enable\"><a class=\"btn hvr-icon-wobble-horizontal mgt-button mgt-style-textwhite mgt-size-normal mgt-align-left mgt-display-newline mgt-text-size-small mgt-button-icon-position-right mgt-text-transform-uppercase \" href=\"https:\/\/rostechinnovations.com\/greenduck\/wordpress\/contact-us-3\/\">Get a Quote!<i class=\"fa fa-arrow-right\"><\/i><\/a><\/div><\/div><\/div><\/div>[\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/2&#8243;]<div class=\"mgt-header-block clearfix text-left text-black wpb_content_element  mgt-header-block-style-1 mgt-header-texttransform-none  vc_custom_1520047400149\"><h3 class=\"mgt-header-block-title\">Best Practices for Designing an Interface<\/h3><div class=\"mgt-header-line\"><\/div><\/div>[vc_column_text]Everything stems from knowing your users, including understanding their goals, skills, preferences, and tendencies.\u00a0 Once you know about your user, make sure to consider the following when designing your interface:<\/p>\n<ul>\n<li><strong>Keep the interface simple.\u00a0<\/strong>The best interfaces are almost invisible to the user. They avoid unnecessary elements and are clear in the language they use on labels and in messaging.<\/li>\n<li><strong>Create consistency and use common UI elements.<\/strong>\u00a0By using\u00a0<a id=\"anch_28\" href=\"https:\/\/www.usability.gov\/how-to-and-tools\/methods\/user-interface-elements.html\">common elements<\/a>\u00a0in your UI, users feel more comfortable and are able to get things done more quickly.\u00a0 It is also important to create patterns in language, layout and design throughout the site to help facilitate efficiency. Once a user learns how to do something, they should be able to transfer that skill to other parts of the site.<\/li>\n<li><strong>Be purposeful in page layout.\u00a0<\/strong>\u00a0Consider the spatial relationships between items on the page and structure the page based on importance. Careful placement of items can help draw attention to the most important pieces of information and can aid scanning and readability.<\/li>\n<li><strong>Strategically use color and texture.<\/strong>\u00a0You can direct attention toward or redirect attention away from items using color, light, contrast, and texture to your advantage.<\/li>\n<li><strong>Use typography to create hierarchy and clarity.<\/strong>\u00a0Carefully consider how you use typeface. Different sizes, fonts, and arrangement of the text to help increase scanability, legibility and readability.<\/li>\n<li><strong>Make sure that the system communicates what\u2019s happening.\u00a0\u00a0<\/strong>Always inform your users of location, actions, changes in state, or errors. The use of various UI elements to communicate status and, if necessary, next steps can reduce frustration for your user.<\/li>\n<li><strong>Think about the defaults.\u00a0<\/strong>By carefully thinking about and anticipating the goals people bring to your site, you can create defaults that reduce the burden on the user.\u00a0 This becomes particularly important when it comes to form design where you might have an opportunity to have some fields pre-chosen or filled out.<\/li>\n<\/ul>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_separator][\/vc_column][\/vc_row][vc_row][vc_column]<div class=\"mgt-header-block clearfix text-left text-black wpb_content_element  mgt-header-block-style-1 mgt-header-texttransform-none  vc_custom_1463499908586\"><h3 class=\"mgt-header-block-title\">The Process<\/h3><div class=\"mgt-header-line\"><\/div><\/div>[\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/2&#8243;][vc_column_text]<\/p>\n<ul>\n<li>Identify and respond to user needs through\u00a0<a id=\"anch_27\" href=\"https:\/\/www.usability.gov\/what-and-why\/user-research.html\">conducting user research<\/a>\u00a0while still meeting organizational goals.<\/li>\n<li>Produce information that is easily understood and acted upon.<\/li>\n<li>Create systems that better facilitate transactions, internally and externally.<\/li>\n<li>Deliver information so that it can be accessed anywhere and through various channels and technologies.<\/li>\n<li>Encourage participation by making it easy to connect with people.<\/li>\n<li>Increase productivity and efficiency with usable systems.<\/li>\n<li>Improve based upon feedback and analysis of other performance measurements.<\/li>\n<\/ul>\n<p>[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/2&#8243;]<style scoped='scoped'>.mgt-promo-block-79292048663.mgt-promo-block.darken .mgt-promo-block-content {background-color: #fbbe3f!important;}.mgt-promo-block-79292048663.mgt-promo-block.animated:hover .mgt-promo-block-content {background-color: rgba(255,255,255,0.73)!important;}<\/style><div class=\"mgt-promo-block animated black-text cover-image text-size-normal darken mgt-promo-block-79292048663 wpb_content_element wpb_animate_when_almost_visible wpb_left-to-right\" data-style=\"background-image: url(https:\/\/rostechinnovations.com\/design\/services\/wp-content\/uploads\/2016\/03\/import_placeholder.png);background-repeat: no-repeat;width: 100%; height: 200px;\"><div class=\"mgt-promo-block-content va-top\"><div class=\"mgt-promo-block-content-inside vc_custom_1464356260029\">\n<h3>Do you have any<br \/>\nquestions?<\/h3>\nContact us at the TheBuilt\u00a0WP office nearest to you or submit a business inquiry online<div class=\"mgt-button-wrapper mgt-button-wrapper-align-left mgt-button-wrapper-display-newline mgt-button-top-margin-enable\"><a class=\"btn hvr-icon-wobble-horizontal mgt-button mgt-style-solid-invert mgt-size-normal mgt-align-left mgt-display-newline mgt-text-size-small mgt-button-icon-position-right mgt-text-transform-uppercase \" href=\"http:\/\/wp.magnium-themes.com\/thebuilt\/thebuilt-5\/contact-us-4\/\">contact us<i class=\"fa fa-arrow-right\"><\/i><\/a><\/div><\/div><\/div><\/div>[\/vc_column][\/vc_row][vc_row][vc_column]<div class=\"mgt-header-block clearfix text-left text-black wpb_content_element  mgt-header-block-style-1 mgt-header-texttransform-none \"><h3 class=\"mgt-header-block-title\">Our Featured Works<\/h3><div class=\"mgt-header-line\"><\/div><\/div>[\/vc_column][\/vc_row][vc_row][vc_column]\r\n\t\r\n\t<div class=\"portfolio-list portfolio-columns-4 portfolio-grid-layout-1 clearfix\" id=\"portfolio-list\">\r\n\r\n\t\t<div class=\"portfolio-item-block portfolio-item-animation-6 mix website\" data-item=\"1\" data-name=\"Manifest Marketplace\">\r\n\t<div class=\"portfolio-item-block-inside\">\r\n\t  <a href=\"https:\/\/rostechinnovations.com\/design\/services\/project\/cannab4b\/\" target=\"_self\" rel=\"\" title=\"Manifest Marketplace\">\r\n\t    <div class=\"portfolio-item-image\" data-style=\"background-image: url(https:\/\/rostechinnovations.com\/design\/services\/wp-content\/uploads\/2018\/02\/magento-logo-1.png);\"><\/div>\r\n\t    <div class=\"portfolio-item-bg\"><\/div>\r\n\t    <div class=\"info\">\r\n\t      <span class=\"sub-title\">Website<\/span>\r\n\t      <h4 class=\"title\">Manifest Marketplace<\/h4>\r\n\t      \t      \t    <\/div>\r\n\t  <\/a>\r\n\t<\/div>\r\n\t<\/div>\r\n\t\t<div class=\"portfolio-item-block portfolio-item-animation-6 mix software\" data-item=\"2\" data-name=\"A.T.O.M. Chat Bot\">\r\n\t<div class=\"portfolio-item-block-inside\">\r\n\t  <a href=\"https:\/\/rostechinnovations.com\/design\/services\/project\/a-t-o-m-chat-bot\/\" target=\"_self\" rel=\"\" title=\"A.T.O.M. Chat Bot\">\r\n\t    <div class=\"portfolio-item-image\" data-style=\"background-image: url(https:\/\/rostechinnovations.com\/design\/services\/wp-content\/uploads\/2018\/02\/23263a5b26d07f810dd4-1024x996.jpg);\"><\/div>\r\n\t    <div class=\"portfolio-item-bg\"><\/div>\r\n\t    <div class=\"info\">\r\n\t      <span class=\"sub-title\">Software<\/span>\r\n\t      <h4 class=\"title\">A.T.O.M. Chat Bot<\/h4>\r\n\t      \t      \t    <\/div>\r\n\t  <\/a>\r\n\t<\/div>\r\n\t<\/div>\r\n\t\t<div class=\"portfolio-item-block portfolio-item-animation-6 mix service\" data-item=\"3\" data-name=\"Print Services\">\r\n\t<div class=\"portfolio-item-block-inside\">\r\n\t  <a href=\"https:\/\/rostechinnovations.com\/design\/services\/project\/motamovers\/\" target=\"_self\" rel=\"\" title=\"Print Services\">\r\n\t    <div class=\"portfolio-item-image\" data-style=\"background-image: url(https:\/\/rostechinnovations.com\/design\/services\/wp-content\/uploads\/2018\/02\/favicon_512x512-1024x1024.png);\"><\/div>\r\n\t    <div class=\"portfolio-item-bg\"><\/div>\r\n\t    <div class=\"info\">\r\n\t      <span class=\"sub-title\">Service<\/span>\r\n\t      <h4 class=\"title\">Print Services<\/h4>\r\n\t      \t      \t    <\/div>\r\n\t  <\/a>\r\n\t<\/div>\r\n\t<\/div>\r\n\t\t<div class=\"portfolio-item-block portfolio-item-animation-6 mix product\" data-item=\"1\" data-name=\"White Labeling\">\r\n\t<div class=\"portfolio-item-block-inside\">\r\n\t  <a href=\"https:\/\/rostechinnovations.com\/design\/services\/project\/puff-perfect\/\" target=\"_self\" rel=\"\" title=\"White Labeling\">\r\n\t    <div class=\"portfolio-item-image\" data-style=\"background-image: url(https:\/\/rostechinnovations.com\/design\/services\/wp-content\/uploads\/2018\/02\/appela-product-display-mockup-1024x1024.jpg);\"><\/div>\r\n\t    <div class=\"portfolio-item-bg\"><\/div>\r\n\t    <div class=\"info\">\r\n\t      <span class=\"sub-title\">Product<\/span>\r\n\t      <h4 class=\"title\">White Labeling<\/h4>\r\n\t      \t      <div class=\"project-description\">White Labeling Services<\/div>\r\n\t  \t  \t      \t    <\/div>\r\n\t  <\/a>\r\n\t<\/div>\r\n\t<\/div>\r\n\t\t         \r\n\t\r\n\t<\/div>\r\n\r\n\r\n<script>(function($){\r\n\t    $(document).ready(function() {\r\n\r\n\t\t    $(\"#portfolio-list\").mixItUp({effects:[\"fade\",\"scale\"],easing:\"snap\"});\r\n\r\n\t    });})(jQuery);<\/script>[\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[vc_row][vc_column width=&#8221;1\/2&#8243; css=&#8221;.vc_custom_1460641256688{margin-right: 0px !important;padding-right: 0px !important;}&#8221;][\/vc_column][vc_column width=&#8221;1\/2&#8243; css=&#8221;.vc_custom_1460641327282{margin-left: 0px !important;padding-left: 0px !important;}&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_empty_space height=&#8221;30px&#8221;][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1460536155154{margin-right: -25px !important;margin-left: -15px !important;}&#8221;][vc_column][vc_images_carousel images=&#8221;4218,4261,4219&#8243; img_size=&#8221;full&#8221; slides_per_view=&#8221;3&#8243; hide_pagination_control=&#8221;yes&#8221; wrap=&#8221;yes&#8221; css=&#8221;.vc_custom_1520046471356{margin-left: -10px !important;}&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]User interface (UI) designers&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":3510,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/rostechinnovations.com\/design\/services\/wp-json\/wp\/v2\/pages\/3327"}],"collection":[{"href":"https:\/\/rostechinnovations.com\/design\/services\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rostechinnovations.com\/design\/services\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rostechinnovations.com\/design\/services\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rostechinnovations.com\/design\/services\/wp-json\/wp\/v2\/comments?post=3327"}],"version-history":[{"count":13,"href":"https:\/\/rostechinnovations.com\/design\/services\/wp-json\/wp\/v2\/pages\/3327\/revisions"}],"predecessor-version":[{"id":4272,"href":"https:\/\/rostechinnovations.com\/design\/services\/wp-json\/wp\/v2\/pages\/3327\/revisions\/4272"}],"up":[{"embeddable":true,"href":"https:\/\/rostechinnovations.com\/design\/services\/wp-json\/wp\/v2\/pages\/3510"}],"wp:attachment":[{"href":"https:\/\/rostechinnovations.com\/design\/services\/wp-json\/wp\/v2\/media?parent=3327"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}