{"id":1876,"date":"2015-10-29T11:49:29","date_gmt":"2015-10-29T11:49:29","guid":{"rendered":"https:\/\/architsingh.com\/webioticnew\/?p=346"},"modified":"2021-07-05T08:31:52","modified_gmt":"2021-07-05T08:31:52","slug":"how-ux-and-ui-designs-are-different","status":"publish","type":"post","link":"https:\/\/architsingh.com\/webioticnew\/how-ux-and-ui-designs-are-different\/","title":{"rendered":"How UX and UI Designs are Different?"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.8.0&#8243; _module_preset=&#8221;default&#8221;][et_pb_row column_structure=&#8221;1_4,3_4&#8243; use_custom_gutter=&#8221;on&#8221; gutter_width=&#8221;2&#8243; module_class=&#8221;post_header&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; width=&#8221;70%&#8221; custom_padding=&#8221;||||false|false&#8221; global_module=&#8221;5435&#8243; saved_tabs=&#8221;all&#8221;][et_pb_column type=&#8221;1_4&#8243; _builder_version=&#8221;4.8.0&#8243; _module_preset=&#8221;default&#8221;][et_pb_post_title title=&#8221;off&#8221; author=&#8221;off&#8221; date_format=&#8221;M j Y&#8221; categories=&#8221;off&#8221; comments=&#8221;off&#8221; featured_image=&#8221;off&#8221; admin_label=&#8221;Post Date&#8221; module_class=&#8221;post-date&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; meta_font=&#8221;Nexa Bold||||||||&#8221; meta_text_align=&#8221;center&#8221; meta_text_color=&#8221;#000000&#8243; meta_font_size=&#8221;48px&#8221; meta_line_height=&#8221;1.2em&#8221; custom_margin=&#8221;||0px||false|false&#8221; custom_padding=&#8221;||0px||false|false&#8221;][\/et_pb_post_title][et_pb_text module_class=&#8221;timer_d&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;Helvetica||||||||&#8221; text_text_color=&#8221;#2ea0d2&#8243; text_orientation=&#8221;center&#8221; custom_margin=&#8221;||0px||false|false&#8221; custom_padding=&#8221;0px||0px||false|false&#8221;]<\/p>\n<p class=\"reading-time\"><i class=\"far fa-clock\"><\/i> <span class=\"span-reading-time rt-reading-time\"><span class=\"rt-label rt-prefix\"><\/span> <span class=\"rt-time\"> 5<\/span> <span class=\"rt-label rt-postfix\">min read<\/span><\/span><\/p>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;3_4&#8243; _builder_version=&#8221;4.8.0&#8243; _module_preset=&#8221;default&#8221;][et_pb_post_title meta=&#8221;off&#8221; featured_image=&#8221;off&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; title_font=&#8221;Nexa-Bold|800|||||||&#8221; title_text_align=&#8221;left&#8221; title_text_color=&#8221;#000000&#8243; title_font_size=&#8221;48px&#8221; title_line_height=&#8221;1.2em&#8221; meta_font=&#8221;Nexa Regular||||||||&#8221; meta_text_align=&#8221;left&#8221; meta_text_color=&#8221;#2ea0d2&#8243; meta_font_size=&#8221;15px&#8221; meta_line_height=&#8221;1.6em&#8221; title_font_size_tablet=&#8221;42px&#8221; title_font_size_phone=&#8221;36px&#8221; title_font_size_last_edited=&#8221;on|phone&#8221;][\/et_pb_post_title][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; width=&#8221;100%&#8221; max_width=&#8221;1280px&#8221; module_alignment=&#8221;center&#8221; global_module=&#8221;5436&#8243; saved_tabs=&#8221;all&#8221; locked=&#8221;off&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.8.1&#8243; _module_preset=&#8221;default&#8221;][et_pb_post_title title=&#8221;off&#8221; meta=&#8221;off&#8221; admin_label=&#8221;Feature Image&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; title_font=&#8221;Nexa Bold|700|||||||&#8221; title_text_align=&#8221;left&#8221; title_text_color=&#8221;#000000&#8243; title_font_size=&#8221;48px&#8221; title_line_height=&#8221;1.2em&#8221; meta_font=&#8221;Nexa Regular||||||||&#8221; meta_text_align=&#8221;left&#8221; meta_text_color=&#8221;#2ea0d2&#8243; meta_font_size=&#8221;15px&#8221; meta_line_height=&#8221;1.6em&#8221; title_font_size_tablet=&#8221;42px&#8221; title_font_size_phone=&#8221;36px&#8221; title_font_size_last_edited=&#8221;on|phone&#8221;][\/et_pb_post_title][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;2_3,1_3&#8243; module_class=&#8221;blog-cnt-row&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; width=&#8221;90%&#8221; max_width=&#8221;1280px&#8221; module_alignment=&#8221;center&#8221;][et_pb_column type=&#8221;2_3&#8243; _builder_version=&#8221;4.8.0&#8243; _module_preset=&#8221;default&#8221;][et_pb_text _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;Helvetica||||||||&#8221; text_text_color=&#8221;#26282d&#8221; text_font_size=&#8221;18px&#8221; text_letter_spacing=&#8221;0.03em&#8221; text_line_height=&#8221;1.8em&#8221; header_2_font=&#8221;Helvetica Bold||||||||&#8221; header_2_text_color=&#8221;#26282d&#8221; header_2_font_size=&#8221;50px&#8221; header_2_line_height=&#8221;54px&#8221; header_3_font=&#8221;Nexa Bold||||||||&#8221; header_3_text_color=&#8221;#26282d&#8221; header_3_font_size=&#8221;24px&#8221; header_4_font=&#8221;Nexa Bold||||||||&#8221; header_4_text_color=&#8221;#26282d&#8221;]<\/p>\n<p>Currently, in the technical and creative environment, the terms UX and UI are used more often. These terms refer to ideas and specialties, which have been around for years before the introduction of abbreviated terminology. These terms are rapidly becoming dangerous buzzwords. Using these terms incorrectly and in wrong situations is becoming a severe issue for growing number of professionals like product development specialists and web designers. Understanding the relationship, proper separation and usage of these terms is essential for solving web designing issues. This is what a reputed Miami website design service provider follows to provide best services to clients for sufficing their business goals.<\/p>\n<p>I go into more detail about UX\/UI design as well as the costs involved in this video.<\/p>\n<p><iframe loading=\"lazy\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/sF6JOMCUH5A\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<p><strong>Principles of UI of UX Are Not Same<\/strong><\/p>\n<p>The common misconception, which we hear in client meetings, workplace and in job listings is the interchange or inadvertent combination of these terms. In many situations, a UI designer by default focuses on user experience as his or her work bear some connection with the user.<\/p>\n<p>The fact is that user experience is not the user interface. Confusion occurs because both abbreviations start with letter \u2018U\u2019. In addition, the confusion surfaces due to the overlapping of skill sets present in both disciplines. These are related areas and many designers are adept in both fields.<\/p>\n<p><strong>UI and UX have Different Scope<\/strong><\/p>\n<p>Despite the overlap, both areas are different in nature in terms of scope and objectives.&nbsp; UI focuses on actual elements that initiate interaction with the user. It deals with technical and physical methods related output and input. User interface explains about the aggregation of elements and approaches, which allow the users to interact with the system. UI does not take care of details like how users remember the system, react to it and reuses it.<\/p>\n<p><strong>User Experience is the End Result of User Interface<\/strong><\/p>\n<p>User experience is treated as the nucleus of brand. The brand is the summation of experiences, which a person gathers from a company. User experience is the fulfillment of the goal. It is not the only the fulfillment of the goal of an interface, but also the interaction with a company. When a person attains a good user experience, he or she can experience positive effects of the brand. UX focuses on the success of the whole brand strategy.<\/p>\n<p>A brand leaves the user with a memory. Human memory is superb, but it is imperfect. Every detail contributes to the ingredients of a superb user experience. When it comes to user experience, users remember products in a skewed manner most of the time. User experience offers much bigger picture than the user interface, but the former relies on the later for driving a cause. This understanding is valuable to those companies, which aim for getting success in product development.<\/p>\n<p>Learn more about your users and have a beautiful user experience developed with our <a href=\"https:\/\/architsingh.com\/webioticnew\/simple-starter\/\">Simple Starter<\/a> package.<\/p>\n<p><strong>UI Acts Like A Tool<\/strong><\/p>\n<p>UI acts as a powerful tool for attaining a great user experience. Interface is the most visceral, visible and tactile method with which users interacts with products or services. User interface is the frontline. This is the reason why both terms are combined into one or often used interchangeably.<\/p>\n<p>If you get a clear idea about UX and UI, then you will not face problems of hiring a reliable website design company in Miami, which undertakes assignments after analyzing the requirements of clients and accordingly suffices them.<\/p>\n<p>[\/et_pb_text][et_pb_comments _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; form_field_background_color=&#8221;#FFFFFF&#8221; form_field_focus_background_color=&#8221;#FFFFFF&#8221; header_font=&#8221;Helvetica||||||||&#8221; header_text_align=&#8221;left&#8221; title_font=&#8221;Helvetica|700|||||||&#8221; title_text_align=&#8221;left&#8221; title_text_color=&#8221;#2ea0d2&#8243; title_font_size=&#8221;25px&#8221; title_line_height=&#8221;1.2em&#8221; meta_font=&#8221;Helvetica||||||||&#8221; meta_text_color=&#8221;#000000&#8243; body_font=&#8221;Helvetica||||||||&#8221; body_text_align=&#8221;left&#8221; body_font_size=&#8221;16px&#8221; body_line_height=&#8221;1.6em&#8221; form_field_font=&#8221;Helvetica||||||||&#8221; form_field_text_align=&#8221;left&#8221; custom_button=&#8221;on&#8221; button_text_color=&#8221;#2ea0d2&#8243; button_bg_color=&#8221;#FFFFFF&#8221; button_border_color=&#8221;#2ea0d2&#8243; button_font=&#8221;Helvetica||||||||&#8221; button_use_icon=&#8221;off&#8221; button_alignment=&#8221;right&#8221; text_orientation=&#8221;left&#8221; border_width_bottom=&#8221;1px&#8221; border_color_bottom=&#8221;#e5e5e5&#8243; border_radii_fields=&#8221;on|5px|5px|5px|5px&#8221; border_width_all_fields=&#8221;1px&#8221; border_color_all_fields=&#8221;#c6c6c6&#8243; global_module=&#8221;5439&#8243; saved_tabs=&#8221;all&#8221; button_bg_color__hover_enabled=&#8221;on|hover&#8221; button_bg_color__hover=&#8221;#2ea0d2&#8243; button_bg_enable_color__hover=&#8221;on&#8221; button_border_color__hover_enabled=&#8221;off|hover&#8221; button_text_color__hover_enabled=&#8221;on|hover&#8221; button_text_color__hover=&#8221;#FFFFFF&#8221;][\/et_pb_comments][et_pb_text disabled_on=&#8221;on|on|on&#8221; admin_label=&#8221;Up Next&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;Helvetica|||on|||||&#8221; text_text_color=&#8221;#9e9e9e&#8221; text_font_size=&#8221;20px&#8221; width=&#8221;100%&#8221; max_width=&#8221;50%&#8221; module_alignment=&#8221;left&#8221; custom_margin=&#8221;-50px|0px|0px|0px|false|false&#8221; custom_margin_tablet=&#8221;0px||||false|false&#8221; custom_margin_phone=&#8221;0px|0px|0px|0px|false|false&#8221; custom_margin_last_edited=&#8221;off|desktop&#8221; custom_padding=&#8221;50px||||false|false&#8221; custom_css_main_element=&#8221;float: left;||margin-bottom:0px !important;&#8221; disabled=&#8221;on&#8221; global_module=&#8221;6525&#8243;]<\/p>\n<p>Up Next<\/p>\n<p>[\/et_pb_text][et_pb_post_title title=&#8221;off&#8221; date=&#8221;off&#8221; categories=&#8221;off&#8221; comments=&#8221;off&#8221; featured_image=&#8221;off&#8221; disabled_on=&#8221;on|on|on&#8221; admin_label=&#8221;Author&#8221; module_class=&#8221;author-bottom&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; meta_font=&#8221;Journal||||||||&#8221; meta_text_align=&#8221;right&#8221; meta_text_color=&#8221;#0ab1db&#8221; meta_font_size=&#8221;35px&#8221; width=&#8221;100%&#8221; max_width=&#8221;50%&#8221; module_alignment=&#8221;right&#8221; custom_margin=&#8221;0px|40px|0px|0px|true|false&#8221; custom_css_post_title=&#8221;float: right;||margin: 0px !important;||margin-right: 40px !important;&#8221; disabled=&#8221;on&#8221; global_module=&#8221;5440&#8243; saved_tabs=&#8221;all&#8221;][\/et_pb_post_title][et_pb_sidebar area=&#8221;et_pb_widget_area_2&#8243; show_border=&#8221;off&#8221; disabled_on=&#8221;on|on|on&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; header_font=&#8221;|700|||||||&#8221; header_text_color=&#8221;#000000&#8243; header_font_size=&#8221;0px&#8221; header_line_height=&#8221;1.1em&#8221; body_font=&#8221;Helvetica Bold|700|||||||&#8221; body_text_align=&#8221;left&#8221; body_text_color=&#8221;#000000&#8243; body_font_size=&#8221;35px&#8221; body_line_height=&#8221;1.2em&#8221; custom_margin=&#8221;-20px||||false|false&#8221; custom_margin_tablet=&#8221;&#8221; custom_margin_phone=&#8221;0px||0px||false|false&#8221; custom_margin_last_edited=&#8221;on|phone&#8221; disabled=&#8221;on&#8221; global_module=&#8221;5442&#8243; saved_tabs=&#8221;all&#8221;][\/et_pb_sidebar][et_pb_text admin_label=&#8221;Read Time&#8221; module_class=&#8221;timer_d&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;Helvetica||||||||&#8221; text_text_color=&#8221;#26282d&#8221; text_font_size=&#8221;20px&#8221; custom_margin=&#8221;0px||50px||false|false&#8221; custom_padding=&#8221;0px||50px||false|false&#8221; border_width_bottom=&#8221;1px&#8221; border_color_bottom=&#8221;#e5e5e5&#8243; global_module=&#8221;6522&#8243; locked=&#8221;off&#8221;]<\/p>\n<div class=\"related_posts\">\n\t\t<p class=\"up-next\">Up Next<\/p>\n\t\t<div class=\"author-meta\">\n\t\t<img decoding=\"async\" src=\"https:\/\/architsingh.com\/webioticnew\/wp-content\/uploads\/ryan-1.png\"\/><span class=\"author-emoji\">Ryan<\/span>\n\t\t<\/div>\n\t\t<div class=\"related-content\">\n\t\t<a href=\"https:\/\/architsingh.com\/webioticnew\/skills-needed-for-software-developer\/\">\n\t\t<div class=\"related_post_title\">Skills Needed for Software Developer<\/div> <\/a>\n\t\t<div class=\"post-category\">App Development, Strategy Planning, UX \/ UI Design<\/div>\n\t\t<\/div>\n\t\t\n\t\t<div class=\"related_featured_img\"><a href=\"https:\/\/architsingh.com\/webioticnew\/skills-needed-for-software-developer\/\">\n\t\t<img decoding=\"async\" src=\"https:\/\/architsingh.com\/webioticnew\/wp-content\/uploads\/skills-needed-for-software-developer-header-webiotic.jpg\"\/><\/a><\/div>\n\t\t\n\t\t<span class=\"related_post_time\"><i class=\"far fa-clock\"><\/i> <p>8 minute read<\/p><\/span>\n\t\t<\/div>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;1_3&#8243; module_class=&#8221;post-sticky&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; custom_css_main_element=&#8221;    margin: 0;||    top: 40px;||    text-align: center;||    float: right;||    right: 0;||max-width:350px;||overflow: scroll;&#8221;][et_pb_post_title title=&#8221;off&#8221; date=&#8221;off&#8221; categories=&#8221;off&#8221; comments=&#8221;off&#8221; featured_image=&#8221;off&#8221; disabled_on=&#8221;on|on|on&#8221; admin_label=&#8221;Author&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; meta_font=&#8221;Journal||||||||&#8221; meta_text_align=&#8221;center&#8221; meta_text_color=&#8221;#0ab1db&#8221; meta_font_size=&#8221;35px&#8221; custom_padding=&#8221;0px||0px||false|false&#8221; disabled=&#8221;on&#8221; global_module=&#8221;5438&#8243; saved_tabs=&#8221;all&#8221;][\/et_pb_post_title][et_pb_code disabled_on=&#8221;on|on|off&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#ffffff&#8221; position_origin_f=&#8221;top_right&#8221; vertical_offset=&#8221;40px&#8221; text_orientation=&#8221;center&#8221; height=&#8221;100vh&#8221; custom_padding=&#8221;||||false|false&#8221; link_option_url=&#8221;https:\/\/architsingh.com\/webioticnew\/calendar\/&#8221; global_module=&#8221;5437&#8243; saved_tabs=&#8221;all&#8221;]<\/p>\n<div class=\"header-sticky-post\"><!-- [et_pb_line_break_holder] -->  <img decoding=\"async\" src=\"https:\/\/architsingh.com\/webioticnew\/wp-content\/uploads\/ryan-1.png\" \/> <span class=\"author_name\">Ryan<\/span><!-- [et_pb_line_break_holder] --><\/div>\n<p><!-- [et_pb_line_break_holder] --><img loading=\"lazy\" decoding=\"async\" width=\"874\" height=\"722\" class=\"wp-image-6141 aligncenter size-full\" src=\"https:\/\/architsingh.com\/webioticnew\/wp-content\/uploads\/grey_calender_002-1.png\" alt=\"\"  \/>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; module_class=&#8221;fixed-image&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; z_index=&#8221;4&#8243; custom_margin=&#8221;-30px||0px||false|false&#8221; custom_padding=&#8221;0px||0px||false|false&#8221; global_module=&#8221;6228&#8243; saved_tabs=&#8221;all&#8221;][et_pb_row _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; width=&#8221;100%&#8221; max_width=&#8221;100%&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221;][et_pb_image src=&#8221;https:\/\/architsingh.com\/webioticnew\/wp-content\/uploads\/newsletter_bg.png&#8221; title_text=&#8221;newsletter_bg&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; position_origin_a=&#8221;center_left&#8221; z_index=&#8221;3&#8243; width=&#8221;100%&#8221; max_width=&#8221;35%&#8221; custom_css_main_element=&#8221;position: absolute;||width: 100%;||height: 100%;||top: 50%;||left: 0;||&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; module_class=&#8221;form-section&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;rgba(255,255,255,0)&#8221; background_enable_image=&#8221;off&#8221; background_size=&#8221;contain&#8221; background_position=&#8221;center_left&#8221; z_index=&#8221;5&#8243; width=&#8221;100%&#8221; max_width=&#8221;100%&#8221; custom_padding=&#8221;0px||||false|false&#8221; background_last_edited=&#8221;on|phone&#8221; background_enable_image_phone=&#8221;off&#8221; global_module=&#8221;6229&#8243; saved_tabs=&#8221;all&#8221;][et_pb_row disabled_on=&#8221;on|off|off&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; width=&#8221;100%&#8221; max_width=&#8221;100%&#8221; module_alignment=&#8221;center&#8221; custom_margin=&#8221;||0px||false|false&#8221; custom_padding=&#8221;||0px||false|false&#8221; scroll_scaling=&#8221;0|50|50|100|70|100|85%&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.7.5&#8243; _module_preset=&#8221;default&#8221;][et_pb_image src=&#8221;https:\/\/architsingh.com\/webioticnew\/wp-content\/uploads\/2020\/12\/heart.png&#8221; title_text=&#8221;heart&#8221; align=&#8221;center&#8221; _builder_version=&#8221;4.7.5&#8243; _module_preset=&#8221;default&#8221;][\/et_pb_image][et_pb_text admin_label=&#8221;Your inbox wants some love.&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;Nexa Regular||||||||&#8221; text_text_color=&#8221;#010101&#8243; text_font_size=&#8221;48px&#8221; text_orientation=&#8221;center&#8221; text_font_size_tablet=&#8221;&#8221; text_font_size_phone=&#8221;28px&#8221; text_font_size_last_edited=&#8221;on|phone&#8221;]<\/p>\n<p>Your inbox <strong>wants some love.<\/strong><\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row disabled_on=&#8221;on|off|off&#8221; module_id=&#8221;email-optin&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;rgba(255,255,255,0.77)&#8221; width=&#8221;70%&#8221; custom_padding=&#8221;41px|60px|41px|60px|true|true&#8221; border_radii=&#8221;on|5px|5px|5px|5px&#8221; box_shadow_style=&#8221;preset1&#8243; box_shadow_horizontal=&#8221;2px&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.7.5&#8243; _module_preset=&#8221;default&#8221;][et_pb_text admin_label=&#8221;Stay informed with Webiotic latest&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;Journal||||||||&#8221; text_text_color=&#8221;#2fa2d5&#8243; text_font_size=&#8221;45px&#8221; text_line_height=&#8221;1.3em&#8221; text_font_size_tablet=&#8221;&#8221; text_font_size_phone=&#8221;25px&#8221; text_font_size_last_edited=&#8221;on|phone&#8221; custom_css_before=&#8221;    width: 64px;||    height: 64px;||    background: url(https:\/\/architsingh.com\/webioticnew\/wp-content\/uploads\/C-C_01A.png) no-repeat;||    background-size: 100%;||    content: %22%22;||    position: absolute;||    top: -66px;||    right: -86px;&#8221;]Stay informed with Webiotic latest[\/et_pb_text][et_pb_text _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221;]<\/p>\n<script>(function() {\n\twindow.mc4wp = window.mc4wp || {\n\t\tlisteners: [],\n\t\tforms: {\n\t\t\ton: function(evt, cb) {\n\t\t\t\twindow.mc4wp.listeners.push(\n\t\t\t\t\t{\n\t\t\t\t\t\tevent   : evt,\n\t\t\t\t\t\tcallback: cb\n\t\t\t\t\t}\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\t}\n})();\n<\/script><!-- Mailchimp for WordPress v4.10.3 - https:\/\/wordpress.org\/plugins\/mailchimp-for-wp\/ --><form id=\"mc4wp-form-1\" class=\"mc4wp-form mc4wp-form-6256\" method=\"post\" data-id=\"6256\" data-name=\"Subscribe to our newsletter\" ><div class=\"mc4wp-form-fields\">\t\t\t<div class=\"row cus_dis\">\r\n\t\t\t\t\t<div class=\"col-md-5 padding-right\">\r\n\t\t\t\t\t\t\t<div class=\"form-group\">\r\n\t\t\t\t\t\t\t\t\t<label for=\"exampleInputEmail1\"><\/label>\r\n\t\t\t\t\t\t\t\t\t<input class=\"form-control\" type=\"text\" name=\"FNAME\" placeholder=\"First, introduce yourself\">\r\n\t\t\t\t\t\t\t\t\t<small id=\"emailHelp\" class=\"form-text text-muted\">No need for\r\n\t\t\t\t\t\t\t\t\t\t\tformalities (just your name)<\/small>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"col-md-5 padding-right\">\r\n\t\t\t\t\t\t\t<div class=\"form-group\">\r\n\t\t\t\t\t\t\t\t\t<label for=\"exampleInputEmail1\"><\/label>\r\n\t\t\t\t\t\t\t\t\t<input class=\"form-control\" type=\"email\" name=\"EMAIL\" placeholder=\"Email Address\" required=\"\">\r\n\t\t\t\t\t\t\t\t\t<small id=\"emailHelp\" class=\"form-text text-muted\">Ok, some need\r\n\t\t\t\t\t\t\t\t\t\t\tfor formalities <\/small>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"col-md-2\">\r\n\t\t\t\t\t\t\t<p>(ohh, Intrigued!)<\/p>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"col-md-12\" style=\" width:100%;\">\r\n\t\t\t\t\t\t\t<div class=\"form-group text-right\" style=\"display: block;\">\r\n\t\t\t\t\t\t\t\t\t<input class=\"btn btn-info\" type=\"submit\" value=\"join the list\">\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t<\/div><\/div><label style=\"display: none !important;\">Leave this field empty if you're human: <input type=\"text\" name=\"_mc4wp_honeypot\" value=\"\" tabindex=\"-1\" autocomplete=\"off\" \/><\/label><input type=\"hidden\" name=\"_mc4wp_timestamp\" value=\"1777472296\" \/><input type=\"hidden\" name=\"_mc4wp_form_id\" value=\"6256\" \/><input type=\"hidden\" name=\"_mc4wp_form_element_id\" value=\"mc4wp-form-1\" \/><div class=\"mc4wp-response\"><\/div><\/form><!-- \/ Mailchimp for WordPress Plugin -->\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; disabled_on=&#8221;on|off|off&#8221; module_id=&#8221;next-step-section&#8221; module_class=&#8221;calendar-sections&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; background_enable_image=&#8221;off&#8221; custom_margin=&#8221;||||false|false&#8221; custom_padding=&#8221;0px||||false|false&#8221; global_module=&#8221;3218&#8243; saved_tabs=&#8221;all&#8221; collapsed=&#8221;off&#8221;][et_pb_row admin_label=&#8221;Featured Clients&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221;][et_pb_text _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;Nexa Regular||||||||&#8221; text_text_color=&#8221;#1e78cc&#8221; text_font_size=&#8221;18px&#8221; header_2_font=&#8221;Nexa Regular||||||||&#8221; header_2_text_align=&#8221;center&#8221; header_2_text_color=&#8221;#000000&#8243; header_2_font_size=&#8221;40px&#8221; text_orientation=&#8221;center&#8221; header_2_font_size_tablet=&#8221;&#8221; header_2_font_size_phone=&#8221;28px&#8221; header_2_font_size_last_edited=&#8221;on|phone&#8221;]<\/p>\n<h2 style=\"margin-bottom:0;\">Featured Clients<\/h2>\n<p><a style=\"color:#1e78cc;\" href=\"\/clients\/\">View all &gt;<\/a>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;1_3,1_3,1_3&#8243; make_equal=&#8221;on&#8221; disabled_on=&#8221;on|off|off&#8221; module_class=&#8221;featured-images&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; width=&#8221;50%&#8221; width_tablet=&#8221;60%&#8221; width_phone=&#8221;100%&#8221; width_last_edited=&#8221;on|phone&#8221; module_alignment=&#8221;center&#8221;][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; border_width_right=&#8221;1px&#8221; border_color_right=&#8221;#e8e8e8&#8243; border_width_right_tablet=&#8221;&#8221; border_width_right_phone=&#8221;0px&#8221; border_width_right_last_edited=&#8221;on|desktop&#8221;][et_pb_image src=&#8221;https:\/\/architsingh.com\/webioticnew\/wp-content\/uploads\/trump.png&#8221; title_text=&#8221;trump&#8221; align=&#8221;center&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;|20px|||false|false&#8221; border_width_right_tablet=&#8221;&#8221; border_width_right_phone=&#8221;0px&#8221; border_width_right_last_edited=&#8221;on|phone&#8221;][\/et_pb_image][\/et_pb_column][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221;][et_pb_image src=&#8221;https:\/\/architsingh.com\/webioticnew\/wp-content\/uploads\/labellamafia.png&#8221; title_text=&#8221;labellamafia&#8221; align=&#8221;center&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221;][\/et_pb_image][\/et_pb_column][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; border_width_left=&#8221;1px&#8221; border_color_left=&#8221;#e8e8e8&#8243; border_width_left_tablet=&#8221;&#8221; border_width_left_phone=&#8221;0px&#8221; border_width_left_last_edited=&#8221;on|phone&#8221;][et_pb_image src=&#8221;https:\/\/architsingh.com\/webioticnew\/wp-content\/uploads\/star-new.png&#8221; title_text=&#8221;star-new&#8221; align=&#8221;center&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;|||20px|false|false&#8221; border_width_left_tablet=&#8221;&#8221; border_width_left_phone=&#8221;0px&#8221; border_width_left_last_edited=&#8221;on|phone&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row disabled_on=&#8221;off|on|off&#8221; module_class=&#8221;featured-images-amp&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221;][et_pb_image src=&#8221;https:\/\/architsingh.com\/webioticnew\/wp-content\/uploads\/New-Project.png&#8221; title_text=&#8221;New Project&#8221; align=&#8221;center&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.9.0&#8243; width=&#8221;90%&#8221; max_width=&#8221;1920px&#8221; module_alignment=&#8221;center&#8221; custom_padding=&#8221;50px||||false|false&#8221; border_color_top=&#8221;#dddddd&#8221; border_color_bottom=&#8221;#eeeeee&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.0.9&#8243;][et_pb_divider color=&#8221;#eeeeee&#8221; divider_position=&#8221;center&#8221; _builder_version=&#8221;4.9.3&#8243; _module_preset=&#8221;default&#8221; width=&#8221;100%&#8221; max_width=&#8221;500px&#8221; module_alignment=&#8221;center&#8221; custom_margin=&#8221;||100px||false|false&#8221; locked=&#8221;off&#8221;][\/et_pb_divider][et_pb_text admin_label=&#8221;So, what&#8217;s the next step?&#8221; module_class=&#8221;why-its&#8221; _builder_version=&#8221;4.7.5&#8243; text_font=&#8221;Nexa Regular||||||||&#8221; text_text_color=&#8221;#333333&#8243; text_font_size=&#8221;56px&#8221; text_orientation=&#8221;center&#8221; text_font_size_tablet=&#8221;&#8221; text_font_size_phone=&#8221;28px&#8221; text_font_size_last_edited=&#8221;on|desktop&#8221;]<\/p>\n<p>So, what&#8217;s the <strong>next step?<\/strong><\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;1_2,1_2&#8243; use_custom_gutter=&#8221;on&#8221; gutter_width=&#8221;2&#8243; make_equal=&#8221;on&#8221; _builder_version=&#8221;4.9.3&#8243; _module_preset=&#8221;default&#8221; width=&#8221;48%&#8221; width_tablet=&#8221;&#8221; width_phone=&#8221;&#8221; width_last_edited=&#8221;on|desktop&#8221; module_alignment=&#8221;center&#8221;][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.9.3&#8243; _module_preset=&#8221;default&#8221; custom_css_main_element=&#8221;margin: auto;&#8221;][et_pb_text module_class=&#8221;talk-content&#8221; _builder_version=&#8221;4.9.7&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;Nexa Regular||||||||&#8221; text_text_color=&#8221;#000000&#8243; text_font_size=&#8221;21px&#8221; text_line_height=&#8221;1.3em&#8221; text_orientation=&#8221;right&#8221; module_alignment=&#8221;left&#8221; text_orientation_tablet=&#8221;&#8221; text_orientation_phone=&#8221;center&#8221; text_orientation_last_edited=&#8221;on|tablet&#8221;]Talk with a real app developer [\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.7.5&#8243; _module_preset=&#8221;default&#8221;][et_pb_button button_url=&#8221;@ET-DC@eyJkeW5hbWljIjp0cnVlLCJjb250ZW50IjoicG9zdF9saW5rX3VybF9wYWdlIiwic2V0dGluZ3MiOnsicG9zdF9pZCI6IjY2NiJ9fQ==@&#8221; button_text=&#8221;Free 15 min consultation&#8221; button_alignment=&#8221;left&#8221; button_alignment_tablet=&#8221;center&#8221; button_alignment_phone=&#8221;&#8221; button_alignment_last_edited=&#8221;on|phone&#8221; module_class=&#8221;calendar-btn&#8221; _builder_version=&#8221;4.9.7&#8243; _dynamic_attributes=&#8221;button_url&#8221; _module_preset=&#8221;default&#8221; custom_button=&#8221;on&#8221; button_text_size=&#8221;15px&#8221; button_text_color=&#8221;#2fa2d5&#8243; button_bg_color=&#8221;#ffffff&#8221; button_border_width=&#8221;1px&#8221; button_border_color=&#8221;#2fa2d5&#8243; button_border_radius=&#8221;10px&#8221; button_font=&#8221;Nexa Regular|700|||||||&#8221; button_use_icon=&#8221;off&#8221; custom_padding=&#8221;15px|30px|15px|30px|true|true&#8221; button_text_color_last_edited=&#8221;off|desktop&#8221; button_text_color__hover_enabled=&#8221;on|hover&#8221; button_text_color__hover=&#8221;#ffffff&#8221; button_bg_color__hover_enabled=&#8221;on|hover&#8221; button_bg_color__hover=&#8221;#2fa2d5&#8243; button_bg_enable_color__hover=&#8221;on&#8221;][\/et_pb_button][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p><span class=\"span-reading-time rt-reading-time\"><span class=\"rt-label rt-prefix\"><\/span> <span class=\"rt-time\"> 5<\/span> <span class=\"rt-label rt-postfix\">min read<\/span><\/span>Currently, in the technical and creative environment, the terms UX and UI are used more often. These terms refer to ideas and specialties, which have been around for years before the introduction of abbreviated terminology. These terms are rapidly becoming dangerous buzzwords. Using these terms incorrectly and in wrong situations is becoming [&hellip;]<\/p>\n","protected":false},"author":10,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"Currently, in the technical and creative environment, the terms UX and UI are used more often. These terms refer to ideas and specialties, which have been around for years before the introduction of abbreviated terminology. These terms are rapidly becoming dangerous buzzwords. Using these terms incorrectly and in wrong situations is becoming a severe issue for growing number of professionals like product development specialists and web designers. Understanding the relationship, proper separation and usage of these terms is essential for solving web designing issues. This is what a reputed Miami website design service provider follows to provide best services to clients for sufficing their business goals.\r\n\r\n<strong>Principles of UI of UX Are Not Same<\/strong>\r\n\r\nThe common misconception, which we hear in client meetings, workplace and in job listings is the interchange or inadvertent combination of these terms. In many situations, a UI designer by default focuses on user experience as his or her work bear some connection with the user.\r\n\r\nThe fact is that user experience is not the user interface. Confusion occurs because both abbreviations start with letter \u2018U\u2019. In addition, the confusion surfaces due to the overlapping of skill sets present in both disciplines. These are related areas and many designers are adept in both fields.\r\n\r\n<strong>UI and UX have Different Scope<\/strong>\r\n\r\nDespite the overlap, both areas are different in nature in terms of scope and objectives.\u00a0 UI focuses on actual elements that initiate interaction with the user. It deals with technical and physical methods related output and input. User interface explains about the aggregation of elements and approaches, which allow the users to interact with the system. UI does not take care of details like how users remember the system, react to it and reuses it.\r\n\r\n<strong>User Experience is the End Result of User Interface<\/strong>\r\n\r\nUser experience is treated as the nucleus of brand. The brand is the summation of experiences, which a person gathers from a company. User experience is the fulfillment of the goal. It is not the only the fulfillment of the goal of an interface, but also the interaction with a company. When a person attains a good user experience, he or she can experience positive effects of the brand. UX focuses on the success of the whole brand strategy.\r\n\r\nA brand leaves the user with a memory. Human memory is superb, but it is imperfect. Every detail contributes to the ingredients of a superb user experience. When it comes to user experience, users remember products in a skewed manner most of the time. User experience offers much bigger picture than the user interface, but the former relies on the later for driving a cause. This understanding is valuable to those companies, which aim for getting success in product development.\r\n\r\n<strong>UI Acts Like A Tool<\/strong>\r\n\r\nUI acts as a powerful tool for attaining a great user experience. Interface is the most visceral, visible and tactile method with which users interacts with products or services. User interface is the frontline. This is the reason why both terms are combined into one or often used interchangeably.\r\n\r\nIf you get a clear idea about UX and UI, then you will not face problems of hiring a reliable website design company in Miami, which undertakes assignments after analyzing the requirements of clients and accordingly suffices them.","_et_gb_content_width":"","footnotes":""},"categories":[21],"tags":[],"class_list":["post-1876","post","type-post","status-publish","format-standard","hentry","category-ux-ui-design"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.9 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How UX and UI Designs are Different?<\/title>\n<meta name=\"description\" content=\"UX and UI are not same. User experience is attained with the collects of inputs from the user interface.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/architsingh.com\/webioticnew\/how-ux-and-ui-designs-are-different\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How UX and UI Designs are Different?\" \/>\n<meta property=\"og:description\" content=\"UX and UI are not same. User experience is attained with the collects of inputs from the user interface.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/architsingh.com\/webioticnew\/how-ux-and-ui-designs-are-different\/\" \/>\n<meta property=\"og:site_name\" content=\"Webiotic\" \/>\n<meta property=\"article:published_time\" content=\"2015-10-29T11:49:29+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-07-05T08:31:52+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/[post_author]\" \/>\n<meta name=\"author\" content=\"Ryan\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ryan\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"15 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How UX and UI Designs are Different?","description":"UX and UI are not same. User experience is attained with the collects of inputs from the user interface.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/architsingh.com\/webioticnew\/how-ux-and-ui-designs-are-different\/","og_locale":"en_US","og_type":"article","og_title":"How UX and UI Designs are Different?","og_description":"UX and UI are not same. User experience is attained with the collects of inputs from the user interface.","og_url":"https:\/\/architsingh.com\/webioticnew\/how-ux-and-ui-designs-are-different\/","og_site_name":"Webiotic","article_published_time":"2015-10-29T11:49:29+00:00","article_modified_time":"2021-07-05T08:31:52+00:00","og_image":[{"url":"[post_author]","type":"","width":"","height":""}],"author":"Ryan","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Ryan","Est. reading time":"15 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/architsingh.com\/webioticnew\/how-ux-and-ui-designs-are-different\/#article","isPartOf":{"@id":"https:\/\/architsingh.com\/webioticnew\/how-ux-and-ui-designs-are-different\/"},"author":{"name":"Ryan","@id":"https:\/\/architsingh.com\/webioticnew\/#\/schema\/person\/66875b12b666f5277a59279700f5b648"},"headline":"How UX and UI Designs are Different?","datePublished":"2015-10-29T11:49:29+00:00","dateModified":"2021-07-05T08:31:52+00:00","mainEntityOfPage":{"@id":"https:\/\/architsingh.com\/webioticnew\/how-ux-and-ui-designs-are-different\/"},"wordCount":2968,"commentCount":0,"publisher":{"@id":"https:\/\/architsingh.com\/webioticnew\/#organization"},"image":{"@id":"https:\/\/architsingh.com\/webioticnew\/how-ux-and-ui-designs-are-different\/#primaryimage"},"thumbnailUrl":"https:\/\/architsingh.com\/webioticnew\/wp-content\/uploads\/grey_calender_002-1.png","articleSection":["UX \/ UI Design"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/architsingh.com\/webioticnew\/how-ux-and-ui-designs-are-different\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/architsingh.com\/webioticnew\/how-ux-and-ui-designs-are-different\/","url":"https:\/\/architsingh.com\/webioticnew\/how-ux-and-ui-designs-are-different\/","name":"How UX and UI Designs are Different?","isPartOf":{"@id":"https:\/\/architsingh.com\/webioticnew\/#website"},"primaryImageOfPage":{"@id":"https:\/\/architsingh.com\/webioticnew\/how-ux-and-ui-designs-are-different\/#primaryimage"},"image":{"@id":"https:\/\/architsingh.com\/webioticnew\/how-ux-and-ui-designs-are-different\/#primaryimage"},"thumbnailUrl":"https:\/\/architsingh.com\/webioticnew\/wp-content\/uploads\/grey_calender_002-1.png","datePublished":"2015-10-29T11:49:29+00:00","dateModified":"2021-07-05T08:31:52+00:00","description":"UX and UI are not same. User experience is attained with the collects of inputs from the user interface.","breadcrumb":{"@id":"https:\/\/architsingh.com\/webioticnew\/how-ux-and-ui-designs-are-different\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/architsingh.com\/webioticnew\/how-ux-and-ui-designs-are-different\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/architsingh.com\/webioticnew\/how-ux-and-ui-designs-are-different\/#primaryimage","url":"https:\/\/architsingh.com\/webioticnew\/wp-content\/uploads\/grey_calender_002-1.png","contentUrl":"https:\/\/architsingh.com\/webioticnew\/wp-content\/uploads\/grey_calender_002-1.png","width":874,"height":722},{"@type":"BreadcrumbList","@id":"https:\/\/architsingh.com\/webioticnew\/how-ux-and-ui-designs-are-different\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/architsingh.com\/webioticnew\/"},{"@type":"ListItem","position":2,"name":"How UX and UI Designs are Different?"}]},{"@type":"WebSite","@id":"https:\/\/architsingh.com\/webioticnew\/#website","url":"https:\/\/architsingh.com\/webioticnew\/","name":"Webiotic","description":"360 Degree App Development &amp; Web Solutions Company","publisher":{"@id":"https:\/\/architsingh.com\/webioticnew\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/architsingh.com\/webioticnew\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/architsingh.com\/webioticnew\/#organization","name":"Webiotic","url":"https:\/\/architsingh.com\/webioticnew\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/architsingh.com\/webioticnew\/#\/schema\/logo\/image\/","url":"https:\/\/architsingh.com\/webioticnew\/wp-content\/uploads\/checkout-logo.png","contentUrl":"https:\/\/architsingh.com\/webioticnew\/wp-content\/uploads\/checkout-logo.png","width":300,"height":68,"caption":"Webiotic"},"image":{"@id":"https:\/\/architsingh.com\/webioticnew\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/architsingh.com\/webioticnew\/#\/schema\/person\/66875b12b666f5277a59279700f5b648","name":"Ryan","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/architsingh.com\/webioticnew\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/c4fbba66a4858cec16eb93d64eea742ae54a79b4c050bb1d2864624c821bcac9?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c4fbba66a4858cec16eb93d64eea742ae54a79b4c050bb1d2864624c821bcac9?s=96&d=mm&r=g","caption":"Ryan"},"url":"https:\/\/architsingh.com\/webioticnew\/team\/ryan\/"}]}},"_links":{"self":[{"href":"https:\/\/architsingh.com\/webioticnew\/wp-json\/wp\/v2\/posts\/1876","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/architsingh.com\/webioticnew\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/architsingh.com\/webioticnew\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/architsingh.com\/webioticnew\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/architsingh.com\/webioticnew\/wp-json\/wp\/v2\/comments?post=1876"}],"version-history":[{"count":0,"href":"https:\/\/architsingh.com\/webioticnew\/wp-json\/wp\/v2\/posts\/1876\/revisions"}],"wp:attachment":[{"href":"https:\/\/architsingh.com\/webioticnew\/wp-json\/wp\/v2\/media?parent=1876"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/architsingh.com\/webioticnew\/wp-json\/wp\/v2\/categories?post=1876"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/architsingh.com\/webioticnew\/wp-json\/wp\/v2\/tags?post=1876"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}