{"id":3588,"date":"2016-02-25T03:57:44","date_gmt":"2016-02-25T03:57:44","guid":{"rendered":"http:\/\/localhost\/?page_id=3588"},"modified":"2016-08-26T23:38:05","modified_gmt":"2016-08-26T23:38:05","slug":"ux-ui-design","status":"publish","type":"page","link":"https:\/\/mindbush.com\/mindbush\/ux-ui-design\/","title":{"rendered":"UX and UI Design"},"content":{"rendered":"[vc_row type=&#8221;full_width_background&#8221; bg_color=&#8221;#ffffff&#8221; scene_position=&#8221;center&#8221; text_color=&#8221;dark&#8221; text_align=&#8221;left&#8221; top_padding=&#8221;40&#8243; bottom_padding=&#8221;40&#8243; overlay_strength=&#8221;0.3&#8243;][vc_column column_padding=&#8221;no-extra-padding&#8221; column_padding_position=&#8221;all&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; width=&#8221;2\/3&#8243;][vc_column_text]<div class=\"col span_12\" data-animation=\"\" data-delay=\"0\">\n<p>Have you ever used an app or software and thought to yourself, &#8220;Man, this is easy to use! &#8221; Well, that is our #1 goal when embarking on a journey to build your app, software, or website. If you have a new project, or an existing project that needs a facelift, good UX and UI should be priority. Good UX, or user experience, ensures the user can clearly complete any task\u00a0in your app without being confused. Good UI, or user interface, guarantees that\u00a0your app, software, or website looks clean, crisp and visually stunning.<\/p>\n<h3><\/h3>\n<\/div><div class=\"clear\"><\/div>[\/vc_column_text][vc_column_text]<div class=\"col span_12\" data-animation=\"\" data-delay=\"0\">\n<h2>Our Process<\/h2>\n<p>We go though great lengths to understand, communicate, explore, iterate and execute. Below are a few steps we take to get from A to Z.<\/p>\n<\/div><div class=\"clear\"><\/div>[\/vc_column_text]<div class=\"iwithtext\"><div class=\"iwt-icon\"> <i class=\"icon-default-style steadysets-icon-chat-3 accent-color\"><\/i> <\/div><div class=\"iwt-text\"> \n<h4>The Understanding<\/h4>\n<p>We\u00a0take the time to listen to the stakeholders and ask questions in order to understand the business objectives. We look at\u00a0functional requirements and grasp the technological limitations if any. <\/div><div class=\"clear\"><\/div><\/div><div class=\"iwithtext\"><div class=\"iwt-icon\"> <i class=\"icon-default-style steadysets-icon-users2 accent-color\"><\/i> <\/div><div class=\"iwt-text\"> \n<h4>User Research<\/h4>\n<p>We begin to explore all of the personas, or different types of users, who\u00a0will be using your app. Who they are, what they do, what they are most interested in, and how your app can help them in the most efficient way. This may also involve interviews and observations. User stories and tasks are developed at this phase as well. <\/div><div class=\"clear\"><\/div><\/div><div class=\"iwithtext\"><div class=\"iwt-icon\"> <i class=\"icon-default-style steadysets-icon-pencil accent-color\"><\/i> <\/div><div class=\"iwt-text\"> \n<h4>Wire framing<\/h4>\n<p>At this phase, we begin conceptual sketching, process flow, interaction design and the beginning steps of information architecture. <\/div><div class=\"clear\"><\/div><\/div><div class=\"iwithtext\"><div class=\"iwt-icon\"> <i class=\"icon-default-style steadysets-icon-windows accent-color\"><\/i> <\/div><div class=\"iwt-text\"> \n<h4>Prototyping<\/h4>\n<p>High-fidelity mockups are the key deliverable at this stage. Interactive prototypes are used to illustrate the feeling of the app when developed. <\/div><div class=\"clear\"><\/div><\/div><div class=\"iwithtext\"><div class=\"iwt-icon\"> <i class=\"icon-default-style steadysets-icon-phone-landscape accent-color\"><\/i> <\/div><div class=\"iwt-text\"> \n<h4>Code &amp; Implementation<\/h4>\n<p>Once all of the high-fidelity mockups are finalized, delivered, and approved, we begin\u00a0front end coding using Agile. With Agile, we work in short cycles, or sprints, to\u00a0continuously deliver features, or porgress, \u00a0that can be demonstrated. This way, you can provide feedback about your product. This method allows\u00a0the development team to quickly react to evolving business needs before time and money are spent in a\u00a0potentially wrong direction. <\/div><div class=\"clear\"><\/div><\/div><div class=\"iwithtext\"><div class=\"iwt-icon\"> <i class=\"icon-default-style icon-rocket accent-color\"><\/i> <\/div><div class=\"iwt-text\"> \n<h4>Launch<\/h4>\n<p>Time to get this baby on the market! Also, our team is ready\u00a0to fix\u00a0any bugs and to develop additional features as necessary. <\/div><div class=\"clear\"><\/div><\/div>[\/vc_column][vc_column column_padding=&#8221;no-extra-padding&#8221; column_padding_position=&#8221;all&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; width=&#8221;1\/3&#8243;][vc_widget_sidebar sidebar_id=&#8221;page-sidebar&#8221;][\/vc_column][\/vc_row]\n","protected":false},"excerpt":{"rendered":"<p>[vc_row type=&#8221;full_width_background&#8221; bg_color=&#8221;#ffffff&#8221; scene_position=&#8221;center&#8221; text_color=&#8221;dark&#8221; text_align=&#8221;left&#8221; top_padding=&#8221;40&#8243; bottom_padding=&#8221;40&#8243; overlay_strength=&#8221;0.3&#8243;][vc_column column_padding=&#8221;no-extra-padding&#8221; column_padding_position=&#8221;all&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; width=&#8221;2\/3&#8243;][vc_column_text][\/vc_column_text][vc_column_text][\/vc_column_text][\/vc_column][vc_column column_padding=&#8221;no-extra-padding&#8221; column_padding_position=&#8221;all&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; width=&#8221;1\/3&#8243;][vc_widget_sidebar sidebar_id=&#8221;page-sidebar&#8221;][\/vc_column][\/vc_row]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3588","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mindbush.com\/mindbush\/wp-json\/wp\/v2\/pages\/3588","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mindbush.com\/mindbush\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mindbush.com\/mindbush\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mindbush.com\/mindbush\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mindbush.com\/mindbush\/wp-json\/wp\/v2\/comments?post=3588"}],"version-history":[{"count":0,"href":"https:\/\/mindbush.com\/mindbush\/wp-json\/wp\/v2\/pages\/3588\/revisions"}],"wp:attachment":[{"href":"https:\/\/mindbush.com\/mindbush\/wp-json\/wp\/v2\/media?parent=3588"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}