<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>UX Design Archives - UXservices</title>
	<atom:link href="https://uxservices.com/en/blog/category/ux-design/feed/" rel="self" type="application/rss+xml" />
	<link>https://uxservices.com/en/blog/category/ux-design/</link>
	<description>UXservices Webpage</description>
	<lastBuildDate>Mon, 10 May 2021 12:34:51 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.8.5</generator>

<image>
	<url>https://uxservices.com/wp-content/uploads/2021/05/cropped-uxservices-icon-32x32.png</url>
	<title>UX Design Archives - UXservices</title>
	<link>https://uxservices.com/en/blog/category/ux-design/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Bilgi University UX Design</title>
		<link>https://uxservices.com/en/blog/bilgi-university-ux-design/</link>
		
		<dc:creator><![CDATA[uxservices-3]]></dc:creator>
		<pubDate>Tue, 30 May 2017 08:31:28 +0000</pubDate>
				<category><![CDATA[Case Study]]></category>
		<category><![CDATA[UX Design]]></category>
		<guid isPermaLink="false">https://uxservices.com/?p=12067</guid>

					<description><![CDATA[<p>The post <a href="https://uxservices.com/en/blog/bilgi-university-ux-design/">Bilgi University UX Design</a> appeared first on <a href="https://uxservices.com/en">UXservices</a>.</p>
]]></description>
										<content:encoded><![CDATA[
		<div id="fws_69bf130055b7e"  data-column-margin="default" data-midnight="dark" data-top-percent="4%" data-bottom-percent="4%"  class="wpb_row vc_row-fluid vc_row top-level full-width-section"  style="padding-top: calc(100vw * 0.04); padding-bottom: calc(100vw * 0.04); "><div class="row-bg-wrap" data-bg-animation="none" data-bg-animation-delay="" data-bg-overlay="false"><div class="inner-wrap row-bg-layer" ><div class="row-bg viewport-desktop using-bg-color"  style="background-color: #ffffff; "></div></div></div><div class="row_col_wrap_12 col span_12 dark left">
	<div  class="vc_col-sm-2 wpb_column column_container vc_column_container col padding-1-percent inherit_tablet inherit_phone "  data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="" data-delay="0" >
		<div class="vc_column-inner" >
			<div class="wpb_wrapper">
				
			</div> 
		</div>
	</div> 

	<div  class="vc_col-sm-8 wpb_column column_container vc_column_container col padding-1-percent inherit_tablet inherit_phone "  data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="" data-delay="0" >
		<div class="vc_column-inner" >
			<div class="wpb_wrapper">
				
<div class="wpb_text_column wpb_content_element " >
	<div class="wpb_wrapper">
		<p style="text-align: center;">Bilgi University&#8217;s website renewal project has been completed, and is live!</p>
<p style="text-align: center;">In this project, we took part in the design of the user experience up to the information architecture stage under the leadership of the University&#8217;s Visual Design team and we share the happiness of having the website live!</p>
<p style="text-align: center;">In this case study, we wanted to talk about the story of an enjoyable and successful project, full of learning.</p>
	</div>
</div>




			</div> 
		</div>
	</div> 

	<div  class="vc_col-sm-2 wpb_column column_container vc_column_container col has-animation padding-1-percent inherit_tablet inherit_phone "  data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="fade-in-from-right" data-delay="0" >
		<div class="vc_column-inner" >
			<div class="wpb_wrapper">
				
			</div> 
		</div>
	</div> 
</div></div>
		<div id="fws_69bf1300568ae"  data-column-margin="default" data-midnight="dark"  class="wpb_row vc_row-fluid vc_row full-width-content vc_row-o-equal-height vc_row-flex vc_row-o-content-middle"  style="padding-top: 0px; padding-bottom: 0px; "><div class="row-bg-wrap" data-bg-animation="none" data-bg-animation-delay="" data-bg-overlay="false"><div class="inner-wrap row-bg-layer" ><div class="row-bg viewport-desktop"  style=""></div></div></div><div class="row_col_wrap_12 col span_12 dark left">
	<div style="" class="vc_col-sm-6 wpb_column column_container vc_column_container col centered-text padding-8-percent inherit_tablet inherit_phone " data-using-bg="true" data-padding-pos="all" data-has-bg-color="true" data-bg-color="#f7f7f7" data-bg-opacity="1" data-animation="" data-delay="0" >
		<div class="vc_column-inner" ><div class="column-bg-overlay-wrap column-bg-layer" data-bg-animation="none"><div class="column-bg-overlay" style="opacity: 1; background-color: #f7f7f7;"></div></div>
			<div class="wpb_wrapper">
				
<div class="wpb_text_column wpb_content_element " >
	<div class="wpb_wrapper">
		<i class="icon-3x linecon-icon-like accent-color"><i class="circle-border"></i></i>
<h2 style="text-align: center;"><span style="font-weight: 400;">Purpose &amp; Objectives of The Project</span></h2>
	</div>
</div>



<div class="divider-wrap" data-alignment="default"><div style="height: 5px;" class="divider"></div></div>
<div class="wpb_text_column wpb_content_element  vc_custom_1620635558698" style=" max-width: 350px; display: inline-block;">
	<div class="wpb_wrapper">
		<p>The main purpose of the project was to ensure that the Bilgi.edu.tr website to be modernized &#8211; naturally (!) &#8211; was designed in a more user-oriented and usable way for the target users.</p>
<p>However, while doing this, one of the primary goals of the project was to construct the new website as a &#8220;hub&#8221; and to create a successful navigation on the site where many different user profiles will visit.</p>
	</div>
</div>




			</div> 
		</div>
	</div> 

	<div style="" class="vc_col-sm-6 wpb_column column_container vc_column_container col centered-text padding-8-percent inherit_tablet inherit_phone " data-using-bg="true" data-padding-pos="all" data-has-bg-color="true" data-bg-color="#ffffff" data-bg-opacity="1" data-animation="" data-delay="0" >
		<div class="vc_column-inner" ><div class="column-bg-overlay-wrap column-bg-layer" data-bg-animation="none"><div class="column-bg-overlay" style="opacity: 1; background-color: #ffffff;"></div></div>
			<div class="wpb_wrapper">
				
<div class="wpb_text_column wpb_content_element " >
	<div class="wpb_wrapper">
		<i class="icon-3x linecon-icon-settings accent-color"><i class="circle-border"></i></i>
<h2 style="text-align: center;"><span style="font-weight: 400;">Methodology</span></h2>
	</div>
</div>



<div class="divider-wrap" data-alignment="default"><div style="height: 5px;" class="divider"></div></div>
<div class="wpb_text_column wpb_content_element  vc_custom_1620636066283" style=" max-width: 350px; display: inline-block;">
	<div class="wpb_wrapper">
		<p>We determined our methodology and technical set at the beginning of the project in order to carry out the work in the most accurate way.</p>
<p>We applied techniques such as</p>
<p>&#8211; Data analysis &#8211; Netnographic research<br />
&#8211; Contextual interview<br />
&#8211; Card sorting</p>
	</div>
</div>




			</div> 
		</div>
	</div> 
</div></div>
		<div id="fws_69bf130057749"  data-column-margin="default" data-midnight="dark" data-top-percent="4%" data-bottom-percent="4%"  class="wpb_row vc_row-fluid vc_row full-width-section"  style="padding-top: calc(100vw * 0.04); padding-bottom: calc(100vw * 0.04); "><div class="row-bg-wrap" data-bg-animation="none" data-bg-animation-delay="" data-bg-overlay="false"><div class="inner-wrap row-bg-layer" ><div class="row-bg viewport-desktop using-bg-color"  style="background-color: #ffffff; "></div></div></div><div class="row_col_wrap_12 col span_12 dark left">
	<div  class="vc_col-sm-2 wpb_column column_container vc_column_container col padding-1-percent inherit_tablet inherit_phone "  data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="" data-delay="0" >
		<div class="vc_column-inner" >
			<div class="wpb_wrapper">
				
			</div> 
		</div>
	</div> 

	<div  class="vc_col-sm-8 wpb_column column_container vc_column_container col padding-1-percent inherit_tablet inherit_phone "  data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="" data-delay="0" >
		<div class="vc_column-inner" >
			<div class="wpb_wrapper">
				
<div class="wpb_text_column wpb_content_element " >
	<div class="wpb_wrapper">
		<h1 style="text-align: center;"><span style="font-weight: 400;">Implementation</span></h1>
<p style="text-align: center;"><span style="font-weight: 400;"> We know that the basis for designing the user experience is to develop strategies / concepts based on empathy. With this approach, we carried out the following activities with the support of the University&#8217;s Visual Design team. </span></p>
	</div>
</div>




			</div> 
		</div>
	</div> 

	<div  class="vc_col-sm-2 wpb_column column_container vc_column_container col has-animation padding-1-percent inherit_tablet inherit_phone "  data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="fade-in-from-right" data-delay="0" >
		<div class="vc_column-inner" >
			<div class="wpb_wrapper">
				
			</div> 
		</div>
	</div> 
</div></div>
		<div id="fws_69bf130057ac5"  data-column-margin="default" data-midnight="dark"  class="wpb_row vc_row-fluid vc_row full-width-content vc_row-o-equal-height vc_row-flex vc_row-o-content-middle"  style="padding-top: 0px; padding-bottom: 0px; "><div class="row-bg-wrap" data-bg-animation="none" data-bg-animation-delay="" data-bg-overlay="false"><div class="inner-wrap row-bg-layer" ><div class="row-bg viewport-desktop using-bg-color"  style="background-color: #ffffff; "></div></div></div><div class="row_col_wrap_12 col span_12 dark left">
	<div style="" class="vc_col-sm-6 wpb_column column_container vc_column_container col padding-10-percent inherit_tablet inherit_phone " data-using-bg="true" data-padding-pos="all" data-has-bg-color="true" data-bg-color="#f4f4f4" data-bg-opacity="1" data-animation="" data-delay="0" >
		<div class="vc_column-inner" ><div class="column-bg-overlay-wrap column-bg-layer" data-bg-animation="none"><div class="column-bg-overlay" style="opacity: 1; background-color: #f4f4f4;"></div></div>
			<div class="wpb_wrapper">
				<div id="fws_69bf13005ae9f" data-midnight="" data-column-margin="default" class="wpb_row vc_row-fluid vc_row inner_row"  style=""><div class="row-bg-wrap"> <div class="row-bg" ></div> </div><div class="row_col_wrap_12_inner col span_12  left">
	<div  class="vc_col-sm-12 wpb_column column_container vc_column_container col child_column has-animation no-extra-padding inherit_tablet inherit_phone "   data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="fade-in-from-bottom" data-delay="0" >
		<div class="vc_column-inner" >
		<div class="wpb_wrapper">
			
<div class="wpb_text_column wpb_content_element " >
	<div class="wpb_wrapper">
		<h2 style="text-align: left;"><span style="font-weight: 400;">01. Persona Studies</span></h2>
<ul>
<li> Prospective students (domestic, international, undergraduate, associate degree, graduate)</li>
<li>Current students (domestic, international, undergraduate, associate, graduate)</li>
<li>Graduate students</li>
<li>Academics</li>
<li>Parents</li>
<li>University staff</li>
</ul>
	</div>
</div>




		</div> 
	</div>
	</div> 
</div></div>
			</div> 
		</div>
	</div> 

	<div style="" class="vc_col-sm-6 wpb_column column_container vc_column_container col no-extra-padding inherit_tablet inherit_phone " data-using-bg="true" data-bg-cover="true" data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="" data-delay="0" >
		<div class="vc_column-inner" ><div class="column-image-bg-wrap column-bg-layer viewport-desktop" data-bg-pos="center center" data-bg-animation="none" data-bg-overlay="false"><div class="inner-wrap"><div class="column-image-bg" style=" background-image: url('https://uxservices.com/wp-content/uploads/2021/05/bilgi-uni-1.jpg'); "></div></div></div>
			<div class="wpb_wrapper">
				
			</div> 
		</div>
	</div> 
</div></div>
		<div id="fws_69bf13005c39b"  data-column-margin="default" data-midnight="dark"  class="wpb_row vc_row-fluid vc_row full-width-content vc_row-o-equal-height vc_row-flex vc_row-o-content-middle"  style="padding-top: 0px; padding-bottom: 0px; "><div class="row-bg-wrap" data-bg-animation="none" data-bg-animation-delay="" data-bg-overlay="false"><div class="inner-wrap row-bg-layer" ><div class="row-bg viewport-desktop"  style=""></div></div></div><div class="row_col_wrap_12 col span_12 dark left">
	<div style="" class="vc_col-sm-6 wpb_column column_container vc_column_container col no-extra-padding inherit_tablet inherit_phone " data-using-bg="true" data-bg-cover="true" data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="" data-delay="0" >
		<div class="vc_column-inner" ><div class="column-image-bg-wrap column-bg-layer viewport-desktop" data-bg-pos="center center" data-bg-animation="none" data-bg-overlay="false"><div class="inner-wrap"><div class="column-image-bg" style=" background-image: url('https://uxservices.com/wp-content/uploads/2021/05/bilgi-uni-2.jpg'); "></div></div></div>
			<div class="wpb_wrapper">
				
			</div> 
		</div>
	</div> 

	<div style="" class="vc_col-sm-6 wpb_column column_container vc_column_container col padding-10-percent inherit_tablet inherit_phone " data-using-bg="true" data-padding-pos="all" data-has-bg-color="true" data-bg-color="#ffffff" data-bg-opacity="1" data-animation="" data-delay="0" >
		<div class="vc_column-inner" ><div class="column-bg-overlay-wrap column-bg-layer" data-bg-animation="none"><div class="column-bg-overlay" style="opacity: 1; background-color: #ffffff;"></div></div>
			<div class="wpb_wrapper">
				<div id="fws_69bf13005c877" data-midnight="" data-column-margin="default" class="wpb_row vc_row-fluid vc_row inner_row"  style=""><div class="row-bg-wrap"> <div class="row-bg" ></div> </div><div class="row_col_wrap_12_inner col span_12  left">
	<div  class="vc_col-sm-12 wpb_column column_container vc_column_container col child_column has-animation no-extra-padding inherit_tablet inherit_phone "   data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="fade-in-from-bottom" data-delay="0" >
		<div class="vc_column-inner" >
		<div class="wpb_wrapper">
			
<div class="wpb_text_column wpb_content_element " >
	<div class="wpb_wrapper">
		<h2 style="text-align: left;"><span style="font-weight: 400;">02. Insight Research</span></h2>
<p>We interviewed each profile / persona in their own context. Some of the insights we arrived at by synthesizing these interview findings were:</p>
<ul>
<li>For university staff, quick access to accurate and satisfactory information was essential.</li>
<li>The first contact point for foreign student candidates was the website. In their communication with the team, they needed to access satisfactory content from the web instead of prolonged correspondence.</li>
<li>It was important for all stakeholders to be able to reflect the culture, values ​​and opportunities of the university.</li>
<li>The purpose and motivation of using the website for current students and prospective students were very different from each other.</li>
<li>The most different behavior pattern among all these profiles was followed by the parents.</li>
</ul>
	</div>
</div>




		</div> 
	</div>
	</div> 
</div></div>
			</div> 
		</div>
	</div> 
</div></div>
		<div id="fws_69bf13005cbff"  data-column-margin="default" data-midnight="light" data-top-percent="3%" data-bottom-percent="3%"  class="wpb_row vc_row-fluid vc_row full-width-section"  style="padding-top: calc(100vw * 0.03); padding-bottom: calc(100vw * 0.03); "><div class="row-bg-wrap" data-bg-animation="none" data-bg-animation-delay="" data-bg-overlay="false"><div class="inner-wrap row-bg-layer" ><div class="row-bg viewport-desktop using-bg-color"  style="background-color: #000000; "></div></div></div><div class="row_col_wrap_12 col span_12 light center">
	<div  class="vc_col-sm-2 wpb_column column_container vc_column_container col no-extra-padding inherit_tablet inherit_phone "  data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="" data-delay="0" >
		<div class="vc_column-inner" >
			<div class="wpb_wrapper">
				
			</div> 
		</div>
	</div> 

	<div  class="vc_col-sm-8 wpb_column column_container vc_column_container col centered-text padding-4-percent inherit_tablet inherit_phone "  data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="" data-delay="0" >
		<div class="vc_column-inner" >
			<div class="wpb_wrapper">
				<div id="fws_69bf13005cdec" data-midnight="" data-column-margin="default" class="wpb_row vc_row-fluid vc_row inner_row"  style=""><div class="row-bg-wrap"> <div class="row-bg" ></div> </div><div class="row_col_wrap_12_inner col span_12  left">
	<div  class="vc_col-sm-12 wpb_column column_container vc_column_container col child_column has-animation no-extra-padding inherit_tablet inherit_phone "   data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="fade-in-from-bottom" data-delay="50" >
		<div class="vc_column-inner" >
		<div class="wpb_wrapper">
			
<div class="wpb_text_column wpb_content_element  vc_custom_1620635835230" >
	<div class="wpb_wrapper">
		<h2 style="text-align: center; font-size: 1.6em;">“Now, think of Bilgi University as a human being,” we said at a workshop with prospective high school students.<br />
&#8220;You have 5 minutes to chat and ask questions, what would you ask?&#8221;<br />
Their answers to the question also guided us.</h2>
	</div>
</div>




		</div> 
	</div>
	</div> 
</div></div>
			</div> 
		</div>
	</div> 

	<div  class="vc_col-sm-2 wpb_column column_container vc_column_container col no-extra-padding inherit_tablet inherit_phone "  data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="" data-delay="0" >
		<div class="vc_column-inner" >
			<div class="wpb_wrapper">
				
			</div> 
		</div>
	</div> 
</div></div>
		<div id="fws_69bf13005d0ce"  data-column-margin="default" data-midnight="dark" data-top-percent="7%" data-bottom-percent="7%"  class="wpb_row vc_row-fluid vc_row full-width-section"  style="padding-top: calc(100vw * 0.07); padding-bottom: calc(100vw * 0.07); "><div class="row-bg-wrap" data-bg-animation="none" data-bg-animation-delay="" data-bg-overlay="false"><div class="inner-wrap row-bg-layer" ><div class="row-bg viewport-desktop using-bg-color"  style="background-color: #ffffff; "></div></div></div><div class="row_col_wrap_12 col span_12 dark left">
	<div  class="vc_col-sm-12 wpb_column column_container vc_column_container col centered-text no-extra-padding inherit_tablet inherit_phone "  data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="" data-delay="0" >
		<div class="vc_column-inner" >
			<div class="wpb_wrapper">
				<div class="divider-wrap" data-alignment="default"><div style="margin-top: 25px; width: 80px; height: 2px; margin-bottom: 25px;" data-width="80px" data-animate="yes" data-animation-delay="" data-color="accent-color" class="divider-small-border"></div></div><div class="testimonial_slider span_12 col" data-color="" data-rating-color="accent-color" data-controls="default" data-add-border="" data-autorotate="" data-style="minimal" ><div class="slides"><blockquote>  <p><span class="open-quote">&#8220;</span>“For a first time entrant, the website should give life to the diversity here. This is Knowledge, there are completely different lives here. He may have a motto like 'come and be knowledgeable, too. The site should reflect this a bit."<span class="close-quote">&#8221;</span> <span role="none" class="bottom-arrow"></span></p><span class="testimonial-name">Bilgi Üniversitesi</span><span class="title">Bilgi Universitesi Employee</span></blockquote></div></div>
			</div> 
		</div>
	</div> 
</div></div>
		<div id="fws_69bf13005d8bc"  data-column-margin="default" data-midnight="dark"  class="wpb_row vc_row-fluid vc_row full-width-content vc_row-o-equal-height vc_row-flex vc_row-o-content-middle"  style="padding-top: 0px; padding-bottom: 0px; "><div class="row-bg-wrap" data-bg-animation="none" data-bg-animation-delay="" data-bg-overlay="false"><div class="inner-wrap row-bg-layer" ><div class="row-bg viewport-desktop using-bg-color"  style="background-color: #ffffff; "></div></div></div><div class="row_col_wrap_12 col span_12 dark left">
	<div style="" class="vc_col-sm-6 wpb_column column_container vc_column_container col padding-10-percent inherit_tablet inherit_phone " data-using-bg="true" data-padding-pos="all" data-has-bg-color="true" data-bg-color="#f4f4f4" data-bg-opacity="1" data-animation="" data-delay="0" >
		<div class="vc_column-inner" ><div class="column-bg-overlay-wrap column-bg-layer" data-bg-animation="none"><div class="column-bg-overlay" style="opacity: 1; background-color: #f4f4f4;"></div></div>
			<div class="wpb_wrapper">
				<div id="fws_69bf13005daaa" data-midnight="" data-column-margin="default" class="wpb_row vc_row-fluid vc_row inner_row"  style=""><div class="row-bg-wrap"> <div class="row-bg" ></div> </div><div class="row_col_wrap_12_inner col span_12  left">
	<div  class="vc_col-sm-12 wpb_column column_container vc_column_container col child_column has-animation no-extra-padding inherit_tablet inherit_phone "   data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="fade-in-from-bottom" data-delay="0" >
		<div class="vc_column-inner" >
		<div class="wpb_wrapper">
			
<div class="wpb_text_column wpb_content_element " >
	<div class="wpb_wrapper">
		<h2 style="text-align: left;"><span style="font-weight: 400;">03. Scope Study</span></h2>
<p><span style="font-weight: 400;"> With the data we obtained as a result of the research, we presented the content strategy according to the answers given to the question of &#8220;what kind of website should it be&#8221;. We determined the homepage messages of the website. </span></p>
	</div>
</div>




		</div> 
	</div>
	</div> 
</div></div>
			</div> 
		</div>
	</div> 

	<div style="" class="vc_col-sm-6 wpb_column column_container vc_column_container col no-extra-padding inherit_tablet inherit_phone " data-using-bg="true" data-bg-cover="true" data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="" data-delay="0" >
		<div class="vc_column-inner" ><div class="column-image-bg-wrap column-bg-layer viewport-desktop" data-bg-pos="center center" data-bg-animation="none" data-bg-overlay="false"><div class="inner-wrap"><div class="column-image-bg" style=" background-image: url('https://uxservices.com/wp-content/uploads/2021/05/bilgi-uni-4.jpg'); "></div></div></div>
			<div class="wpb_wrapper">
				
			</div> 
		</div>
	</div> 
</div></div>
		<div id="fws_69bf13005e145"  data-column-margin="default" data-midnight="dark"  class="wpb_row vc_row-fluid vc_row full-width-content vc_row-o-equal-height vc_row-flex vc_row-o-content-middle"  style="padding-top: 0px; padding-bottom: 0px; "><div class="row-bg-wrap" data-bg-animation="none" data-bg-animation-delay="" data-bg-overlay="false"><div class="inner-wrap row-bg-layer" ><div class="row-bg viewport-desktop"  style=""></div></div></div><div class="row_col_wrap_12 col span_12 dark left">
	<div style="" class="vc_col-sm-6 wpb_column column_container vc_column_container col no-extra-padding inherit_tablet inherit_phone " data-using-bg="true" data-bg-cover="true" data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="" data-delay="0" >
		<div class="vc_column-inner" ><div class="column-image-bg-wrap column-bg-layer viewport-desktop" data-bg-pos="center center" data-bg-animation="none" data-bg-overlay="false"><div class="inner-wrap"><div class="column-image-bg" style=" background-image: url('https://uxservices.com/wp-content/uploads/2021/05/bilgi-uni-3-scaled.jpg'); "></div></div></div>
			<div class="wpb_wrapper">
				
			</div> 
		</div>
	</div> 

	<div style="" class="vc_col-sm-6 wpb_column column_container vc_column_container col padding-10-percent inherit_tablet inherit_phone " data-using-bg="true" data-padding-pos="all" data-has-bg-color="true" data-bg-color="#ffffff" data-bg-opacity="1" data-animation="" data-delay="0" >
		<div class="vc_column-inner" ><div class="column-bg-overlay-wrap column-bg-layer" data-bg-animation="none"><div class="column-bg-overlay" style="opacity: 1; background-color: #ffffff;"></div></div>
			<div class="wpb_wrapper">
				<div id="fws_69bf13005e6af" data-midnight="" data-column-margin="default" class="wpb_row vc_row-fluid vc_row inner_row"  style=""><div class="row-bg-wrap"> <div class="row-bg" ></div> </div><div class="row_col_wrap_12_inner col span_12  left">
	<div  class="vc_col-sm-12 wpb_column column_container vc_column_container col child_column has-animation no-extra-padding inherit_tablet inherit_phone "   data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="fade-in-from-bottom" data-delay="0" >
		<div class="vc_column-inner" >
		<div class="wpb_wrapper">
			
<div class="wpb_text_column wpb_content_element " >
	<div class="wpb_wrapper">
		<h2 style="text-align: left;"><span style="font-weight: 400;">04. Bilgi Mimarisi Tasarımı</span></h2>
<p>As a result of our scope work, some of the goals we set while setting up the new information architecture design were as follows:</p>
<ul>
<li>To ensure the visibility of the events at the university.</li>
<li>To provide an environment where faculty and department pages can reflect their own worlds.</li>
<li>To ensure that foreign students can quickly access the information they are looking for.</li>
</ul>
	</div>
</div>




		</div> 
	</div>
	</div> 
</div></div>
			</div> 
		</div>
	</div> 
</div></div>
		<div id="fws_69bf13005ec65"  data-column-margin="default" data-midnight="light" data-top-percent="6%" data-bottom-percent="6%"  class="wpb_row vc_row-fluid vc_row full-width-section"  style="padding-top: calc(100vw * 0.06); padding-bottom: calc(100vw * 0.06); "><div class="row-bg-wrap" data-bg-animation="none" data-bg-animation-delay="" data-bg-overlay="false"><div class="inner-wrap row-bg-layer using-image" ><div class="row-bg viewport-desktop using-image"  style="background-image: url(https://uxservices.com/wp-content/uploads/2021/05/bilgi-uni-5.jpg); background-position: center center; background-repeat: no-repeat; "></div></div></div><div class="row_col_wrap_12 col span_12 light center">
	<div  class="vc_col-sm-2 wpb_column column_container vc_column_container col no-extra-padding inherit_tablet inherit_phone "  data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="" data-delay="0" >
		<div class="vc_column-inner" >
			<div class="wpb_wrapper">
				
			</div> 
		</div>
	</div> 

	<div  class="vc_col-sm-8 wpb_column column_container vc_column_container col centered-text padding-1-percent inherit_tablet inherit_phone "  data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="" data-delay="0" >
		<div class="vc_column-inner" >
			<div class="wpb_wrapper">
				<div id="fws_69bf13005ee6c" data-midnight="" data-column-margin="default" class="wpb_row vc_row-fluid vc_row inner_row"  style=""><div class="row-bg-wrap"> <div class="row-bg" ></div> </div><div class="row_col_wrap_12_inner col span_12  left">
	<div  class="vc_col-sm-12 wpb_column column_container vc_column_container col child_column has-animation no-extra-padding inherit_tablet inherit_phone "   data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="fade-in-from-bottom" data-delay="50" >
		<div class="vc_column-inner" >
		<div class="wpb_wrapper">
			
<div class="wpb_text_column wpb_content_element  vc_custom_1620635990021" >
	<div class="wpb_wrapper">
		<h2 style="text-align: center;">Result</h2>
<p style="text-align: center;">We explained the final information architecture design to all relevant units and handed it over to the Visual Design team for implementation. We have enjoyed the experience that the new site that went live is much more successful from the usability perspective.</p>
<p style="text-align: center;">As UXservices Team, we would like to extend our thanks and congratulations to Bilgi University Visual Design team members Burak Yetgin, Emrah Gürkan, Nevzat Arı and Tarık Kavaz for their support in the study.</p>
	</div>
</div>




		</div> 
	</div>
	</div> 
</div></div>
			</div> 
		</div>
	</div> 

	<div  class="vc_col-sm-2 wpb_column column_container vc_column_container col no-extra-padding inherit_tablet inherit_phone "  data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="" data-delay="0" >
		<div class="vc_column-inner" >
			<div class="wpb_wrapper">
				
			</div> 
		</div>
	</div> 
</div></div>
<p>The post <a href="https://uxservices.com/en/blog/bilgi-university-ux-design/">Bilgi University UX Design</a> appeared first on <a href="https://uxservices.com/en">UXservices</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Avis.com.tr UX Design</title>
		<link>https://uxservices.com/en/blog/avis-com-tr-ux-design/</link>
		
		<dc:creator><![CDATA[uxservices-3]]></dc:creator>
		<pubDate>Mon, 17 Apr 2017 09:24:28 +0000</pubDate>
				<category><![CDATA[Case Study]]></category>
		<category><![CDATA[UX Design]]></category>
		<guid isPermaLink="false">https://uxservices.com/?p=12083</guid>

					<description><![CDATA[<p>The post <a href="https://uxservices.com/en/blog/avis-com-tr-ux-design/">Avis.com.tr UX Design</a> appeared first on <a href="https://uxservices.com/en">UXservices</a>.</p>
]]></description>
										<content:encoded><![CDATA[
		<div id="fws_69bf130060b99"  data-column-margin="default" data-midnight="dark" data-bottom-percent="4%"  class="wpb_row vc_row-fluid vc_row full-width-section"  style="padding-top: 50px; padding-bottom: calc(100vw * 0.04); "><div class="row-bg-wrap" data-bg-animation="none" data-bg-animation-delay="" data-bg-overlay="false"><div class="inner-wrap row-bg-layer" ><div class="row-bg viewport-desktop using-bg-color"  style="background-color: #ffffff; "></div></div></div><div class="row_col_wrap_12 col span_12 dark left">
	<div  class="vc_col-sm-2 wpb_column column_container vc_column_container col padding-1-percent inherit_tablet inherit_phone "  data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="" data-delay="0" >
		<div class="vc_column-inner" >
			<div class="wpb_wrapper">
				
			</div> 
		</div>
	</div> 

	<div  class="vc_col-sm-8 wpb_column column_container vc_column_container col centered-text no-extra-padding inherit_tablet inherit_phone "  data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="" data-delay="0" >
		<div class="vc_column-inner" >
			<div class="wpb_wrapper">
				
<div class="wpb_text_column wpb_content_element " >
	<div class="wpb_wrapper">
		<p>Avis took a step and met with us in order to make its users experience the digital experience of its mission of being a &#8216;lovemark&#8217; for its customers. We share the joy of the publication of the project, which we have been continuing with enthusiasm, from user interviews to concept screen designs.<br />
Here is the summary of what we have done &#8230;</p>
	</div>
</div>




			</div> 
		</div>
	</div> 

	<div  class="vc_col-sm-2 wpb_column column_container vc_column_container col no-extra-padding inherit_tablet inherit_phone "  data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="" data-delay="0" >
		<div class="vc_column-inner" >
			<div class="wpb_wrapper">
				
			</div> 
		</div>
	</div> 
</div></div>
		<div id="fws_69bf130060f54"  data-column-margin="default" data-midnight="dark"  class="wpb_row vc_row-fluid vc_row full-width-content vc_row-o-equal-height vc_row-flex vc_row-o-content-top"  style="padding-top: 0px; padding-bottom: 0px; "><div class="row-bg-wrap" data-bg-animation="none" data-bg-animation-delay="" data-bg-overlay="false"><div class="inner-wrap row-bg-layer" ><div class="row-bg viewport-desktop"  style=""></div></div></div><div class="row_col_wrap_12 col span_12 dark left">
	<div  class="vc_col-sm-6 wpb_column column_container vc_column_container col padding-5-percent inherit_tablet inherit_phone "  data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="" data-delay="0" >
		<div class="vc_column-inner" >
			<div class="wpb_wrapper">
				
<div class="wpb_text_column wpb_content_element " >
	<div class="wpb_wrapper">
		<h2><span style="color: #d1052e;">Defining The UX Strategy</span></h2>
	</div>
</div>



<div class="divider-wrap" data-alignment="default"><div style="height: 20px;" class="divider"></div></div>
<div class="wpb_text_column wpb_content_element " >
	<div class="wpb_wrapper">
		<p>Avis team, as a team that knows its customers very well and cares about their expectations, came to the first meeting with the user experience problems they aimed to solve. We drew a route together to discuss a common UX strategy and shed light on the actions to be taken during the project.</p>
<p>What was the main goal of the Avis team with this project?</p>
<ul>
<li>Improving the digital channel experience and reducing call center traffic</li>
</ul>
<p>What feelings did Avis provide in the real world to its users in the digital environment?</p>
<ul>
<li>Confidence</li>
<li>Perfect Service</li>
</ul>
	</div>
</div>




			</div> 
		</div>
	</div> 

	<div style=" color: #ffffff;" class="vc_col-sm-6 wpb_column column_container vc_column_container col has-animation padding-5-percent inherit_tablet inherit_phone " data-cfc="true"  data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="reveal-from-bottom" data-delay="0" >
		<div class="vc_column-inner" >
			<div class="wpb_wrapper">
				<div class="img-with-aniamtion-wrap " data-max-width="100%" data-max-width-mobile="default" data-shadow="none" data-animation="fade-in" >
      <div class="inner">
        <div class="hover-wrap"> 
          <div class="hover-wrap-inner">
            <img fetchpriority="high" decoding="async" class="img-with-animation skip-lazy" data-delay="0" height="600" width="750" data-animation="fade-in" src="https://uxservices.com/wp-content/uploads/2021/05/avis-ux-tasarimi-case-study-3.png" alt="" srcset="https://uxservices.com/wp-content/uploads/2021/05/avis-ux-tasarimi-case-study-3.png 750w, https://uxservices.com/wp-content/uploads/2021/05/avis-ux-tasarimi-case-study-3-300x240.png 300w" sizes="(max-width: 750px) 100vw, 750px" />
          </div>
        </div>
      </div>
    </div>
			</div> 
		</div>
	</div> 
</div></div>
		<div id="fws_69bf130062b85"  data-column-margin="default" data-midnight="dark"  class="wpb_row vc_row-fluid vc_row full-width-content vc_row-o-equal-height vc_row-flex vc_row-o-content-top"  style="padding-top: 0px; padding-bottom: 0px; "><div class="row-bg-wrap" data-bg-animation="none" data-bg-animation-delay="" data-bg-overlay="false"><div class="inner-wrap row-bg-layer" ><div class="row-bg viewport-desktop"  style=""></div></div></div><div class="row_col_wrap_12 col span_12 dark left">
	<div style=" color: #ffffff;" class="vc_col-sm-6 wpb_column column_container vc_column_container col has-animation padding-12-percent inherit_tablet inherit_phone " data-cfc="true" data-using-bg="true" data-padding-pos="all" data-has-bg-color="true" data-bg-color="#d1052e" data-bg-opacity="1" data-animation="reveal-from-bottom" data-delay="0" >
		<div class="vc_column-inner" ><div class="column-bg-overlay-wrap column-bg-layer" data-bg-animation="none"><div class="column-bg-overlay" style="opacity: 1; background-color: #d1052e;"></div></div>
			<div class="wpb_wrapper">
				<div class="divider-wrap" data-alignment="default"><div style="height: 50px;" class="divider"></div></div>
<div class="wpb_text_column wpb_content_element " >
	<div class="wpb_wrapper">
		<h2 style="line-height: 29px; color: #ffffff;">Determining UX Research Methods</h2>
	</div>
</div>



<div class="divider-wrap" data-alignment="default"><div style="height: 20px;" class="divider"></div></div>
<div class="wpb_text_column wpb_content_element " >
	<div class="wpb_wrapper">
		<p>After the UX Strategy was determined, we set out to plan what we would focus on during the research. We segmented the users and created question sets specific to their expectations. We contacted users with one-on-one user interviews and online surveys, and the very important insights we obtained guided us during the design process.</p>
	</div>
</div>




			</div> 
		</div>
	</div> 

	<div  class="vc_col-sm-6 wpb_column column_container vc_column_container col padding-5-percent inherit_tablet inherit_phone "  data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="" data-delay="0" >
		<div class="vc_column-inner" >
			<div class="wpb_wrapper">
				
<div class="wpb_text_column wpb_content_element " >
	<div class="wpb_wrapper">
		<h2><span style="color: #d1052e;">What does the user want?</span></h2>
	</div>
</div>



<div class="divider-wrap" data-alignment="default"><div style="height: 20px;" class="divider"></div></div><div id="fws_69bf130063156" data-midnight="" data-column-margin="default" class="wpb_row vc_row-fluid vc_row inner_row"  style=""><div class="row-bg-wrap"> <div class="row-bg" ></div> </div><div class="row_col_wrap_12_inner col span_12  left">
	<div  class="vc_col-sm-12 wpb_column column_container vc_column_container col child_column has-animation no-extra-padding inherit_tablet inherit_phone "   data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="fade-in-from-bottom" data-delay="0" >
		<div class="vc_column-inner" >
		<div class="wpb_wrapper">
			
<div class="wpb_text_column wpb_content_element  vc_custom_1620638965430" >
	<div class="wpb_wrapper">
		<blockquote>
<h3 style="font-size: 32px; line-height: 43px;">&#8220;Renting a car is a pleasure for me. For this reason, all the options, details, and opportunities should be clear.&#8221;</h3>
<p>-A User
</p></blockquote>
	</div>
</div>




		</div> 
	</div>
	</div> 
</div></div>
			</div> 
		</div>
	</div> 
</div></div>
		<div id="fws_69bf130063426"  data-column-margin="default" data-midnight="dark"  class="wpb_row vc_row-fluid vc_row full-width-content vc_row-o-equal-height vc_row-flex"  style="padding-top: 0px; padding-bottom: 0px; "><div class="row-bg-wrap" data-bg-animation="none" data-bg-animation-delay="" data-bg-overlay="false"><div class="inner-wrap row-bg-layer" ><div class="row-bg viewport-desktop using-bg-color"  style="background-color: #ffffff; "></div></div></div><div class="row_col_wrap_12 col span_12 dark left">
	<div  class="vc_col-sm-6 wpb_column column_container vc_column_container col padding-4-percent inherit_tablet inherit_phone "  data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="" data-delay="0" >
		<div class="vc_column-inner" >
			<div class="wpb_wrapper">
				
<div class="wpb_text_column wpb_content_element " >
	<div class="wpb_wrapper">
		<h2><span style="color: #d1052e;">#1 Easy and Efficient Use</span></h2>
	</div>
</div>



<div class="divider-wrap" data-alignment="default"><div style="height: 20px;" class="divider"></div></div>
<div class="wpb_text_column wpb_content_element " >
	<div class="wpb_wrapper">
		<p>Based on the feedback of users, it can be said that the main expectation from a car rental website is easy to use. The main expectation was that the data were provided in accurate, clear language, and consistent.</p>
<p>For example; users were waiting to see how much discount they earned by using the discount code, and the total amount was renewed, depending on the rental period selection.</p>
	</div>
</div>




			</div> 
		</div>
	</div> 

	<div style="" class="vc_col-sm-6 wpb_column column_container vc_column_container col padding-4-percent inherit_tablet inherit_phone " data-using-bg="true" data-padding-pos="all" data-has-bg-color="true" data-bg-color="#d1052e" data-bg-opacity="1" data-animation="" data-delay="0" >
		<div class="vc_column-inner" ><div class="column-bg-overlay-wrap column-bg-layer" data-bg-animation="none"><div class="column-bg-overlay" style="opacity: 1; background-color: #d1052e;"></div></div>
			<div class="wpb_wrapper">
				<div class="divider-wrap" data-alignment="default"><div style="height: 10px;" class="divider"></div></div>
<div class="wpb_text_column wpb_content_element " >
	<div class="wpb_wrapper">
		<h2 style="line-height: 29px; color: #ffffff;">#Assurence Options</h2>
	</div>
</div>



<div class="divider-wrap" data-alignment="default"><div style="height: 20px;" class="divider"></div></div>
<div class="wpb_text_column wpb_content_element " >
	<div class="wpb_wrapper">
		<p><span style="font-weight: 400; color: #ffffff;"> Most users said that, based on their overall digital experience, the differences in assurance options were hard to understand.</span></p>
	</div>
</div>



<div class="divider-wrap" data-alignment="default"><div style="height: 20px;" class="divider"></div></div>
			</div> 
		</div>
	</div> 
</div></div>
		<div id="fws_69bf130063b0b"  data-column-margin="default" data-midnight="light" data-top-percent="3%" data-bottom-percent="3%"  class="wpb_row vc_row-fluid vc_row full-width-section"  style="padding-top: calc(100vw * 0.03); padding-bottom: calc(100vw * 0.03); "><div class="row-bg-wrap" data-bg-animation="none" data-bg-animation-delay="" data-bg-overlay="false"><div class="inner-wrap row-bg-layer" ><div class="row-bg viewport-desktop using-bg-color"  style="background-color: #000000; "></div></div></div><div class="row_col_wrap_12 col span_12 light center">
	<div style="" class="vc_col-sm-12 wpb_column column_container vc_column_container col padding-3-percent inherit_tablet inherit_phone " data-using-bg="true" data-padding-pos="left-right" data-has-bg-color="true" data-bg-color="#000000" data-bg-opacity="1" data-animation="" data-delay="0" >
		<div class="vc_column-inner" ><div class="column-bg-overlay-wrap column-bg-layer" data-bg-animation="none"><div class="column-bg-overlay" style="opacity: 1; background-color: #000000;"></div></div>
			<div class="wpb_wrapper">
				<div class="testimonial_slider span_12 col" data-color="" data-rating-color="accent-color" data-controls="default" data-add-border="" data-autorotate="" data-style="default" ><div class="slides"><blockquote> <div data-shadow="" class="image-icon " >&#8220;</div> <p>“When I need to extend my rental period, I should be able to do this easily from the web.” <span role="none" class="bottom-arrow"></span></p><span class="testimonial-name">A User</span><span class="title"></span></blockquote></div></div>
			</div> 
		</div>
	</div> 
</div></div>
		<div id="fws_69bf130063f10"  data-column-margin="default" data-midnight="dark"  class="wpb_row vc_row-fluid vc_row full-width-content vc_row-o-equal-height vc_row-flex"  style="padding-top: 0px; padding-bottom: 0px; "><div class="row-bg-wrap" data-bg-animation="none" data-bg-animation-delay="" data-bg-overlay="false"><div class="inner-wrap row-bg-layer" ><div class="row-bg viewport-desktop"  style=""></div></div></div><div class="row_col_wrap_12 col span_12 dark left">
	<div style="" class="vc_col-sm-6 wpb_column column_container vc_column_container col padding-5-percent inherit_tablet inherit_phone " data-using-bg="true" data-padding-pos="all" data-has-bg-color="true" data-bg-color="#ffffff" data-bg-opacity="1" data-animation="" data-delay="0" >
		<div class="vc_column-inner" ><div class="column-bg-overlay-wrap column-bg-layer" data-bg-animation="none"><div class="column-bg-overlay" style="opacity: 1; background-color: #ffffff;"></div></div>
			<div class="wpb_wrapper">
				
<div class="wpb_text_column wpb_content_element " >
	<div class="wpb_wrapper">
		<h2><span style="color: #d1052e;">#3 Rental Durations</span></h2>
	</div>
</div>



<div class="divider-wrap" data-alignment="default"><div style="height: 20px;" class="divider"></div></div>
<div class="wpb_text_column wpb_content_element " >
	<div class="wpb_wrapper">
		<p><span style="font-weight: 400;"> Some users wanted to make a quick notification from the website in case the rental period was extended. </span></p>
	</div>
</div>



<div class="divider-wrap" data-alignment="default"><div style="height: 20px;" class="divider"></div></div>
			</div> 
		</div>
	</div> 

	<div  class="vc_col-sm-6 wpb_column column_container vc_column_container col has-animation padding-6-percent inherit_tablet inherit_phone "  data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="reveal-from-bottom" data-delay="0" >
		<div class="vc_column-inner" >
			<div class="wpb_wrapper">
				<div class="divider-wrap" data-alignment="default"><div style="height: 20px;" class="divider"></div></div>
<div class="wpb_text_column wpb_content_element " >
	<div class="wpb_wrapper">
		<h2><span style="color: #d1052e;">#4 Car Comparision</span></h2>
	</div>
</div>



<div class="divider-wrap" data-alignment="default"><div style="height: 20px;" class="divider"></div></div>
<div class="wpb_text_column wpb_content_element " >
	<div class="wpb_wrapper">
		<p><span style="font-weight: 400;"> Some users wanted to be able to select and compare the vehicles they would rent.</span></p>
	</div>
</div>



<div class="divider-wrap" data-alignment="default"><div style="height: 20px;" class="divider"></div></div>
			</div> 
		</div>
	</div> 
</div></div>
		<div id="fws_69bf130064502"  data-column-margin="default" data-midnight="dark" data-top-percent="4%" data-bottom-percent="4%"  class="wpb_row vc_row-fluid vc_row full-width-content vc_row-o-equal-height vc_row-flex vc_row-o-content-top"  style="padding-top: calc(100vw * 0.04); padding-bottom: calc(100vw * 0.04); "><div class="row-bg-wrap" data-bg-animation="none" data-bg-animation-delay="" data-bg-overlay="false"><div class="inner-wrap row-bg-layer" ><div class="row-bg viewport-desktop"  style=""></div></div></div><div class="row_col_wrap_12 col span_12 dark left">
	<div  class="vc_col-sm-8 wpb_column column_container vc_column_container col padding-4-percent inherit_tablet inherit_phone "  data-padding-pos="left" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="" data-delay="0" >
		<div class="vc_column-inner" >
			<div class="wpb_wrapper">
				
<div class="wpb_text_column wpb_content_element " >
	<div class="wpb_wrapper">
		<h2><span style="color: #d1052e;">Concept Design</span></h2>
	</div>
</div>




<div class="wpb_text_column wpb_content_element " >
	<div class="wpb_wrapper">
		<p>Some of the basic principles we attach importance to during the design process:</p>
<ul>
<li>Good design offers easy navigation to the user.</li>
<li>Good design shows the answers in the right place at the right time to clear the question marks in their mind without the user having to click anywhere: Does the vehicle model I choose change? What are the additional service fees? What are the assurance options? What are the payment options? &#8230;</li>
<li>Good design is ergonomic design: It does not force the user to make critical choices in tight spaces, it allows the user to interact with the interface in an ergonomic way.</li>
</ul>
<p>To see the interface we have designed pay avis.com.tr a visit.</p>
	</div>
</div>




			</div> 
		</div>
	</div> 

	<div  class="vc_col-sm-4 wpb_column column_container vc_column_container col padding-1-percent inherit_tablet inherit_phone "  data-padding-pos="top-bottom" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="" data-delay="0" >
		<div class="vc_column-inner" >
			<div class="wpb_wrapper">
				<div class="img-with-aniamtion-wrap " data-max-width="100%" data-max-width-mobile="default" data-shadow="none" data-animation="fade-in" >
      <div class="inner">
        <div class="hover-wrap"> 
          <div class="hover-wrap-inner">
            <img decoding="async" class="img-with-animation skip-lazy" data-delay="0" height="2000" width="2600" data-animation="fade-in" src="https://uxservices.com/wp-content/uploads/2021/05/avis-ux-tasarimi-case-study-2.png" alt="" srcset="https://uxservices.com/wp-content/uploads/2021/05/avis-ux-tasarimi-case-study-2.png 2600w, https://uxservices.com/wp-content/uploads/2021/05/avis-ux-tasarimi-case-study-2-300x231.png 300w, https://uxservices.com/wp-content/uploads/2021/05/avis-ux-tasarimi-case-study-2-1024x788.png 1024w, https://uxservices.com/wp-content/uploads/2021/05/avis-ux-tasarimi-case-study-2-768x591.png 768w, https://uxservices.com/wp-content/uploads/2021/05/avis-ux-tasarimi-case-study-2-1536x1182.png 1536w, https://uxservices.com/wp-content/uploads/2021/05/avis-ux-tasarimi-case-study-2-2048x1575.png 2048w" sizes="(max-width: 2600px) 100vw, 2600px" />
          </div>
        </div>
      </div>
    </div>
			</div> 
		</div>
	</div> 
</div></div>
<p>The post <a href="https://uxservices.com/en/blog/avis-com-tr-ux-design/">Avis.com.tr UX Design</a> appeared first on <a href="https://uxservices.com/en">UXservices</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Nebim UX Design</title>
		<link>https://uxservices.com/en/blog/nebim-ux-design/</link>
		
		<dc:creator><![CDATA[uxservices-3]]></dc:creator>
		<pubDate>Thu, 30 Jun 2016 11:05:37 +0000</pubDate>
				<category><![CDATA[Case Study]]></category>
		<category><![CDATA[UX Design]]></category>
		<guid isPermaLink="false">https://uxservices.com/?p=12120</guid>

					<description><![CDATA[<p>The post <a href="https://uxservices.com/en/blog/nebim-ux-design/">Nebim UX Design</a> appeared first on <a href="https://uxservices.com/en">UXservices</a>.</p>
]]></description>
										<content:encoded><![CDATA[
		<div id="fws_69bf130066b56"  data-column-margin="default" data-midnight="dark" data-top-percent="4%" data-bottom-percent="4%"  class="wpb_row vc_row-fluid vc_row full-width-section"  style="padding-top: calc(100vw * 0.04); padding-bottom: calc(100vw * 0.04); "><div class="row-bg-wrap" data-bg-animation="none" data-bg-animation-delay="" data-bg-overlay="false"><div class="inner-wrap row-bg-layer" ><div class="row-bg viewport-desktop using-bg-color"  style="background-color: #ffffff; "></div></div></div><div class="row_col_wrap_12 col span_12 dark left">
	<div  class="vc_col-sm-2 wpb_column column_container vc_column_container col padding-1-percent inherit_tablet inherit_phone "  data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="" data-delay="0" >
		<div class="vc_column-inner" >
			<div class="wpb_wrapper">
				
			</div> 
		</div>
	</div> 

	<div  class="vc_col-sm-8 wpb_column column_container vc_column_container col padding-1-percent inherit_tablet inherit_phone "  data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="" data-delay="0" >
		<div class="vc_column-inner" >
			<div class="wpb_wrapper">
				
<div class="wpb_text_column wpb_content_element " >
	<div class="wpb_wrapper">
		<p>Eventually, though, they find out that there is no way around it, as a significant amount of their customers are letting this know in an unpleasant way. As designers, we always see the ideal world as a place where we can create things without racing against the clock.</p>
<p>Unfortunately, most of the time we do, which challenges us to come up with solutions to deliver the best possible quality in the least amount of time. We had one of those projects a few weeks ago, where we had just one week to redesign a user interface, which would affect the user experience of approximately 100.000 daily users.</p>
	</div>
</div>




<div class="wpb_text_column wpb_content_element " >
	<div class="wpb_wrapper">
		<p>Even though UX in Turkey is becoming more and more mature, there are still plenty of software companies that are not aware of the fact that listening to users can be very beneficial.</p>
<p>Some other software companies, on the other hand, are proactively looking at opportunities to continuously improve the usability of their products to increase client satisfaction. A couple of weeks ago, we have worked with Nebim, one of Turkey’s leading independent software vendors, which pursues the strategy of continuous UX improvement. Their product, Nebim V3 ERP, being the leading local Enterprise Resource Planning (ERP) software system geared towards non-food retail and wholesale market segment with tens of thousands of daily users, was receiving feedback from their customers’ end-users regarding opportunities of UX improvement, specifically in its reporting applications. Nebim was investing in on-site and remote training to assist end-users in how to leverage advanced options of their reporting applications, which on the long run was not a cost-effective approach.</p>
	</div>
</div>




<div class="wpb_text_column wpb_content_element " >
	<div class="wpb_wrapper">
		<p>This is where we stepped in. Our goal was to redesign the reporting-related applications of the product in such a way that it would be easy to learn for new customers, but also not that different to upset existing and advanced customers. Eventually, this should decrease the amount of time and resources spent on support and training. Sounds like a typical UX project, right?</p>
<p>But here is the fun part; we only had <strong>7 days</strong> to deliver the designs…</p>
	</div>
</div>



<div class="divider-wrap" data-alignment="default"><div style="height: 50px;" class="divider"></div></div><div class="img-with-aniamtion-wrap " data-max-width="100%" data-max-width-mobile="default" data-shadow="none" data-animation="fade-in-from-right" >
      <div class="inner">
        <div class="hover-wrap"> 
          <div class="hover-wrap-inner">
            <img decoding="async" class="img-with-animation skip-lazy" data-delay="0" height="316" width="500" data-animation="fade-in-from-right" src="https://uxservices.com/wp-content/uploads/2021/05/nebim-ux-tasarimi-case-study-2.jpg" alt="" srcset="https://uxservices.com/wp-content/uploads/2021/05/nebim-ux-tasarimi-case-study-2.jpg 500w, https://uxservices.com/wp-content/uploads/2021/05/nebim-ux-tasarimi-case-study-2-300x190.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" />
          </div>
        </div>
      </div>
    </div>
			</div> 
		</div>
	</div> 

	<div  class="vc_col-sm-2 wpb_column column_container vc_column_container col has-animation padding-1-percent inherit_tablet inherit_phone "  data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="fade-in-from-right" data-delay="0" >
		<div class="vc_column-inner" >
			<div class="wpb_wrapper">
				
			</div> 
		</div>
	</div> 
</div></div>
		<div id="fws_69bf130067881"  data-column-margin="default" data-midnight="light" data-top-percent="3%" data-bottom-percent="3%"  class="wpb_row vc_row-fluid vc_row full-width-section"  style="padding-top: calc(100vw * 0.03); padding-bottom: calc(100vw * 0.03); "><div class="row-bg-wrap" data-bg-animation="none" data-bg-animation-delay="" data-bg-overlay="false"><div class="inner-wrap row-bg-layer" ><div class="row-bg viewport-desktop using-bg-color"  style="background-color: #0fe0ba; "></div></div></div><div class="row_col_wrap_12 col span_12 light left">
	<div  class="vc_col-sm-2 wpb_column column_container vc_column_container col padding-3-percent inherit_tablet inherit_phone "  data-padding-pos="right" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="" data-delay="0" >
		<div class="vc_column-inner" >
			<div class="wpb_wrapper">
				
			</div> 
		</div>
	</div> 

	<div  class="vc_col-sm-8 wpb_column column_container vc_column_container col has-animation padding-3-percent inherit_tablet inherit_phone "  data-padding-pos="left" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="fade-in-from-right" data-delay="0" >
		<div class="vc_column-inner" >
			<div class="wpb_wrapper">
				<div id="fws_69bf130067bf9" data-midnight="" data-column-margin="default" class="wpb_row vc_row-fluid vc_row inner_row"  style=""><div class="row-bg-wrap"> <div class="row-bg" ></div> </div><div class="row_col_wrap_12_inner col span_12  left">
	<div  class="vc_col-sm-12 wpb_column column_container vc_column_container col child_column no-extra-padding inherit_tablet inherit_phone "   data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="" data-delay="0" >
		<div class="vc_column-inner" >
		<div class="wpb_wrapper">
			
<div class="wpb_text_column wpb_content_element " >
	<div class="wpb_wrapper">
		<h2>Day 1: Get to Know Stakeholders</h2>
<p>All of our projects start by learning the industry, audience, problems, needs, etc. of our client. During a kick-off meeting, we have a chat with all the stakeholders to discuss and understand these items more clearly, followed by a brainstorm session to find the best UX solution that will match their needs. Nebim challenged us to find a feasible solution before the start of their next Agile sprint, which meant we only had 7 days to finish the project.</p>
<p>In order to meet the schedule of the client, we came up with a methodology to deliver the best possible user-centred solution within the given timeframe. We thought Test-Driven Design was the way to go, which is an iterative testing method to design a product based on user feedback. This method would allow us to improve the product more effectively and efficiently, which was the exact thing we needed.</p>
	</div>
</div>




<div class="wpb_text_column wpb_content_element " >
	<div class="wpb_wrapper">
		<h2>Day 2: Designing a Better Version</h2>
<p>The following morning, the stakeholders organized a session where they walked us through their product. Our goal was to learn about the possibilities and constraints we could have with the current framework. It was also important to hear the most common problems users were facing when using the product. Luckily, the stakeholders we worked with are very involved with and care about their customers. Considering the time pressure, they were a good source of information to get an overall idea of the experience users were having.</p>
<p>After the session, our UX team started sketching three low-fidelity concepts based on everything we had learned. For this, we used Balsamiq, which, thanks to its library, is a rapid and effective way of creating low-fidelity wireframes and communicating concepts. To speed up things even more, we decided to work on-site. This way we worked closely with IT and business stakeholders, which allowed us to get feedback much faster.</p>
<p>Our goal for the day was to agree with the stakeholders on one final concept and have this ready to be prototyped the next day.</p>
	</div>
</div>




<div class="wpb_text_column wpb_content_element " >
	<div class="wpb_wrapper">
		<h2>Day 3 Make it Clickable</h2>
<p>Almost halfway through, we were already preparing for the user tests. The concept we had sketched and agreed upon with the stakeholders the day before had to be made interactive.</p>
<p>There are a lot of tools to make this happen. Deciding on the right prototyping tool depends on many factors, i.e. the platform of the product, types of interactions, importance of visual design, simulation, etc. By considering some of these factors, we had decided to use Justinmind. This tool matched our needs as it has rich libraries of UI elements for most platforms, many ways of handling interactions between pages, and an easy way of simulating the prototype for testing purposes.</p>
	</div>
</div>




		</div> 
	</div>
	</div> 
</div></div><div class="divider-wrap" data-alignment="default"><div style="height: 25px;" class="divider"></div></div><div id="fws_69bf130067f96" data-midnight="" data-column-margin="default" class="wpb_row vc_row-fluid vc_row inner_row"  style=""><div class="row-bg-wrap"> <div class="row-bg" ></div> </div><div class="row_col_wrap_12_inner col span_12  left">
	<div  class="vc_col-sm-12 wpb_column column_container vc_column_container col child_column centered-text no-extra-padding inherit_tablet inherit_phone "   data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="" data-delay="0" >
		<div class="vc_column-inner" >
		<div class="wpb_wrapper">
			<div class="nectar_icon_wrap " data-style="default" data-padding="20px" data-color="white" style="" >
		<div class="nectar_icon" ><span class="im-icon-wrap" data-color="white" style="height: 50px; width: 50px;"><span><svg role="presentation" version="1.1" xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 32 32">
        <path d="M1.54 31.107c-0.175 0-0.345-0.071-0.472-0.195-0.163-0.161-0.229-0.396-0.179-0.62l2.221-9.763c0.028-0.121 0.088-0.235 0.179-0.323l17.979-17.983c1.535-1.531 3.987-1.787 5.244-0.528l3.772 3.772c0.543 0.543 0.843 1.303 0.843 2.139 0 1.101-0.5 2.232-1.372 3.103l-17.98 17.98c-0.088 0.089-0.201 0.149-0.324 0.179l-9.763 2.221c-0.048 0.012-0.097 0.017-0.148 0.017zM4.369 21.013l-1.944 8.54 8.543-1.943 17.844-17.844c0.615-0.613 0.981-1.419 0.981-2.16 0-0.34-0.080-0.823-0.452-1.195l-3.772-3.773c-0.373-0.373-0.859-0.452-1.196-0.452-0.739 0-1.547 0.367-2.161 0.98l-17.843 17.847zM20.354 4.965l6.658 6.658-0.944 0.944-6.658-6.658 0.944-0.944zM11.888 28.303c-4.067 0-8.208-4.143-8.208-8.208h1.333c0 3.341 3.532 6.875 6.875 6.875v1.333z"></path>
        </svg></span></span></div>
	</div>
		</div> 
	</div>
	</div> 
</div></div>
			</div> 
		</div>
	</div> 

	<div  class="vc_col-sm-2 wpb_column column_container vc_column_container col no-extra-padding inherit_tablet inherit_phone "  data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="" data-delay="0" >
		<div class="vc_column-inner" >
			<div class="wpb_wrapper">
				
			</div> 
		</div>
	</div> 
</div></div>
		<div id="fws_69bf130068cdd"  data-column-margin="default" data-midnight="dark" data-top-percent="8%" data-bottom-percent="8%"  class="wpb_row vc_row-fluid vc_row"  style="padding-top: calc(100vw * 0.08); padding-bottom: calc(100vw * 0.08); "><div class="row-bg-wrap" data-bg-animation="none" data-bg-animation-delay="" data-bg-overlay="false"><div class="inner-wrap row-bg-layer" ><div class="row-bg viewport-desktop"  style=""></div></div></div><div class="row_col_wrap_12 col span_12 dark left">
	<div  class="vc_col-sm-8 wpb_column column_container vc_column_container col no-extra-padding inherit_tablet inherit_phone "  data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="" data-delay="0" >
		<div class="vc_column-inner" >
			<div class="wpb_wrapper">
				
<div class="wpb_text_column wpb_content_element " >
	<div class="wpb_wrapper">
		<h2>Day 4, 5, 6, and 7: Test with Real Users</h2>
<p>In the remaining four days of the project, we have focused on testing and improving the product we had designed and developed in the days before. As mentioned earlier, we had decided to use an iterative testing method, which means that we have several repetitions (iterations) of testing the product with actual users. Our goal was to conduct one full iteration per day. As we had four days left, this meant we could conduct four full iterations if everything would run smoothly.</p>
<p>Days before the start of the first iteration, we have discussed together with the stakeholders the number and types of users we would like to include in the tests. Based on our experience and the tight schedule, we had decided to include a number of four users per iteration, which would mean we would require a total of 16 users for the entire project. Luckily, Nebim was helpful in taking care of the recruitment of users, which saved us a lot of time.</p>
<p>Planning one full iteration per day seemed like a challenge at the start but was actually quite fun and viable. We started each iteration with the user tests early in the morning. Testing with four users would take us approximately 2 to 3 hours. During each session, we listened, observed, and took notes. After all user sessions were completed, we needed an hour or so to list and summarize the findings, after which we presented the results of the iteration to the stakeholders.</p>
<p>In this 1-hour meeting, we discussed the highlights of the iteration, brainstormed possible solutions, and compiled a list of to-dos that should be brought into the next iteration. After the meeting and in the remaining 2 to 3 hours, we quickly updated the prototype based on the to-do list and prepared for the next iteration. The same process was repeated for each of the four iterations that we have completed in the following days.</p>
	</div>
</div>




			</div> 
		</div>
	</div> 

	<div  class="vc_col-sm-4 wpb_column column_container vc_column_container col centered-text no-extra-padding inherit_tablet inherit_phone "  data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="" data-delay="0" >
		<div class="vc_column-inner" >
			<div class="wpb_wrapper">
				<div class="divider-wrap" data-alignment="default"><div style="height: 30px;" class="divider"></div></div><div class="img-with-aniamtion-wrap " data-max-width="100%" data-max-width-mobile="default" data-shadow="none" data-animation="fade-in-from-left" >
      <div class="inner">
        <div class="hover-wrap"> 
          <div class="hover-wrap-inner">
            <img decoding="async" class="img-with-animation skip-lazy" data-delay="0" height="308" width="600" data-animation="fade-in-from-left" src="https://uxservices.com/wp-content/uploads/2021/05/nebim-ux-tasarimi-case-study-3.png" alt="" srcset="https://uxservices.com/wp-content/uploads/2021/05/nebim-ux-tasarimi-case-study-3.png 600w, https://uxservices.com/wp-content/uploads/2021/05/nebim-ux-tasarimi-case-study-3-300x154.png 300w" sizes="(max-width: 600px) 100vw, 600px" />
          </div>
        </div>
      </div>
    </div>
			</div> 
		</div>
	</div> 
</div></div>
		<div id="fws_69bf130069902"  data-column-margin="default" data-midnight="light" data-top-percent="4%" data-bottom-percent="3%"  class="wpb_row vc_row-fluid vc_row full-width-section"  style="padding-top: calc(100vw * 0.04); padding-bottom: calc(100vw * 0.03); "><div class="row-bg-wrap" data-bg-animation="none" data-bg-animation-delay="" data-bg-overlay="false"><div class="inner-wrap row-bg-layer" ><div class="row-bg viewport-desktop using-bg-color"  style="background-color: #000000; "></div></div></div><div class="row_col_wrap_12 col span_12 light left">
	<div  class="vc_col-sm-6 wpb_column column_container vc_column_container col padding-3-percent inherit_tablet inherit_phone "  data-padding-pos="left-right" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="" data-delay="0" >
		<div class="vc_column-inner" >
			<div class="wpb_wrapper">
				
<div class="wpb_text_column wpb_content_element " >
	<div class="wpb_wrapper">
		<h2>Conclusion</h2>
<p>The Test-Driven Design methodology we used has showed us that designing with time constraints does not have to be a reason for unsuccessful UX. Or does it? Both Nebim and its users are confident that we have put an improved design on the table, which at the moment is being developed and to be launched in the following weeks. Time will tell if the changes we have made will affect the experience of our client’s customers in a positive way…</p>
	</div>
</div>




			</div> 
		</div>
	</div> 

	<div  class="vc_col-sm-6 wpb_column column_container vc_column_container col centered-text has-animation no-extra-padding inherit_tablet inherit_phone "  data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="fade-in-from-right" data-delay="0" >
		<div class="vc_column-inner" >
			<div class="wpb_wrapper">
				<div class="divider-wrap" data-alignment="default"><div style="height: 30px;" class="divider"></div></div><div class="nectar_icon_wrap " data-style="default" data-padding="20px" data-color="white" style="" >
		<div class="nectar_icon" ><span class="im-icon-wrap" data-color="white" style="height: 150px; width: 150px;"><span><svg role="presentation" version="1.1" xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 32 32">
        <path d="M3.333 31.645c-0.368 0-0.667-0.299-0.667-0.667v-26.667c0-0.368 0.299-0.667 0.667-0.667s0.667 0.299 0.667 0.667v26.667c0 0.369-0.299 0.667-0.667 0.667zM30 24.312h-20c-0.368 0-0.667-0.299-0.667-0.667v-3.333c0-0.368 0.299-0.667 0.667-0.667s0.667 0.299 0.667 0.667v2.667h18.667v-13.333h-13.333c-0.368 0-0.667-0.299-0.667-0.667s0.299-0.667 0.667-0.667h14c0.367 0 0.667 0.299 0.667 0.667v14.667c0 0.369-0.3 0.667-0.667 0.667zM15.333 20.312h-12c-0.368 0-0.667-0.299-0.667-0.667v-14.667c0-0.368 0.299-0.667 0.667-0.667h12c0.368 0 0.667 0.299 0.667 0.667v14.667c0 0.369-0.299 0.667-0.667 0.667zM4 18.979h10.667v-13.333h-10.667v13.333zM10.667 23.645c-0.208 0-0.413-0.096-0.543-0.279-0.215-0.301-0.144-0.716 0.155-0.931l4.667-3.333c0.299-0.213 0.716-0.143 0.929 0.155 0.215 0.301 0.144 0.716-0.155 0.931l-4.667 3.333c-0.116 0.084-0.252 0.124-0.387 0.124zM3.333 4.355c-1.103 0-2-0.897-2-2s0.897-2 2-2 2 0.896 2 2-0.897 2-2 2zM3.333 1.688c-0.368 0-0.667 0.3-0.667 0.667 0 0.364 0.299 0.667 0.667 0.667s0.667-0.303 0.667-0.667c0-0.368-0.299-0.667-0.667-0.667zM6.667 5.645h2.667v2.667h-2.667v-2.667zM12 5.645h2.667v2.667h-2.667v-2.667zM26.667 9.645h2.667v2.667h-2.667v-2.667zM21.333 9.645h2.667v2.667h-2.667v-2.667zM16 9.645h2.667v2.667h-2.667v-2.667zM18.667 12.312h2.667v2.667h-2.667v-2.667zM24 12.312h2.667v2.667h-2.667v-2.667zM26.667 14.979h2.667v2.667h-2.667v-2.667zM21.333 14.979h2.667v2.667h-2.667v-2.667zM16 14.979h2.667v2.667h-2.667v-2.667zM16 20.312h2.667v2.667h-2.667v-2.667zM21.333 20.312h2.667v2.667h-2.667v-2.667zM26.667 20.312h2.667v2.667h-2.667v-2.667zM18.667 17.645h2.667v2.667h-2.667v-2.667zM24 17.645h2.667v2.667h-2.667v-2.667zM4 8.312h2.667v2.667h-2.667v-2.667zM9.333 8.312h2.667v2.667h-2.667v-2.667zM6.667 10.979h2.667v2.667h-2.667v-2.667zM12 10.979h2.667v2.667h-2.667v-2.667zM4 13.645h2.667v2.667h-2.667v-2.667zM9.333 13.645h2.667v2.667h-2.667v-2.667zM6.667 16.312h2.667v2.667h-2.667v-2.667zM12 16.312h2.667v2.667h-2.667v-2.667z"></path>
        </svg></span></span></div>
	</div>
			</div> 
		</div>
	</div> 
</div></div>
<p>The post <a href="https://uxservices.com/en/blog/nebim-ux-design/">Nebim UX Design</a> appeared first on <a href="https://uxservices.com/en">UXservices</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>UI, UX: Who Does What? A Designer&#8217;s Guide To The Tech Industry</title>
		<link>https://uxservices.com/en/blog/ui-ux-designers-guide-tech-industry/</link>
		
		<dc:creator><![CDATA[uxservices-3]]></dc:creator>
		<pubDate>Tue, 01 Sep 2015 08:31:27 +0000</pubDate>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[UX Design]]></category>
		<guid isPermaLink="false">https://www.uxservices.com/?p=1840</guid>

					<description><![CDATA[<p>HOW APPLE, FACEBOOK, GOOGLE, AND MORE TECH-WORLD HEAVYWEIGHTS DESCRIBE THEIR DESIGN JOBS. Design is a rather broad and vague term. When someone says &#8220;I&#8217;m a designer,&#8221; it is not immediately...</p>
<p>The post <a href="https://uxservices.com/en/blog/ui-ux-designers-guide-tech-industry/">UI, UX: Who Does What? A Designer&#8217;s Guide To The Tech Industry</a> appeared first on <a href="https://uxservices.com/en">UXservices</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p><span style="color: #222222;">HOW APPLE, FACEBOOK, GOOGLE, AND MORE TECH-WORLD HEAVYWEIGHTS DESCRIBE THEIR DESIGN JOBS.</span></p>
<p><span style="color: #222222;">Design is a rather broad and vague term. When someone says &#8220;I&#8217;m a designer,&#8221; it is not immediately clear what they actually do day to day. There are a number of different responsibilities encompassed by the umbrella term designer.</span></p>
<p style="color: #222222;">Design-related roles exist in a range of areas from industrial design (cars, furniture) to print (magazines, other publications) to tech (websites, mobile apps). With the relatively recent influx of tech companies focused on creating interfaces for screens, many new design roles have emerged. Job titles like UX or UI designer are confusing to the uninitiated and unfamiliar even to designers who come from other industries.</p>
<p style="color: #222222;">Let&#8217;s attempt to distill what each of these titles really mean within the context of the tech industry.</p>
<p style="color: #222222;"><strong>UX DESIGNER (USER EXPERIENCE DESIGNER)</strong></p>
<p style="color: #222222;">UX designers are primarily concerned with<strong> </strong>how the product feels. A given design problem has no single right answer. UX designers explore many different approaches to solving a specific user problem. The broad responsibility of a UX designer is to ensure that the product logically flows from one step to the next. One way that a UX designer might do this is by conducting in-person user tests to observe one&#8217;s behavior. By identifying verbal and non-verbal stumbling blocks, they refine and iterate to create the &#8220;best&#8221; user experience. An example project is creating a delightful onboarding flow for a new user.</p>
<blockquote style="color: #000000;">
<p style="color: #444444;">&#8220;Define interaction models, user task flows, and UI specifications. Communicate scenarios, end-to-end experiences, interaction models, and screen designs to stakeholders. Work with our creative director and visual designers to incorporate the visual identity of Twitter into features. Develop and maintain design wireframes, mockups, and specifications as needed.&#8221;</p>
</blockquote>
<p>&#8211;<a style="color: #91b93e;" href="https://about.twitter.com/careers/positions?jvi=ofCqXfwY,Job" target="_blank" rel="noopener noreferrer">Experience Designer job description at Twitter</a></p>
<p style="color: #222222;"><img decoding="async" class="alignnone size-full wp-image-11088" src="https://uxservices.com/wp-content/uploads/2015/09/ux-ui-design.png" alt="" width="640" height="480" srcset="https://uxservices.com/wp-content/uploads/2015/09/ux-ui-design.png 640w, https://uxservices.com/wp-content/uploads/2015/09/ux-ui-design-300x225.png 300w" sizes="(max-width: 640px) 100vw, 640px" /></p>
<p style="color: #222222;">Deliverables: Wireframes of screens, storyboards, sitemap</p>
<p style="color: #222222;">Tools of the trade: Photoshop, Sketch, Illustrator, Fireworks, InVision<br />
<strong><br />
</strong>You might hear them say this in the wild: &#8220;We should show users the &#8216;Thank You&#8217; page once they have finished signing up.&#8221;</p>
<p style="color: #222222;"><strong>UI DESIGNER (USER INTERFACE DESIGNER)</strong></p>
<p style="color: #222222;">Unlike UX designers who are concerned with the overall feel of the product, user interface designers are particular about how the product is laid out. They are in charge of designing each screen or page with which a user interacts and ensuring that the UI visually communicates the path that a UX designer has laid out. For example, a UI designer creating an analytics dashboard might front load the most important content at the top, or decide whether a slider or a control knob makes the most intuitive sense to adjust a graph. UI designers are also typically responsible for creating a cohesive style guide and ensuring that a consistent design language is applied across the product. Maintaining consistency in visual elements and defining behavior such as how to display error or warning states fall under the purview of a UI designer</p>
<blockquote style="color: #000000;">
<p style="color: #444444;">&#8220;Concept and implement the visual language of Airbnb.com. Create and advance site-wide style guides.&#8221;</p>
</blockquote>
<p><a style="color: #91b93e;" href="https://www.airbnb.com/jobs/departments/position/2277" target="_blank" rel="noopener noreferrer">-UI Designer job description at Airbnb</a></p>
<p>The boundary between UI and UX designers is fairly blurred and it is not uncommon for companies to opt to combine these roles.</p>
<p style="color: #222222;"><img decoding="async" class="alignnone size-full wp-image-11089" src="https://uxservices.com/wp-content/uploads/2015/09/ux-ui-2.png" alt="" width="640" height="480" srcset="https://uxservices.com/wp-content/uploads/2015/09/ux-ui-2.png 640w, https://uxservices.com/wp-content/uploads/2015/09/ux-ui-2-300x225.png 300w" sizes="(max-width: 640px) 100vw, 640px" /></p>
<p style="color: #222222;">Tools of the trade: Photoshop, Sketch, Illustrator, Fireworks</p>
<p style="color: #222222;">You might hear them say this in the wild: &#8220;The login and sign up links should be moved to the top right corner.&#8221;</p>
<p style="color: #222222;"><strong>VISUAL DESIGNER (GRAPHIC DESIGNER)</strong></p>
<p style="color: #222222;">A visual designer is the one who pushes pixels. If you ask a non-designer what a designer does, this is probably what comes to mind first. Visual designers are not concerned with how screens link to each other, nor how someone interacts with the product. Instead, their focus is on crafting beautiful icons, controls, and visual elements and making use of suitable typography. Visual designers sweat the small details that others overlook and frequently operate at the 4X to 8X zoom level in Photoshop.</p>
<blockquote style="color: #000000;">
<p style="color: #444444;">&#8220;Produce high-quality visual designs&#8211;from concept to execution, including those for desktop, web, and mobile devices at a variety of resolutions (icons, graphics, and marketing materials). Create and iterate on assets that reflect a brand, enforce a language, and inject beauty and life into a product.&#8221;</p>
</blockquote>
<p>&#8211;<a style="color: #91b93e;" href="https://www.google.com/about/careers/search#!t=jo&amp;jid=34174&amp;" target="_blank" rel="noopener noreferrer">Visual Designer job description at Google</a></p>
<p>It is also fairly common for UI designers to pull double duty and create the final pixel perfect assets. Some companies choose not to have a separate visual designer role.</p>
<p style="color: #222222;"><img decoding="async" class="alignnone size-full wp-image-11090" src="https://uxservices.com/wp-content/uploads/2015/09/ux-ui-3.png" alt="" width="640" height="480" srcset="https://uxservices.com/wp-content/uploads/2015/09/ux-ui-3.png 640w, https://uxservices.com/wp-content/uploads/2015/09/ux-ui-3-300x225.png 300w" sizes="(max-width: 640px) 100vw, 640px" /></p>
<p style="color: #222222;">Tools of the trade: Photoshop, Sketch</p>
<p style="color: #222222;">You might hear them say this in the wild: &#8220;The kerning is off and the button should be 1 pixel to the left!&#8221;</p>
<p style="color: #222222;"><strong>INTERACTION DESIGNER (MOTION DESIGNER)</strong></p>
<p style="color: #222222;">Remember the subtle bouncing animation when you pull to refresh in the Mail app on your iPhone? That&#8217;s the work of a motion designer. Unlike visual designers who usually deal with static assets, motion designers create animation inside an app. They deal with what the interface does after a user touches it. For example, they decide how a menu should slide in, what transition effects to use, and how a button should fan out. When done well, motion becomes an integral part of the interface by providing visual clues as to how to use the product.</p>
<p style="color: #222222;"><span style="color: #444444;">&#8220;Proficiency in graphic design, motion graphics, digital art, a sensitivity to typography and color, a general awareness of materials/textures, and a practical grasp of animation. Knowledge of iOS, OS X, Photoshop and Illustrator as well as familiarity with Director (or equivalent), Quartz Composer (or equivalent), 3D computer modeling, motion graphics are required.&#8221;</span></p>
<p><img decoding="async" class="alignnone size-full wp-image-11091" src="https://uxservices.com/wp-content/uploads/2015/09/ux-ui-4.gif" alt="" width="640" height="480" /></p>
<p>Tools of the trade: AfterEffects, Core Composer, Flash, Origami</p>
<p>You might hear them say this in the wild:&#8221;The menu should ease-in from the left in 800ms.&#8221;</p>
<p><strong>UX RESEARCHER (USER RESEARCHER)</strong></p>
<p style="color: #222222;">A UX researcher is the champion of a user&#8217;s needs. The goal of a researcher is to answer the twin questions of &#8220;Who are our users?&#8221; and &#8220;What do our users want?&#8221; Typically, this role entails interviewing users, researching market data, and gathering findings. Design is a process of constant iteration. Researchers may assist with this process by conducting A/B tests to tease out which design option best satisfies user needs. UX researchers are typically mainstays at large companies, where the access to a plethora of data gives them ample opportunity to draw statistically significant conclusions.</p>
<p style="color: #222222;"><span style="color: #444444;">&#8220;Work closely with product teams to identify research topics. Design studies that address both user behavior and attitudes. Conduct research using a wide variety of qualitative methods and a subset of quantitative methods, such as surveys.&#8221;</span></p>
<p>&#8211;<a style="color: #91b93e;" href="https://www.facebook.com/careers/department?dept=design&amp;req=a0IA000000Cy9c1MAB" target="_blank" rel="noopener noreferrer">UX Researcher job description at Facebook</a></p>
<p>UX designers also occasionally carry out the role of UX researchers.</p>
<p>Deliverables: User personas, A/B test results, Investigative user studies &amp; interviews</p>
<p>Tools of the trade: Mic, Paper, Docs</p>
<p>You might hear them say this in the wild: &#8220;From our research, a typical user&#8230;&#8221;</p>
<p><strong>FRONT-END DEVELOPER (UI DEVELOPER)</strong></p>
<p>Front-end developers are responsible for creating a functional implementation of a product&#8217;s interface. Usually, a UI designer hands off a static mockup to the front-end developer who then translates it into a working, interactive experience. Front-end developers are also responsible for coding the visual interactions that the motion designer comes up with.</p>
<p>Tools of the trade: CSS, HTML, JavaScript</p>
<p>You might hear them say this in the wild: &#8220;I&#8217;m using a 960px 12-column grid system.&#8221;</p>
<p><strong>PRODUCT DESIGNER</strong></p>
<p>Product designer is a catch-all term used to describe a designer who is generally involved in the creation of the look and feel of a product.</p>
<p>The role of a product designer isn&#8217;t well-defined and differs from one company to the next. A product designer may do minimal front-end coding, conduct user research, design interfaces, or create visual assets. From start to finish, a product designer helps identify the initial problem, sets benchmarks to address it, and then designs, tests, and iterates on different solutions. Some companies that want more fluid collaboration within the various design roles opt to have this title to encourage the whole design team to collectively own the user experience, user research, and visual design elements.</p>
<p>Some companies use &#8220;UX designer&#8221; or simply &#8220;designer&#8221; as a catch-all term. Reading the job description is the best way to figure out how the company&#8217;s design team divides the responsibilities.</p>
<blockquote style="color: #000000;">
<p style="color: #444444;">&#8220;Own all facets of design: interaction, visual, product, prototyping. Create pixel-perfect mocks and code for new features across web and mobile.&#8221;</p>
</blockquote>
<p style="color: #222222;">&#8211;<a style="color: #91b93e;" href="http://about.pinterest.com/en/careers/product-designer_3481" target="_blank" rel="noopener noreferrer">Product Designer job description at Pinterest</a></p>
<p style="color: #222222;"><strong>&#8220;I AM LOOKING FOR A DESIGNER&#8221;</strong></p>
<p style="color: #222222;">This is the single most common phase I hear from new startups. What they are usually looking for is someone who can do everything described above. They want someone who can make pretty icons, create A/B tested landing sites, logically arrange UI elements on screen, and maybe even do some front-end development. Due to the broad sweeping scope of this role, we usually hear smaller companies asking to hire a &#8220;designer&#8221; rather than being specific in their needs.</p>
<p style="color: #222222;">The boundaries between each of these various design roles are very fluid. Some UX designers are also expected to do interaction design, and often UI designers are expected to push pixels as well. The best way to look for the right person is to describe what you expect the designer to do within your company&#8217;s process, and choose a title that best represents the primary task of that person.</p>
<p style="color: #222222;">Source: <a href="http://www.fastcodesign.com/3032719/ui-ux-who-does-what-a-designers-guide-to-the-tech-industry?utm_content=buffer567dd&amp;utm_medium=social&amp;utm_source=twitter.com&amp;utm_campaign=buffer" target="_blank" rel="noopener noreferrer">http://www.fastcodesign.com/3032719/ui-ux-who-does-what-a-designers-guide-to-the-tech-industry?utm_content=buffer567dd&amp;utm_medium=social&amp;utm_source=twitter.com&amp;utm_campaign=buffer</a></p>
<p style="color: #222222;">
<p>The post <a href="https://uxservices.com/en/blog/ui-ux-designers-guide-tech-industry/">UI, UX: Who Does What? A Designer&#8217;s Guide To The Tech Industry</a> appeared first on <a href="https://uxservices.com/en">UXservices</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>10 Exciting Trends in Mobile App Design</title>
		<link>https://uxservices.com/en/blog/10-exciting-trends-in-mobile-app-design/</link>
		
		<dc:creator><![CDATA[uxservices-3]]></dc:creator>
		<pubDate>Mon, 20 Jul 2015 10:06:38 +0000</pubDate>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[UX Design]]></category>
		<guid isPermaLink="false">https://www.uxservices.com/?p=2820</guid>

					<description><![CDATA[<p>From Uber to Vine, we’re starting to get a good sense of how mobile app trends are shaping up for this half of the decade. Many factors go into determining...</p>
<p>The post <a href="https://uxservices.com/en/blog/10-exciting-trends-in-mobile-app-design/">10 Exciting Trends in Mobile App Design</a> appeared first on <a href="https://uxservices.com/en">UXservices</a>.</p>
]]></description>
										<content:encoded><![CDATA[<div class="vc_row wpb_row vc_row-fluid">
<div class="vc_col-sm-12 wpb_column vc_column_container ">
<div class="wpb_wrapper">
<div class="wpb_text_column wpb_content_element ">
<div class="wpb_wrapper">
<p style="color: #2c3335;">From Uber to Vine, we’re starting to get a good sense of how mobile app trends are shaping up for this half of the decade. Many factors go into determining what mobile apps look like at any given time, from social trends, like the sharing economy, to changes in technology — this year, we’re looking at huge phone screens paired with tiny wearables.</p>
<p class="p3" style="color: #2c3335;"><span class="s1">The more users incorporate mobile tech into their everyday lives, the more bandwidth they sink into thinking about their applications. Checking a work email? Booking a hotel room? Ordering a gluten-free margherita pie for delivery? The applications that stand out among the crowd, like Airbnb and GrubHub, minimize the amount of thought that goes into using them, so users can spend more time multi-tasking and <i>doing</i>, and less time thinking about how to get to the option or screen you need. The more users multitask, the more they demand mobile app design that anticipates their needs and gives us what they want, when they want it.</span></p>
</div>
</div>
</div>
</div>
</div>
<div class="vc_row wpb_row vc_row-fluid">
<div class="vc_col-sm-12 wpb_column vc_column_container ">
<div class="wpb_wrapper">
<div class="wpb_single_image wpb_content_element wpb_animate_when_almost_visible wpb_appear vc_align_center wpb_start_animation">
<div class="wpb_wrapper">
<div class="vc_single_image-wrapper vc_box_border_grey">With that in mind, the following mobile app design trends are giving users what they want right now:</div>
<div class="vc_single_image-wrapper vc_box_border_grey"></div>
</div>
</div>
</div>
</div>
</div>
<div class="vc_row wpb_row vc_row-fluid">
<div class="vc_col-sm-12 wpb_column vc_column_container ">
<div class="wpb_wrapper">
<div class="wpb_text_column wpb_content_element ">
<div class="wpb_wrapper">
<h3 style="font-weight: 300; color: #2c3335;"><span class="s1">1. Bigger phone screens.</span></h3>
<p style="color: #2c3335;"><img decoding="async" class="alignnone size-full wp-image-11282" src="https://uxservices.com/wp-content/uploads/2015/07/image1-screenEvo.png" alt="" width="1024" height="514" srcset="https://uxservices.com/wp-content/uploads/2015/07/image1-screenEvo.png 1024w, https://uxservices.com/wp-content/uploads/2015/07/image1-screenEvo-300x151.png 300w, https://uxservices.com/wp-content/uploads/2015/07/image1-screenEvo-768x386.png 768w, https://uxservices.com/wp-content/uploads/2015/07/image1-screenEvo-670x335.png 670w" sizes="(max-width: 1024px) 100vw, 1024px" /></p>
<p style="color: #2c3335;">Love it or hate it, the rise of the <a style="color: #34a7c1;" href="http://www.theguardian.com/technology/2015/mar/17/phablet-iphone-6-plus-samsung-galaxy-note-4-oneplus-one" target="_blank" rel="noopener noreferrer">phablet</a> has been consuming more and more hand real estate. What does that mean for mobile app designers and developers?</p>
<p style="color: #2c3335;">Moving beyond the obvious “Design bigger,” it’s important to consider how users will be holding their devices while they use them. That means making the most important navigation elements easily accessible to a person’s thumb, which probably won’t be able to reach the top corner opposite it. Easy, right? Just position your interactive elements in the bottom right-hand corner of the screen. Except it’s <i>not </i>that easy, given that about <a style="color: #34a7c1;" href="http://www.everydayhealth.com/healthy-living-pictures/little-known-facts-about-lefthanders.aspx" target="_blank" rel="noopener noreferrer">10% of your users</a> are left-handed.</p>
<p style="color: #2c3335;">You could force your southpaw users to adopt a two-handed grip — and given how large our mobile devices are getting, that will be a more frequently used hand position anyway — or, if you really want a usable, accessible experience (and you do), you’ll make sure all interactive elements are large enough to be accessed from either side of the device. After all, you do have more screen real estate to work with. Another idea is simply to use a customizable interface, including an option to flip the UI.</p>
<p style="color: #2c3335;">But whether your users are right-handed or left-handed, it’s important to approach mobile app design with the understanding that certain design choices might result not only in a less usable or intuitive interface, but also in hand cramps and fatigue. This is an important detail to iron out in testing and QA.</p>
<p style="color: #2c3335;">Of course, when tackling larger screens, it helps to remember the following:</p>
<h3 style="font-weight: 300; color: #2c3335;"><span class="s1">2. Swiping is the new tapping.</span></h3>
</div>
<div class="wpb_wrapper">
<p><img decoding="async" class="alignnone size-full wp-image-11283" src="https://uxservices.com/wp-content/uploads/2015/07/Image2-swiping-1024x640-1.png" alt="" width="1024" height="640" srcset="https://uxservices.com/wp-content/uploads/2015/07/Image2-swiping-1024x640-1.png 1024w, https://uxservices.com/wp-content/uploads/2015/07/Image2-swiping-1024x640-1-300x188.png 300w, https://uxservices.com/wp-content/uploads/2015/07/Image2-swiping-1024x640-1-768x480.png 768w" sizes="(max-width: 1024px) 100vw, 1024px" /></p>
<p style="color: #2c3335;">When touchscreen-enabled mobile apps first arrived, designers and developers had to grapple with the reality of programming for a dramatically different type of physical object. Pinch to zoom was a pretty novel feature when we first got our hands on the iPhone in 2007, but being forced to zoom to read content isn’t good mobile app design. With that said, we’ve all encountered the button that’s just too small to tap, unless you have that rare combination of tiny fingers and a concert pianist’s motor skills.</p>
<p style="color: #2c3335;">Swiping is a much more natural way to use mobile devices, especially if you only have one hand free. Want proof? Hold your hand like you’re cradling your mobile phone. Now pantomime your thumb tapping on the invisible phone’s screen. Make a note of how that feels. Now sweep your thumb across the screen. Which one feels more comfortable?</p>
<p style="color: #2c3335;">Of course, the most obvious example of application swiping is Tinder, which takes the famously complicated nature of dating and distilling it down to two easy options: swipe right or swipe left. In less time than it takes to watch a rom-com trailer, you’ve sent a signal out to a potential pool of beaus, all with a single thumb. Tinder seems to have the right idea, as evidenced by the fact that it has <a style="color: #34a7c1;" href="http://www.forbes.com/sites/stevenbertoni/2014/10/20/tinder-swipes-right-to-revenue-will-add-premium-service-in-november/" target="_blank" rel="noopener noreferrer">over a billion users</a>.</p>
<h3 style="font-weight: 300; color: #2c3335;"><span class="s1">3. Wearables begin to influence mobile app design.</span></h3>
</div>
</div>
</div>
<p><img decoding="async" class="alignnone size-full wp-image-11284" src="https://uxservices.com/wp-content/uploads/2015/07/image3wearables.jpg" alt="" width="800" height="458" srcset="https://uxservices.com/wp-content/uploads/2015/07/image3wearables.jpg 800w, https://uxservices.com/wp-content/uploads/2015/07/image3wearables-300x172.jpg 300w, https://uxservices.com/wp-content/uploads/2015/07/image3wearables-768x440.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></p>
<div class="wpb_wrapper">
<div class="wpb_text_column wpb_content_element ">
<div class="wpb_wrapper">
<p style="color: #2c3335;">The flipside to the larger screens of the phablet craze is that they are increasingly being accompanied by much smaller screens on the wrist. The International Data Corporation predicts that vendors will ship <a style="color: #34a7c1;" href="http://www.idc.com/getdoc.jsp?containerId=prUS25519615" target="_blank" rel="noopener noreferrer">45.7 million wearable tech devices</a> in 2015, including wrist wear (the largest percentage, at 40 million), clothing and eyewear.</p>
<p style="color: #2c3335;">What began as the wearable fitness device craze is now moving into bigger territory with the release of Apple Watch and Android Wear. Wearables are no longer just glorified pedometers with sleep and heart rate trackers — they’re bona fide smart devices, capable of telling you how long your work commute will last, what tomorrow’s forecas, or reminding you to put the kettle on for your aunt when she visits. How will this impact the way mobile app designers do their jobs?</p>
<p style="color: #2c3335;">We’re still in the early stages of this burgeoning trend, so <a style="color: #34a7c1;" href="https://developer.apple.com/library/prerelease/ios/documentation/UserExperience/Conceptual/WatchHumanInterfaceGuidelines/" target="_blank" rel="noopener noreferrer">Apple</a> and <a style="color: #34a7c1;" href="https://developer.android.com/design/wear/creative-vision.html" target="_blank" rel="noopener noreferrer">Android</a> are offering a number of suggestions for their respective products. As makers of watch-like devices, both emphasize the importance of the glance. Unlike with phones or tablets, which users expect to stare at for extended periods of time, apps designed for wearable devices should deliver just enough content, at just the right speed, for the user to digest in a quick glance, even out of the corner of the eye. That means that typography, color contrast and context (where is the user? what data does the user need right now?) are especially important when designing and developing for wearables.</p>
<p style="color: #2c3335;">And because this is a relatively new technology, it’s more important than ever to pay attention to actionable user feedback and work it into future updates. While Apple and Android may have their suggestions, it’s their users who will craft the future of wearable mobile app design.</p>
<h3 style="font-weight: 300; color: #2c3335;"><span class="s1">4. Layered layouts.</span></h3>
<p style="color: #2c3335;">In the eternal flat design vs. skeuomorphism debate, can there ever be a middle ground? On an aesthetic level, skeuomorphism seems, to detractors, like a hackneyed appropriation of real-life textures in a digital context, as tacky as obviously fake wood paneling on your car dashboard. But flat design, despite coming to prominence as this decade’s digital aesthetic, isn’t without its own issues. With all texture removed from mobile app design, it can be hard to tell which elements are interactive, if you can discern the boundaries between different design elements at all.</p>
</div>
</div>
</div>
</div>
</div>
<div class="vc_row wpb_row vc_row-fluid">
<div class="vc_col-sm-12 wpb_column vc_column_container ">
<div class="wpb_wrapper">
<div class="wpb_single_image wpb_content_element vc_align_left">
<div class="wpb_wrapper">
<h3 class="wpb_heading wpb_singleimage_heading" style="font-weight: 400; font-style: italic; color: #868f91;">Google, Google Material</h3>
</div>
</div>
</div>
</div>
<div><img decoding="async" class="alignnone size-full wp-image-11285" src="https://uxservices.com/wp-content/uploads/2015/07/image4-Google-Material.png" alt="" width="1216" height="520" srcset="https://uxservices.com/wp-content/uploads/2015/07/image4-Google-Material.png 1216w, https://uxservices.com/wp-content/uploads/2015/07/image4-Google-Material-300x128.png 300w, https://uxservices.com/wp-content/uploads/2015/07/image4-Google-Material-1024x438.png 1024w, https://uxservices.com/wp-content/uploads/2015/07/image4-Google-Material-768x328.png 768w" sizes="(max-width: 1216px) 100vw, 1216px" /></div>
</div>
<div class="vc_row wpb_row vc_row-fluid">
<div class="vc_col-sm-12 wpb_column vc_column_container ">
<div class="wpb_wrapper">
<div class="wpb_text_column wpb_content_element ">
<div class="wpb_wrapper">
<p style="color: #2c3335;">The compromise that’s emerging is layered flat design, or what Google calls “<a style="color: #34a7c1;" href="http://www.google.com/design/spec/material-design/introduction.html#introduction-principles" target="_blank" rel="noopener noreferrer">material design</a>.” This aesthetic still skews heavily to the side of flat design, but with a few principles borrowed from skeuomorphism. As with flat design, the elements in layered or material design are still geometric in nature, with blocks of color rather than facsimiles of natural textures or obvious shine and gloss. But like skeuomorphic design, layered flat design borrows metaphors from the natural world — specifically, how objects move and interact with each other. That means that shadows and other light effects are back.</p>
<p style="color: #2c3335;">What results from this melding of flat design with natural physics is that the user has a more intuitive understanding of how elements on a screen work. Objects have weight and inertia when you manipulate them on your device. They may seem to have weight when you slide them around the screen, or cast shadows on elements beneath them. It brings the usability of skeuomorphism together with the aesthetic of flat design to create an elegant user experience.</p>
<h3 style="font-weight: 300; color: #2c3335;"><span class="s1">5. More movement.</span></h3>
<p style="color: #2c3335;">Your smartphone has more computing power than the NASA team that sent a man to the moon, as well as the Deep Blue supercomputer that bested Garry Kasparov, world chess champion, in 1997 (<a style="color: #34a7c1;" href="http://www.phonearena.com/news/A-modern-smartphone-or-a-vintage-supercomputer-which-is-more-powerful_id57149" target="_blank" rel="noopener noreferrer">PhoneArena</a>). <i>And it’s only getting smarter</i>. Not only are our mobile devices becoming more and more powerful computers, but with 3G having given way to <a style="color: #34a7c1;" href="http://www.digitaltrends.com/mobile/what-is-4g-the-ultimate-guide-to-4g-wireless-networks-phones-coverage-and-more/3/" target="_blank" rel="noopener noreferrer">three types of 4G</a>, each trying to outdo each other in terms of speed and power, you have a lot more freedom to animate your mobile app design.</p>
</div>
</div>
</div>
</div>
</div>
<div class="vc_row wpb_row vc_row-fluid">
<div class="vc_col-sm-12 wpb_column vc_column_container ">
<div class="wpb_wrapper">
<div class="wpb_single_image wpb_content_element vc_align_left">
<div class="wpb_wrapper">
<h3 class="wpb_heading wpb_singleimage_heading" style="font-weight: 400; font-style: italic; color: #868f91;">Timeline Page, Sergey Valiukh</h3>
</div>
</div>
</div>
</div>
</div>
<div class="vc_row wpb_row vc_row-fluid">
<div class="vc_col-sm-12 wpb_column vc_column_container ">
<div class="wpb_wrapper">
<div class="wpb_text_column wpb_content_element ">
<div class="wpb_wrapper">
<p style="color: #2c3335;"><img decoding="async" class="alignnone size-full wp-image-11286" src="https://uxservices.com/wp-content/uploads/2015/07/image5-ui.gif" alt="" width="500" height="375" /></p>
<p style="color: #2c3335;">Movement offers so many benefits to mobile app design. It can draw focus to a specific item, guide the user to the necessary action and simply create a more delightful and surprising user experience. Smartphones are now advanced enough, and their networks strong enough, to take advantage of the HTML5 animation or parallax design you’re already using on your desktop experiences. With fewer restrictions on bandwidth and power, we’re seeing a lot more movement in mobile app design this year, and that’s only going to ramp up as our smartphones get smarter.</p>
<h3 style="font-weight: 300; color: #2c3335;"><span class="s1">6. Simple, soft color schemes.</span></h3>
</div>
</div>
<div class="wpb_text_column wpb_content_element ">
<div class="wpb_wrapper">
<p style="color: #2c3335;"><img decoding="async" class="alignnone size-full wp-image-11287" src="https://uxservices.com/wp-content/uploads/2015/07/image6-colorPallete.png" alt="" width="1024" height="768" srcset="https://uxservices.com/wp-content/uploads/2015/07/image6-colorPallete.png 1024w, https://uxservices.com/wp-content/uploads/2015/07/image6-colorPallete-300x225.png 300w, https://uxservices.com/wp-content/uploads/2015/07/image6-colorPallete-768x576.png 768w" sizes="(max-width: 1024px) 100vw, 1024px" /></p>
<p style="color: #2c3335;">Every year has its chosen palette, and right now, we’re focusing on very simple color schemes that emphasize soft contrast. This is a natural consequence of the overall minimalism of flat mobile app design, but it also reflects the colors that are on trend right now (Pantone’s <a style="color: #34a7c1;" href="http://www.pantone.com/pages/fcr/?season=spring&amp;year=2015&amp;pid=11" target="_blank" rel="noopener noreferrer">Spring 2015 color palette</a> emphasizes “cooler and softer color choices with subtle warm tones”). Try a layout with various shades of one color, with white typography and contrast elements. Or, try a layout with only two or three cool, muted shades.</p>
<p style="color: #2c3335;">The result of this simplicity in a mobile app design context is a less scattered experience, where stark color contrast demands more attention from your eye. Staring at a screen that emits light is already harsh on your eyes, but toning the colors down and muting the shine (again, a strength of flat design) makes your mobile app design feel smoother and more pleasant.</p>
<h3 style="font-weight: 300; color: #2c3335;"><span class="s1">7. Typography steps up.</span></h3>
<p style="color: #2c3335;">It doesn’t seem too long ago that mobile typography was limited to whatever web-safe fonts were readable at low resolutions. In the past two years, both <a style="color: #34a7c1;" href="http://www.cnet.com/how-to/how-to-adjust-the-systemwide-font-size-on-ios-7/" target="_blank" rel="noopener noreferrer">iOS</a> and <a style="color: #34a7c1;" href="http://9to5google.com/2014/11/10/chrome-os-roboto-font/" target="_blank" rel="noopener noreferrer">Android</a> have been optimizing their operating systems for more fluid, scalable and readable fonts. Another side effect of larger screens and technological innovations (thank you, TypeKit) is the use of typography to add beauty and expression to your mobile app design. Whether paired with a trendy large background image or <a style="color: #34a7c1;" href="http://thenextweb.com/dd/2015/01/02/10-web-design-trends-can-expect-see-2015/4/" target="_blank" rel="noopener noreferrer">negative space</a>, you can let your typeface do the talking and deliver a powerful message in a minimalistic way.</p>
</div>
</div>
</div>
</div>
</div>
<div class="vc_row wpb_row vc_row-fluid">
<div class="vc_col-sm-12 wpb_column vc_column_container ">
<div class="wpb_wrapper">
<div class="wpb_single_image wpb_content_element vc_align_left">
<div class="wpb_wrapper">
<h3 class="wpb_heading wpb_singleimage_heading" style="font-weight: 400; font-style: italic; color: #868f91;">Wild Canada iOs App, by Marshall Lorenzo</h3>
</div>
</div>
</div>
</div>
</div>
<div class="vc_row wpb_row vc_row-fluid">
<div class="vc_col-sm-12 wpb_column vc_column_container ">
<div class="wpb_wrapper">
<div class="wpb_text_column wpb_content_element ">
<div class="wpb_wrapper">
<h3 style="font-weight: 300; color: #2c3335;"><img decoding="async" class="alignnone size-full wp-image-11288" src="https://uxservices.com/wp-content/uploads/2015/07/image7-Typography.jpg" alt="" width="1240" height="930" srcset="https://uxservices.com/wp-content/uploads/2015/07/image7-Typography.jpg 1240w, https://uxservices.com/wp-content/uploads/2015/07/image7-Typography-300x225.jpg 300w, https://uxservices.com/wp-content/uploads/2015/07/image7-Typography-1024x768.jpg 1024w, https://uxservices.com/wp-content/uploads/2015/07/image7-Typography-768x576.jpg 768w" sizes="(max-width: 1240px) 100vw, 1240px" /></h3>
<h3 style="font-weight: 300; color: #2c3335;">8. Built-in blur.</h3>
<p style="color: #2c3335;">One mobile app design trend that adds instant usability to your translucent apps is background blur. While mobile apps that live on top of a user’s background can give the user a clean, unbroken experience, sometimes they can cause usability issues.</p>
</div>
</div>
<div class="wpb_single_image wpb_content_element vc_align_left">
<div class="wpb_wrapper">
<h3 class="wpb_heading wpb_singleimage_heading" style="font-weight: 400; font-style: italic; color: #868f91;">UI &#8211; Weather, by Nathan Smith</h3>
</div>
</div>
<div class="wpb_text_column wpb_content_element ">
<div class="wpb_wrapper">
<p style="color: #2c3335;"><img decoding="async" class="alignnone size-full wp-image-11289" src="https://uxservices.com/wp-content/uploads/2015/07/image8-blur.jpg" alt="" width="1240" height="885" srcset="https://uxservices.com/wp-content/uploads/2015/07/image8-blur.jpg 1240w, https://uxservices.com/wp-content/uploads/2015/07/image8-blur-300x214.jpg 300w, https://uxservices.com/wp-content/uploads/2015/07/image8-blur-1024x731.jpg 1024w, https://uxservices.com/wp-content/uploads/2015/07/image8-blur-768x548.jpg 768w" sizes="(max-width: 1240px) 100vw, 1240px" /></p>
<p style="color: #2c3335;">Depending on which background your users select for their devices, as well as how many icons or widgets live on that background, the lack of opacity can make your app very difficult to read. Embedding a Gaussian blur effect into your mobile app design makes your app more readable and easy on the eyes, while retaining the custom feel of the user’s background.</p>
<h3 style="font-weight: 300; color: #2c3335;"><span class="s1">9. Innovations in accessible mobile app design.</span></h3>
<p style="color: #2c3335;">As a bonus, today’s design trends are de facto more accessible. Simpler layouts with large elements and fonts require less visual processing, while macro hand gestures (swiping) as opposed to movements that require more fine motor control (pinching to zoom, tapping) are easier on people with movement restrictions. As Typekit allows us to use more live text in our mobile app design without sacrificing quality typography, it also makes our applications more accessible for people with visual impairments who use reading devices. Even just the wider availability of larger devices and phablets makes mobile app design accessible to a larger population.</p>
</div>
</div>
</div>
</div>
</div>
<div class="vc_row wpb_row vc_row-fluid">
<div class="vc_col-sm-12 wpb_column vc_column_container ">
<div class="wpb_wrapper">
<div class="wpb_single_image wpb_content_element vc_align_left">
<div class="wpb_wrapper">
<h3 class="wpb_heading wpb_singleimage_heading" style="font-weight: 400; font-style: italic; color: #868f91;">An example of the built-in recognition flow for a speech recognizer that uses a SRGS-defined constraint. In this example, speech recognition is successful.</h3>
</div>
</div>
</div>
</div>
</div>
<div class="vc_row wpb_row vc_row-fluid">
<div class="vc_col-sm-12 wpb_column vc_column_container ">
<div class="wpb_wrapper">
<div class="wpb_text_column wpb_content_element ">
<div class="wpb_wrapper">
<p style="color: #2c3335;"><img decoding="async" class="alignnone size-full wp-image-11290" src="https://uxservices.com/wp-content/uploads/2015/07/image9-Accessability.png" alt="" width="728" height="393" srcset="https://uxservices.com/wp-content/uploads/2015/07/image9-Accessability.png 728w, https://uxservices.com/wp-content/uploads/2015/07/image9-Accessability-300x162.png 300w" sizes="(max-width: 728px) 100vw, 728px" /></p>
<p style="color: #2c3335;">Remember that building usability into your mobile app design means thinking critically about how accessible your product is. Is the layout customizable for somebody who requires larger, more readable text? Are you building a haptic feedback option in for those who need more response from interactive elements? It can help to use an accessibility checklist while you’re working on your design. <a style="color: #34a7c1;" href="http://a11yproject.com/" target="_blank" rel="noopener noreferrer">The Accessibility Project</a> offers a number of resources for designers and developers to make their products available and usable for a broader audience.</p>
<h3 style="font-weight: 300; color: #2c3335;"><span class="s1">10. Smarter prototyping.</span></h3>
<p style="color: #2c3335;">Every app we use was, at one time, a prototype. Many proofs of concept began as a simple wireframe, printed out on a few pieces of paper or saved out as a static PDF. As mobile app design becomes more complex, it isn’t enough to show a few static frames and force the client or the developer to imagine the movement you’re considering. If your app heavily depends on animation to direct the user or provide visual interest, your client is losing out on much of what makes the app interesting and usable. Plus, flat wireframes simply don’t offer a lot of “wow” factor.</p>
</div>
</div>
</div>
</div>
</div>
<div class="vc_row wpb_row vc_row-fluid">
<div class="vc_col-sm-12 wpb_column vc_column_container ">
<div class="wpb_wrapper">
<div class="wpb_single_image wpb_content_element vc_align_left">
<div class="wpb_wrapper">
<h3 class="wpb_heading wpb_singleimage_heading" style="font-weight: 400; font-style: italic; color: #868f91;">Spotify App, prototype made with proto.io</h3>
</div>
</div>
</div>
</div>
</div>
<div class="vc_row wpb_row vc_row-fluid">
<div class="vc_col-sm-12 wpb_column vc_column_container ">
<div class="wpb_wrapper">
<div class="wpb_text_column wpb_content_element ">
<div class="wpb_wrapper">
<p style="color: #2c3335;"><img decoding="async" class="alignnone size-full wp-image-11291" src="https://uxservices.com/wp-content/uploads/2015/07/image10-prototype.png" alt="" width="887" height="573" srcset="https://uxservices.com/wp-content/uploads/2015/07/image10-prototype.png 887w, https://uxservices.com/wp-content/uploads/2015/07/image10-prototype-300x194.png 300w, https://uxservices.com/wp-content/uploads/2015/07/image10-prototype-768x496.png 768w" sizes="(max-width: 887px) 100vw, 887px" /></p>
<p style="color: #2c3335;">However, programming a proof of concept comes with its own set of headaches, as developers sink bandwidth into coding elements that might not even make it into the final prototype. Either designers have to communicate their intentions very clearly with developers to avoid wasted effort, or designers have to take creating the prototype into their own hands so that it reflects their vision.</p>
<p style="color: #2c3335;">Thankfully, with today’s <a style="color: #34a7c1;" href="https://proto.io/" target="_blank" rel="noopener noreferrer">prototyping solutions</a>, designers can do just that. With minimal or no knowledge of coding, the designer can create a proof of concept that shows how the user is meant to interact with the app, as well as any animations or movement critical to the mobile app design. This not only results in a prototype that stuns a potential client or customer, but also in a simplified process when the app lands in development. Since you’ve hammered out all the details around how the app should move and interact with the user, all the developer has to do is create the product — without coding endless rounds of design revisions.</p>
<p class="p3" style="color: #2c3335;"><i>Ready to give today’s hottest mobile app design trends a spin? Try using </i><a style="color: #34a7c1;" href="https://proto.io/en/tour/"><i>Proto.io</i></a><i> to create a prototype of your next project. Whether you’re an experienced designer or a novice with a great idea, Proto.io can bring your inspiration to life with easy-to-use features, UI libraries to get you started, touch and mouse event support and much more. With the mobile Proto.io app for </i><i style="color: #34a7c1;"><a style="color: #34a7c1;" href="https://itunes.apple.com/app/proto.io-player/id854504039">iOS</a> </i><i>and </i><a style="color: #34a7c1;" href="https://play.google.com/store/apps/details?id=io.proto.player"><i>Android</i></a><i>, you can also test your prototype on multiple devices to ensure it plays nicely across resolutions and operating systems.</i></p>
<p class="p3" style="color: #2c3335;"><strong>Source:</strong> <a href="http://blog.proto.io/10-exciting-trends-in-mobile-app-design/?utm_content=buffera401b" target="_blank" rel="noopener noreferrer">http://blog.proto.io/10-exciting-trends-in-mobile-app-design/?utm_content=buffera401b</a></p>
</div>
</div>
</div>
</div>
</div>
<p>The post <a href="https://uxservices.com/en/blog/10-exciting-trends-in-mobile-app-design/">10 Exciting Trends in Mobile App Design</a> appeared first on <a href="https://uxservices.com/en">UXservices</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>The Top UX Predictions for 2015</title>
		<link>https://uxservices.com/en/blog/top-ux-predictions-2015/</link>
		
		<dc:creator><![CDATA[uxservices-3]]></dc:creator>
		<pubDate>Mon, 12 Jan 2015 16:13:33 +0000</pubDate>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[UX Design]]></category>
		<guid isPermaLink="false">https://www.uxservices.com/?p=2454</guid>

					<description><![CDATA[<p>As we mentioned last week when we gave you the top UX trends of 2014, it&#8217;s been a big year for experience design. 2015 shows all signs of being an even bigger...</p>
<p>The post <a href="https://uxservices.com/en/blog/top-ux-predictions-2015/">The Top UX Predictions for 2015</a> appeared first on <a href="https://uxservices.com/en">UXservices</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p style="color: #1e1e1e;"><span style="font-weight: inherit; font-style: inherit;"><strong style="font-style: inherit;">As we mentioned last week when we gave you <a style="font-weight: inherit; font-style: inherit; color: #006699;" href="http://uxmag.com/articles/the-top-ux-trends-of-2014" target="_blank" rel="noopener noreferrer">the top UX trends of 2014</a>, it&#8217;s been a big year for experience design.</strong></span> 2015 shows all signs of being an even bigger one, with experience design sinking deeper into products, services, organizations, and the lives of those who interact with them.</p>
<p style="color: #1e1e1e;">Without further ado, here are some predictions for 2015 from our contributors:</p>
<h4 style="color: #1e1e1e;">A Rise in “Slippy” UX &#8211; Shannon Copfer, <a style="font-weight: inherit; font-style: inherit; color: #006699;" href="http://www.jwplayer.com/" target="_blank" rel="noopener noreferrer">JW Player</a></h4>
<p style="color: #1e1e1e;">Up until now, we’ve seen a lot of focus on creating “sticky” user experiences—experiences that engage the user and keep them interested, as well as bringing them back for more. “Sticky” has been considered one of the most desirable design traits possible—a way for digital experience designers to show off their talent, eliciting “oohs” and “ahhs” from consumers, critics, and peers alike.</p>
<p style="color: #1e1e1e;">What we will be seeing shortly, however, is a purposeful trend towards “slippy” experience design. Jake Zukowski, Assistant Creative Director at Frog Design (and the coiner of the term “slippy” in a UX context) has a particularly poignant illustration of this concept: digital <a class="topics-tag" style="font-weight: inherit; font-style: inherit;" href="https://uxmag.com/topics/automotive" target="_blank" rel="noopener noreferrer">automobile</a> screen design. Here, UX literally finds itself in a life-or-death situation: can a digital experience in a car operate effectively, yet invisibly enough to not affect the safety of a driver and her passengers? A successful design in this concept is “slippy” because it is designed for glance-ability, minimal copy, and use in potentially high-stress situations.</p>
<p><img decoding="async" class="alignnone size-full wp-image-11305" src="https://uxservices.com/wp-content/uploads/2015/01/carplay-messages.png" alt="" width="755" height="423" srcset="https://uxservices.com/wp-content/uploads/2015/01/carplay-messages.png 755w, https://uxservices.com/wp-content/uploads/2015/01/carplay-messages-300x168.png 300w" sizes="(max-width: 755px) 100vw, 755px" /></p>
<p>“Slippy” UX makes sense particularly in the context of a connected home—nobody would want a house that is constantly interrupting them. It’s the opposite; a truly successful connected home would operate without even being seen. Once set up, it would deliver seamless service and an experience that enhances other, analog activities: laundry, sleeping, comfort, conversation. Wearable device UX design will also necessarily follow this pattern, if people are going to need to be so close to their devices as to have constant skin-to-skin contact, those devices had better tangentially enhance their world and their personal experiences (both digital and analog) rather than interfere with them.</p>
<h4>The Death of Web Design &#8211; Sergio Nouvel of <a style="font-weight: inherit; font-style: inherit; color: #006699;" href="http://www.continuumhq.co/" target="_blank" rel="noopener noreferrer">Continuum</a></h4>
<p>2015 will be the year when web design finally dies of irrelevance. High-quality templates are everywhere, and the value of a “custom-built” design is no longer evident; self-service web design is close at hand and every year more it becomes effective with the addition of artificial intelligence.<a class="topics-tag" style="font-weight: inherit; font-style: inherit; color: #333333;" href="https://uxmag.com/topics/facebook" target="_blank" rel="noopener noreferrer">Facebook Pages</a> have become the “de-facto” web page for small businesses, and, most importantly, without a proper strategy (which must include SEO and social media) even the most beautifully crafted design is destined to have an audience of two: <a class="topics-tag" style="font-weight: inherit; font-style: inherit; color: #333333;" href="https://uxmag.com/topics/vendor-client-relationships" target="_blank" rel="noopener noreferrer">you and your client</a>.</p>
<p>Web design patterns are already mature. Trying to reinvent the wheel in contact or checkout forms is pointless and likely to produce sub-standard results. Stripe, for instance, is leading the payment services providing not only a layer for processing credit cards, but also ready-to-use and massively tested interface design for checkout forms. This has happened as well with log-in functionality (now provided by social media services), and it’s likely to happen with other components of classic Web design.</p>
<p>We can no longer understand and design web pages as self-sufficient entities. We are in the product design business, and this involves designing and managing an ecosystem of touchpoints and services to deliver value. So where does this leave us as designers?</p>
<p>&nbsp;</p>
<blockquote class="twit-uxm" style="font-style: italic;"><p>We&#8217;re in the product design biz, managing an ecosystem of touchpoints and services to deliver value<a class="twit" style="font-weight: inherit; font-style: inherit; color: #cc0000;" href="https://twitter.com/intent/tweet?text=Read%20on%20@uxmag:%20We%27re%20in%20the%20product%20design%20biz,%20managing%20an%20ecosystem%20of%20touchpoints%20and%20services%20to%20deliver%20value&amp;url=http://uxm.ag/1yc" target="_blank" rel="noopener noreferrer">tweet this</a></p></blockquote>
<p>&nbsp;</p>
<p>2015 must be the year where we shift our focus to unsolved problems, especially ones we&#8217;ve been inadvertedly feeding all these years: the overload of information. The world needs designers to simplify, not to add up to the noise. Artificial intelligence is becoming the way of extracting sense and relevance of seas of information we have no human bandwidth to process. As professionals meant to be the experts in the creation of sense, this challenge needs us on board.</p>
<h4>The Race from Good to Great Customer Experience Intensifies &#8211; <a style="font-weight: inherit; font-style: inherit; color: #006699;" href="https://www.forrester.com/Harley-Manning" target="_blank" rel="noopener noreferrer">Harley Manning, Forrester</a></h4>
<p>2014 wasn’t a good year to be average. Since 2007, the average customer experience in the industries that Forrester tracks has gone up across the board, and the number of truly awful experiences has dropped like a rock.</p>
<p>In 2015, the race from good to great CX will speed up. Smart CX teams will increasingly use customer data from diverse sources like social listening platforms, campaign management platforms, mobile apps, and loyalty programs—to personalize and tailor experiences in real time so that they inherently adapt to the needs, wants, and behaviors of individual customers. And as companies strive to break from the pack and gain a competitive edge through the quality of the CX they provide, we’ll see the battleground shift to new areas like emotional experiences.</p>
<p>Our latest research shows that <a class="topics-tag" style="font-weight: inherit; font-style: inherit; color: #333333;" href="https://uxmag.com/topics/emotion" target="_blank" rel="noopener noreferrer">emotion</a> has a bigger impact on customer loyalty than either ease or effectiveness. And so in the shadows of Deloitte’s purchase of Doblin and Accenture’s acquisition of Fjord, expect a land grab for design agencies that can provide emotional intelligence to traditionally left-brained companies. In 2015, the likes of Bain, McKinsey, and Pricewaterhouse Coopers will compete to snap up firms like Continuum and Livework. And the prices on these deals will reach some dizzying heights. Why? The consultancies will have to bid against aspiring CX leaders like Delta Air Lines and Verizon that want to match Capital One’s recent bold move to acquire Adaptive Path.</p>
<h4>Deeper Integration of Digital and Physical Experiences &#8211;<a style="font-weight: inherit; font-style: inherit; color: #006699;" href="http://veryday.com/" target="_blank" rel="noopener noreferrer">Anders Arnquist, Veryday</a></h4>
<p>With the <a style="font-weight: inherit; font-style: inherit; color: #006699;" href="http://uxmag.com/articles/how-do-we-create-an-advanced-experience-ecosystem" target="_blank" rel="noopener noreferrer">rise of the Internet of Things</a>, the line between digital and physical experiences has blurred. To bridge these two dimensions, we must take the user context into account. We are transitioning to a world where physical products are expected to come with a digital experience—for information, for added value, or for administration and configuration. But in 2014, there was still a frustrating disconnect between digital and physical experiences.</p>
<p>Take a home furnishings company as an example. The time you spend surfing their website while sitting on your couch gives you nothing in return when you enter the store—not in the layout of the merchandise, the display of the offers, or in the signage. There is, in short, no communication between the physical and the digital experience of the brand. In order to remedy this disconnect and become more relevant in service communications, we need to be able to determine user context.</p>
<p>Over the past year, small, cheap Bluetooth sensors (“beacons”) that interact with smartphones have been used to build indoor navigation systems that will help us acquire the contextual information we need to bridge the experience gap. The technology is constantly changing and becoming more tailored to the task and we now see systems that combine multiple technologies, such as analyzing magnetic fields, Wi-Fi signals and light.</p>
<p><img decoding="async" class="alignnone size-full wp-image-11307" src="https://uxservices.com/wp-content/uploads/2015/01/RECpic2.jpg" alt="" width="590" height="135" srcset="https://uxservices.com/wp-content/uploads/2015/01/RECpic2.jpg 590w, https://uxservices.com/wp-content/uploads/2015/01/RECpic2-300x69.jpg 300w" sizes="(max-width: 590px) 100vw, 590px" /></p>
<p>These indoor navigation solutions fill a blind spot by tying people to specific places and objects, thereby giving services the valuable data they need to make their information more relevant and timely. In order to further explore and investigate how new technology may be harnessed to benefit users, I created <a style="font-weight: inherit; font-style: inherit; color: #006699;" href="http://veryday.com/aspect/the-quest-for-contextual-relevance/" target="_blank" rel="noopener noreferrer">REC</a>, a <a class="topics-tag" style="font-weight: inherit; font-style: inherit; color: #333333;" href="https://uxmag.com/topics/design-tools-and-software" target="_blank" rel="noopener noreferrer">prototyping tool</a> that makes it easier to build customized indoor navigation systems using Bluetooth sensors. In 2015, we’re going to see digital and physical experiences come closer together than ever before.</p>
<h4>House of Cards &#8211; <a style="font-weight: inherit; font-style: inherit; color: #006699;" href="http://uxmag.com/contributors/will-hacker" target="_blank" rel="noopener noreferrer">Will Hacker</a></h4>
<p>Card-based design became really popular in 2014 and its use will continue to expand in 2015. The trend reflects both the continued increase in the use of mobile devices and their smaller screens, and a corresponding increase in people’s desire to consume information in bit-sized chunks. Cards are widely used in social media like Twitter and Facebook when users share content with their networks. Google Now relies heavily on card-based design, as does the Notifications panel on<a class="topics-tag" style="font-weight: inherit; font-style: inherit; color: #333333;" href="https://uxmag.com/topics/apple-ios" target="_blank" rel="noopener noreferrer">iOS</a> devices. The beauty of cards is that these small, bit-sized information chunks can be combined and assembled in novel ways based on user preferences, device type and screen size, the user’s location, or the time of day.</p>
<p><img decoding="async" class="alignnone size-full wp-image-11308" src="https://uxservices.com/wp-content/uploads/2015/01/hacker-twitter-cards.jpg" alt="" width="900" height="337" srcset="https://uxservices.com/wp-content/uploads/2015/01/hacker-twitter-cards.jpg 900w, https://uxservices.com/wp-content/uploads/2015/01/hacker-twitter-cards-300x112.jpg 300w, https://uxservices.com/wp-content/uploads/2015/01/hacker-twitter-cards-768x288.jpg 768w" sizes="(max-width: 900px) 100vw, 900px" /></p>
<p style="color: #1e1e1e;" align="center"><em style="font-weight: inherit;">Twitter on a mobile device (left) and Twitter on the web (right) both use cards as a way to organize information</em></p>
<h4 style="color: #1e1e1e;">More Celebrity-Driven Apps &#8211; <a style="font-weight: inherit; font-style: inherit; color: #006699;" href="http://uxmag.com/contributors/josh-tyson-ux-magazine" target="_blank" rel="noopener noreferrer">Josh Tyson, UX Magazine</a></h4>
<p style="color: #1e1e1e;"><a class="topics-tag" style="font-weight: inherit; font-style: inherit;" href="https://uxmag.com/topics/mobile-applications" target="_blank" rel="noopener noreferrer">Apps</a> created by (or on behalf of) celebrities were a notable trend in 2014—one with the ability to draw deeper connections between famous folks and their fans. A couple of celebrity app entries from late in the year suggest that the trend isn&#8217;t slowing down and that it might even mature a bit.</p>
<p style="color: #1e1e1e;">While it certainly doesn&#8217;t sound all that mature, <a style="font-weight: inherit; font-style: inherit; color: #006699;" href="https://itunes.apple.com/us/app/yb/id910055905?ls=1&amp;mt=8" target="_blank" rel="noopener noreferrer">Yo, Bitch (or YB)</a>, an app released by Aaron Paul of<em style="font-weight: inherit;">Breaking Bad</em> fame deftly combines two disparate bits of pop culture ephemera. Paul&#8217;s character on the show, Jesse Pinkman, managed to turn <a style="font-weight: inherit; font-style: inherit; color: #006699;" href="https://www.youtube.com/watch?v=WVR476WHmR8" target="_blank" rel="noopener noreferrer">a very basic nugget of profanity, &#8220;bitch,&#8221; into a catchphrase</a>, and he&#8217;s combined it with the basic premise of the <a style="font-weight: inherit; font-style: inherit; color: #006699;" href="http://www.justyo.co/" target="_blank" rel="noopener noreferrer">Yo app</a> for a slighty enriched experiece.</p>
<p style="color: #1e1e1e;">The official app description reads like this:</p>
<ul style="color: #1e1e1e;">
<li style="font-weight: inherit; font-style: inherit;">Want to say hello to someone? Say &#8220;Hello, b****!&#8221;</li>
<li style="font-weight: inherit; font-style: inherit;">Want to make your special someone feel loved? Say &#8220;I need you, b****!&#8221;</li>
<li style="font-weight: inherit; font-style: inherit;">Fed up with your friend? Say &#8220;Why, b****?&#8221;</li>
</ul>
<p style="color: #1e1e1e;">Definitely not a sohpisticated experience, but a nice bit of hybrid satire. A far more considerate and cool app comes from former White Stripe, Jack White, whose <a style="font-weight: inherit; font-style: inherit; color: #006699;" href="https://play.google.com/store/music/collection/promotion_albums_2000a71_dic_jack_white" target="_blank" rel="noopener noreferrer">THIRD-D</a> app employs the Viewmaster-esuqe <a style="font-weight: inherit; font-style: inherit; color: #006699;" href="https://www.google.com/get/cardboard/" target="_blank" rel="noopener noreferrer">Google Cardboard</a> to give users a 3-D concert experience.</p>
<p><a href="http://iframewidth=560height=315src=//www.youtube.com/embed/FlROqPWfuEcframeborder=0allowfullscreen/iframe"><iframe src="//www.youtube.com/embed/FlROqPWfuEc" width="560" height="315" frameborder="0" allowfullscreen="allowfullscreen"></iframe></a></p>
<p style="color: #1e1e1e;">So what&#8217;s next? We&#8217;d like to see a Michael Keaton app that lets you appy a <em style="font-weight: inherit;"><a style="font-weight: inherit; font-style: inherit; color: #006699;" href="https://www.youtube.com/watch?v=uJfLoE6hanc" target="_blank" rel="noopener noreferrer">Birdman</a></em> skin and vocal effect to your personal videos, but that&#8217;s just us.</p>
<h4 style="color: #1e1e1e;">The Ascent of User Experience as a Business Strategy &#8211;<a style="font-weight: inherit; font-style: inherit; color: #006699;" href="http://uxmag.com/contributors/scott-plewes" target="_blank" rel="noopener noreferrer">Scott Plewes, Macadamian</a></h4>
<p style="color: #1e1e1e;">User Experience continues to move to the forefront of what differentiates products and the organizations that produce them. It fundamentally matters to those of us who love and see the value of UX, because if you influence the business/product decision makers in an organization you influence the product and, potentially, society. Recently there have been a number of design firm acquisitions by large corporations, UX hiring sprees across a wide range of businesses, and, perhaps just as importantly, hiring of senior UX personnel in Director, VP and other influential positions within companies.</p>
<p style="color: #1e1e1e;">Exactly where and when UX began its most recent and impacting ascension is arguable. It is probably a combination of factors but user expectations in consumer products have now spread to enterprise, and organizations are reacting by adopting UX as a key marketplace differentiator. As part of growing importance of UX, companies are recognizing that successful execution requires UX professionals at all levels across the organization.</p>
<p><img decoding="async" class="alignnone size-full wp-image-11309" src="https://uxservices.com/wp-content/uploads/2015/01/ascent-of-ux.png" alt="" width="600" height="292" srcset="https://uxservices.com/wp-content/uploads/2015/01/ascent-of-ux.png 600w, https://uxservices.com/wp-content/uploads/2015/01/ascent-of-ux-300x146.png 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p style="color: #1e1e1e;">The more sophisticated among these companies are adopting UX as part of an overall <a class="topics-tag" style="font-weight: inherit; font-style: inherit;" href="https://uxmag.com/topics/customer-experience" target="_blank" rel="noopener noreferrer">customer experience</a> design and adopting &#8220;design thinking&#8221; across their operations. While, in some ways, aspects of this trend have been around for many years now, the culmination of (senior) hiring, influence, decision making, acquisitions, market positioning, process adoption, and other fundamental indicators of the importance of UX to a company’s business model and strategy have never been higher. It is a great a time to be in UX.</p>
<h4 style="color: #1e1e1e;">More Targeted and Tailored Experiences for Different Device Types &#8211; <a style="font-weight: inherit; font-style: inherit; color: #006699;" href="http://uxmag.com/contributors/doug-hopkins-0" target="_blank" rel="noopener noreferrer">Doug Hopkins, Isobar</a></h4>
<p style="color: #1e1e1e;">In previous years, the “first wave” of adaptive and responsive design philosophies focused on delivering experiences that sought to be as universal and similar across device types and screen sizes as possible, typically taking a mobile first approach that would work back to larger screen sizes and view ports.</p>
<p style="color: #1e1e1e;">Now that many brands have accomplished this, the next wave of design approach is about extending and tailoring the experience to the native device type and size in order to deliver an optimized experience. These techniques include things like parallax scrolling behaviors and other rich navigation schemes that best lend themselves to larger screen sizes. We’re also seeing smart contextual menus and interactions that are especially handy on smaller, hand held form factors. Furthermore, predictive navigation and suggestive wayfinding will migrate out of standalone app experiences such as Google Now and Microsoft Cortana and begin to appear as mainstream offerings, especially for smart phones and tablets.</p>
<p style="color: #1e1e1e;">More evolved and robust development frameworks that have many more built in, native abilities to render responsive experiences are enabling teams to push further beyond the efforts to standardize experiences across device types. More time and effort can now be spent applying design and development to tailoring experiences outside of the core symmetry across devices, and to think in terms of more optimized experiences that are truly suited to context of desktop, tablet, or smartphone user needs and interests.</p>
<h4 style="color: #1e1e1e;">Embracing the Materials of Design &#8211; <a style="font-weight: inherit; font-style: inherit; color: #006699;" href="http://uxmag.com/contributors/steven-hoober" target="_blank" rel="noopener noreferrer">Steven Hoober</a></h4>
<p style="color: #1e1e1e;">Google did something truly good this year with <a style="font-weight: inherit; font-style: inherit; color: #006699;" href="http://www.designcaffeine.com/articles/visual-guide-to-android-l-material-design-7-insights-every-serious-designer-needs-to-know/" target="_blank" rel="noopener noreferrer">Material Design</a> and I hope that it will be fully-understood and embraced by the design community and other OS makers in 2015 and onward.</p>
<p style="color: #1e1e1e;">A lot of people still call this flat design, but the key feature is that it has dimensionality. Some are therefore insisting it is skeuomorphic, which of course is bad without explanation. The principle is we&#8217;re forcing flat phones to be dimensional by pretending they are made of bits of paper layered up behind the display.</p>
<p><img decoding="async" class="alignnone size-full wp-image-11310" src="https://uxservices.com/wp-content/uploads/2015/01/z-depth-android-material-design.jpg" alt="" width="765" height="540" srcset="https://uxservices.com/wp-content/uploads/2015/01/z-depth-android-material-design.jpg 765w, https://uxservices.com/wp-content/uploads/2015/01/z-depth-android-material-design-300x212.jpg 300w" sizes="(max-width: 765px) 100vw, 765px" /></p>
<p>But phones are not flat. For the entire history of GUIs there has been a concept of layering. Items are displayed on top of others. In <a class="topics-tag" style="font-weight: inherit; font-style: inherit; color: #333333;" href="https://uxmag.com/topics/android" target="_blank" rel="noopener noreferrer">Android</a>, &#8220;the stack&#8221; has always been what they called the software-driven principle of displaying views of information. Not just dialogs that appear on top of content views, but that the current view is literally on top of the previous view, and hiding it. Putting transparent parts on your view will let the other show through. Pressing back takes the user to the previous view automatically.</p>
<p>So it&#8217;s not skeuomorphism in the bad sense of trying to impose some other style onto digital. It is Good Design in the 1950 MoMA sense. It embraces, contextualizes, and builds on the forms and materials we use in digital spaces.</p>
<p>This is one of those things I have been lamenting and hoping—barring my own ability to start the discussion—someone would bring about. An actual, permanent, material-based design ethic for digital media that everyone can understand and embrace.</p>
<h4>Prepare for a World of Automation &#8211; <a style="font-weight: inherit; font-style: inherit; color: #006699;" href="http://uxmag.com/contributors/rebekah-rousi" target="_blank" rel="noopener noreferrer">Rebekah Rousi</a></h4>
<p>In 2015, the reality of vehicles, devices, and helpers which are fully automated becomes ever more nearer. Particularly with the development and sales of self-driving cars, people are beginning to question what their lives will be like when they don’t need to bother worrying about who will drive when everyone’s tired. And naturally, issues about work will also be on people’s mind—when there are robots that can dance, serve dinner, assemble delicate machinery, and perform surgery in a matter of minutes, what will the role of people be?</p>
<p>These issues have been the stuff of dreams for decades—f not centuries—in the realms of science fiction and philosophy, but more and more in the fields of IT and particularly human-computer interaction, we are seeing evidence that concerns in the near future do not pertain to how people learn to use technology, but how technology learns to adapt to humans. Just take a look at the <a style="font-weight: inherit; font-style: inherit; color: #006699;" href="http://chi2014.acm.org/" target="_blank" rel="noopener noreferrer">CHI conferences</a> as well as discussions by people such as <a style="font-weight: inherit; font-style: inherit; color: #006699;" href="http://www.jnd.org/books/the-design-of-future-things.html" target="_blank" rel="noopener noreferrer">Don Norman</a> and <a style="font-weight: inherit; font-style: inherit; color: #006699;" href="http://www.researchgate.net/publication/234092398_All_You_Need_is_Love_Current_Strategies_of_Mediating_Intimate_Relationships_through_Technology" target="_blank" rel="noopener noreferrer">Marc Hassenzahl</a>, that will give you a clue.</p>
<p>Due to its longevity in the minds of dreamers and scientists, this trend is inevitable. And for the most part, the trend element is just the era of adjustment for people entering into this new world. It comes with pros and cons. Pros possibly include fewer accidents and mistakes, more accuracy, and more satisfaction when we receive our burger made &#8220;just right.&#8221; The cons are of course concerns with employment, and let’s face it, if we expect consumption and growth to continue people do need jobs. But this might mean new opportunities, too. Certainly, many are concerned about the human touch, particularly in the healthcare sector. But then there is deliberation between the current deficient conditions of understaffing, risks of neglect and error, and the possible alternative of robot helpers that don’t forget, neglect, or suffer emotional ups and downs.</p>
<h4>Online Learning Comes Into its Own &#8211; <a style="font-weight: inherit; font-style: inherit; color: #006699;" href="http://uxmag.com/contributors/john-mcgloon" target="_blank" rel="noopener noreferrer">John McGloon</a></h4>
<p>In 2015, instructional designers, educational technologists, and user experience designers will form alliances to improve the delivery of the massive demand for online learning. Major universities and private companies will employ user experience designers to make their educational offerings much more usable for learners.</p>
<h4>Security and Privacy &#8211; <a style="font-weight: inherit; font-style: inherit; color: #006699;" href="http://uxmag.com/contributors/mary-brodie" target="_blank" rel="noopener noreferrer">Mary Brodie</a></h4>
<p>With the growth of data devices for health and fitness, digital wallets and other digital financial services, and now wearables, there is the opportunity for collecting an abundance of <a class="topics-tag" style="font-weight: inherit; font-style: inherit; color: #333333;" href="https://uxmag.com/topics/alaytics-and-tracking" target="_blank" rel="noopener noreferrer">personal data</a>. Where will this data be stored? How will it be used? Could it be leaked or hacked? How will we confirm our identities online or offline if something happens? This is one of the next challenges awaiting us. We will need to solve these questions for users so they start using the devices and it becomes part of daily life:</p>
<ul>
<li style="font-weight: inherit; font-style: inherit;">How do we communicate <a class="topics-tag" style="font-weight: inherit; font-style: inherit; color: #333333;" href="https://uxmag.com/topics/privacy-and-data-security" target="_blank" rel="noopener noreferrer">security and data safety</a> to users?</li>
<li style="font-weight: inherit; font-style: inherit;">How do we make a high-security site easy to use, from gaining access to accessing data, without it requiring insane levels of passwords?</li>
<li style="font-weight: inherit; font-style: inherit;">What are the best methods of securing personal data (e.g., voice or custom gestures)?</li>
<li style="font-weight: inherit; font-style: inherit;">How do we confirm identity online and offline, beyond using fingerprints or retinal scans, which can also be “hacked” in real life?</li>
</ul>
<p>These are the key questions we need to consider in the coming year if we want more personal devices to be used and leveraged.</p>
<p style="color: #1e1e1e;">Source: <a href="https://uxmag.com/articles/the-top-ux-predictions-for-2015" target="_blank" rel="noopener noreferrer">https://uxmag.com/articles/the-top-ux-predictions-for-2015 </a></p>
<p>The post <a href="https://uxservices.com/en/blog/top-ux-predictions-2015/">The Top UX Predictions for 2015</a> appeared first on <a href="https://uxservices.com/en">UXservices</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>The Top UX Trends of 2014</title>
		<link>https://uxservices.com/en/blog/top-ux-trends-2014/</link>
		
		<dc:creator><![CDATA[uxservices-3]]></dc:creator>
		<pubDate>Mon, 12 Jan 2015 15:59:09 +0000</pubDate>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[UX Design]]></category>
		<guid isPermaLink="false">https://www.uxservices.com/?p=2446</guid>

					<description><![CDATA[<p>This was another big year for experience design. Biggest one yet? Sure, why not. There were too many developments, surprises, and shakeups to count, so we sent the call out to...</p>
<p>The post <a href="https://uxservices.com/en/blog/top-ux-trends-2014/">The Top UX Trends of 2014</a> appeared first on <a href="https://uxservices.com/en">UXservices</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p style="color: #1e1e1e;"><span style="font-weight: inherit; font-style: inherit;"><strong style="font-style: inherit;">This was another big year for experience design.</strong></span> Biggest one yet? Sure, why not. There were too many developments, surprises, and shakeups to count, so we sent the call out to our contributors to give us their picks for the trends—both good and bad—that stood out from the rest.</p>
<p style="color: #1e1e1e;">Wihtout further ado, the top UX trends of 2014:</p>
<h4 style="color: #1e1e1e;">Welcome Back Social Media, We’ve Decided You Are Useful &#8211; <a style="font-weight: inherit; font-style: inherit; color: #006699;" href="http://uxmag.com/contributors/rebekah-rousi" target="_blank" rel="noopener noreferrer">Rebekah Rousi</a></h4>
<p style="color: #1e1e1e;">After years of deliberating the benefits and popularity of <a class="topics-tag" style="font-weight: inherit; font-style: inherit;" href="https://uxmag.com/topics/social-networking" target="_blank" rel="noopener noreferrer">social media</a>, with conflicting views and sentiments over whether it was healthy or not—promoting loneliness through abundance of &#8220;friends&#8221; but no real relationships and of course the deflated interest levels of disgruntled users filtering through waves of selfies and “words of wisdom”—people have decided that services like<a class="topics-tag" style="font-weight: inherit; font-style: inherit;" href="https://uxmag.com/topics/facebook" target="_blank" rel="noopener noreferrer">Facebook</a> are once again “a good thing.”</p>
<p style="color: #1e1e1e;">The figures alone explain the growth in popularity of Facebook in particular. In 2014 the number of active monthly users has been <a style="font-weight: inherit; font-style: inherit; color: #006699;" href="http://newsroom.fb.com/company-info/" target="_blank" rel="noopener noreferrer">1.35 billion</a>, up from <a style="font-weight: inherit; font-style: inherit; color: #006699;" href="http://www.theguardian.com/news/datablog/2014/feb/04/facebook-in-numbers-statistics" target="_blank" rel="noopener noreferrer">1.23 billion in 2013</a>. There is no doubt that statistically the figures have increased each year, but discussions over whether Facebook and other SNSs are a good or bad thing have tended to sway towards the negative in the social psychological arena (check out some of the <a style="font-weight: inherit; font-style: inherit; color: #006699;" href="http://www.ted.com/talks/sherry_turkle_alone_together" target="_blank" rel="noopener noreferrer">talks given by internet psychologist Sherry Turkle</a>).</p>
<p style="color: #1e1e1e;">Yet, while the direct social and personal use of social media is highly debated, the importance of its integration into business practice in terms of online presence and information flow has become a necessity rather than an option. If a site or online solution does not have a social media function (for customer-to-customer or customer-to-business interaction) or at least connections to social media activity, customers and other users immediately want to know: “why not?”</p>
<p style="color: #1e1e1e;">If you consider users’ and consumers’ sense of influence and control in the direction of product development and application a good thing, then yes, it’s great. From an experience perspective, consumers and users are taking on a more active role, and the findings of a <a style="font-weight: inherit; font-style: inherit; color: #006699;" href="http://link.springer.com/chapter/10.1007%2F978-3-319-10951-0_211" target="_blank" rel="noopener noreferrer">recent study suggest that facilitating consumer empowerment through social media leads supports value creation and development</a>. Or on the other hand, you might want to question the amounts and types of information people are freely giving corporations—and yes, that information has staying power, but do we want that?</p>
<h4 style="color: #1e1e1e;">The Best Jobs in UX Started Moving In-House &#8211; <a style="font-weight: inherit; font-style: inherit; color: #006699;" href="http://uxmag.com/contributors/dallas-sargent-design-for-experience" target="_blank" rel="noopener noreferrer">Dallas Sargent, Design for Experience</a></h4>
<p style="color: #1e1e1e;">This year, the big shot heard round the UX world was the acquisition of Adaptive Path by Capital One. In a blog post titled <a style="font-weight: inherit; font-style: inherit; color: #006699;" href="http://www.adaptivepath.com/ideas/adaptive-path-where-were-going-next/" target="_blank" rel="noopener noreferrer">“Where We’re Going Next,” Jesse James Garret followed the announcement</a> with the statement “I know, weird, right?” He said that no one at AP was more skeptical than he was, but that, “when it comes to truly human-centered thinking, Capital One is among the top tier of all the organizations I have worked with in 15 years of consulting.”</p>
<p style="color: #1e1e1e;">While this left plenty of practitioners scratching their heads, plenty of us were nodding them instead. UX isn’t a boutique offering anymore. There are still scores of agencies out there doing incredible work that pushes the boundaries of experience design, but the value of putting users at the center of it all is now widely understood. That’s why we are seeing more companies and organizations <a class="topics-tag" style="font-weight: inherit; font-style: inherit;" href="https://uxmag.com/topics/internal-company-dynamics" target="_blank" rel="noopener noreferrer">investing in in-house teams</a>. My guess is that we might see more mega institutions buying agencies, but being very cautious not to disrupt the finely-tuned environments that keep their work fresh and their teams happy and engaged.</p>
<p style="color: #1e1e1e;">As Peter Merholz noted in <a style="font-weight: inherit; font-style: inherit; color: #006699;" href="http://www.peterme.com/2014/10/24/san-francisco-design-agencies-feeling-the-squeeze/" target="_blank" rel="noopener noreferrer">a blog post earlier this year</a>, “In the past, agencies could say, ‘Yes, but we respect and value design in the way that in-house companies don’t, and you’ll get to work on a range of things, instead of just one thing over and over.’ That doesn’t hold true anymore, and most of the interesting design work is emerging in-house, and designers want to be where the action is.”</p>
<p style="color: #1e1e1e;">So while agencies will have to find <a class="topics-tag" style="font-weight: inherit; font-style: inherit;" href="https://uxmag.com/topics/employment-and-hiring" target="_blank" rel="noopener noreferrer">ways to compete</a> with the bigger salaries that tech behemoths and industry juggernauts can offer, these new in-house operations will have to work harder to make sure their teams feel challenged, appreciated, understood, and rewarded, which may prove to be even harder than it sounds.</p>
<h4 style="color: #1e1e1e;">The Desktop Hamburger Menu &#8211; Brenna Randlett, <a style="font-weight: inherit; font-style: inherit; color: #006699;" href="http://yellowpencil.com/" target="_blank" rel="noopener noreferrer">Yellow Pencil</a></h4>
<p style="color: #1e1e1e;">This trend has a few names: the Three Horizontal Lines, the Pancake Stack or, my favorite, the Hamburger Menu. The icon is usually found on the top left or top right of a page and when clicked, the main navigation slides out. Normally seen on mobile, the Hamburger Menu has been appearing on the desktop versions of sites such as <a style="font-weight: inherit; font-style: inherit; color: #006699;" href="http://time.com/" target="_blank" rel="noopener noreferrer">Time</a>, <a style="font-weight: inherit; font-style: inherit; color: #006699;" href="http://serialpodcast.org/" target="_blank" rel="noopener noreferrer">Serial podcast</a>, <a style="font-weight: inherit; font-style: inherit; color: #006699;" href="https://tictail.com/" target="_blank" rel="noopener noreferrer">Tictail</a>, and <a style="font-weight: inherit; font-style: inherit; color: #006699;" href="http://gawker.com/" target="_blank" rel="noopener noreferrer">Gawker</a>.</p>
<p><img decoding="async" class="alignnone size-full wp-image-11316" src="https://uxservices.com/wp-content/uploads/2015/01/serial-desktop-hamburger.jpg" alt="" width="900" height="580" srcset="https://uxservices.com/wp-content/uploads/2015/01/serial-desktop-hamburger.jpg 900w, https://uxservices.com/wp-content/uploads/2015/01/serial-desktop-hamburger-300x193.jpg 300w, https://uxservices.com/wp-content/uploads/2015/01/serial-desktop-hamburger-768x495.jpg 768w" sizes="(max-width: 900px) 100vw, 900px" /></p>
<p><img decoding="async" class="alignnone size-full wp-image-11317" src="https://uxservices.com/wp-content/uploads/2015/01/time-desktop-hambuger.jpg" alt="" width="900" height="581" srcset="https://uxservices.com/wp-content/uploads/2015/01/time-desktop-hambuger.jpg 900w, https://uxservices.com/wp-content/uploads/2015/01/time-desktop-hambuger-300x194.jpg 300w, https://uxservices.com/wp-content/uploads/2015/01/time-desktop-hambuger-768x496.jpg 768w" sizes="(max-width: 900px) 100vw, 900px" /></p>
<p>A slide out menu on mobile can save precious space but <a style="font-weight: inherit; font-style: inherit; color: #006699;" href="http://techcrunch.com/2014/05/24/before-the-hamburger-button-kills-you/" target="_blank" rel="noopener noreferrer">some strongly advise against</a> the Hamburger Menu entirely. The three stacked rectangles represent a minimal view of a list and, although simple and clean, it doesn’t always effectively communicate a main navigation. So why is this icon appearing on desktop sites that have the visual real estate for an entire navigation? I believe we can point a finger at responsive web design for this 2014 UI trend. Somehow we looked at the mobile and desktop versions of a responsive site and thought, “Dude, just keep the menu the same, it’ll look cleaner.”</p>
<p>I say no to the Hamburger Menu. It limits discoverability and doesn&#8217;t communicate clearly. While the slide out menu on desktop websites is acceptable in certain circumstances, if you’re going to hide a menu then slap a minimal icon on top of it—you’re going to lose some <a class="topics-tag" style="font-weight: inherit; font-style: inherit; color: #333333;" href="https://uxmag.com/topics/usability" target="_blank" rel="noopener noreferrer">usability</a>. If you must have a navigation that’s so large it needs to be hidden away on a desktop view or if you want that minimal and spacious look, consider using the word menu. This communicates language to the user. We’re <a style="font-weight: inherit; font-style: inherit; color: #006699;" href="http://www.nngroup.com/articles/killing-global-navigation-one-trend-avoid/" target="_blank" rel="noopener noreferrer">killing global navigation</a> with this Hamburger Menu business.</p>
<h4>Retina Everywhere, or Death of the Pixel &#8211; Shannon Copfer, <a style="font-weight: inherit; font-style: inherit; color: #006699;" href="http://www.jwplayer.com/" target="_blank" rel="noopener noreferrer">JW Player</a></h4>
<p>Though resolution- and device-independence have been growing for several years now, there are a few notable things in 2014 that have helped to dig the grave for the “pixel” as we know it, which might be setting the stage for a tidy “burial” in 2015.</p>
<p>Among them are:</p>
<ul>
<li style="font-weight: inherit; font-style: inherit;"><b style="font-weight: bold; font-style: inherit;">Mobile’s ongoing push for the highest resolution possible.</b> As of the release of the iPhone 6 and iPhone 6 Plus this year, Apple now requires support for current device sizes that span, at minimum, from the 1136&#215;640 iPhone 5c up through the 1920×1080 iPhone 6 Plus (with even higher resolutions for iPad apps, and even lower resolutions for iPhone 4 support). And on the Android side, this year’s LG G3 has a 2K (!) screen. Phone screen resolutions will only <a style="font-weight: inherit; font-style: inherit; color: #006699;" href="http://www.techradar.com/us/news/phone-and-communications/mobile-phones/4k-phone-screens-madness-or-clearly-the-next-big-thing--1260691/1" target="_blank" rel="noopener noreferrer">continue to rise</a>. Even outside of what’s officially “supported” by the Apple or Android dev communities, developers and designers who wish to effectively address the needs of as many of their users as possible will need to take into account the likely substantial number of those users who aren’t constantly upgrading their devices with every release.</li>
<li style="font-weight: inherit; font-style: inherit;"><b style="font-weight: bold; font-style: inherit;">The rise of 4K monitors as well as content.</b> This year, Netflix began supporting 4K streaming of some shows, and Amazon Studios began shooting their original series in 4K as well. Apple even released a <a style="font-weight: inherit; font-style: inherit; color: #006699;" href="http://store.apple.com/us/buy-mac/imac-retina" target="_blank" rel="noopener noreferrer">5K desktop screen</a>. From here, it’s only going to get harder to design for (and even keep track of!) all the device sizes and resolutions in use (as if it weren’t hard enough already!).</li>
</ul>
<p><img decoding="async" class="alignnone size-full wp-image-11319" src="https://uxservices.com/wp-content/uploads/2015/01/digital-video-resolutions.jpg" alt="" width="900" height="506" srcset="https://uxservices.com/wp-content/uploads/2015/01/digital-video-resolutions.jpg 900w, https://uxservices.com/wp-content/uploads/2015/01/digital-video-resolutions-300x169.jpg 300w, https://uxservices.com/wp-content/uploads/2015/01/digital-video-resolutions-768x432.jpg 768w" sizes="(max-width: 900px) 100vw, 900px" /></p>
<p>We’re already getting more thoughtful in our approach to responsive type and graphics overall. Here are some exciting examples of interesting resolution-independent design possibilities in action:</p>
<ul>
<li style="font-weight: inherit; font-style: inherit;">Designer <a style="font-weight: inherit; font-style: inherit; color: #006699;" href="http://responsivelogos.co.uk/" target="_blank" rel="noopener noreferrer">Joe Harrison’s “Responsive Logos”</a></li>
<li style="font-weight: inherit; font-style: inherit;">Strategist and designer <a style="font-weight: inherit; font-style: inherit; color: #006699;" href="http://typecast.com/blog/a-more-modern-scale-for-web-typography" target="_blank" rel="noopener noreferrer">Jason Pamental’s concept for designing and coding beautiful, responsive typography</a></li>
</ul>
<p>From a user standpoint, true resolution independence (done right; with vector graphics, fluid layouts, and well-planned breakpoints) is the best answer. It might make early-stage UX and product planning slightly more complex, but in the end a smooth transition between screen sizes will allow for a better overall experience and fewer design bug fixes and layout tweaks down the line.</p>
<h4>Celebrity-Driven Apps &#8211; <a style="font-weight: inherit; font-style: inherit; color: #006699;" href="http://somebodyapp.com/" target="_blank" rel="noopener noreferrer">Josh Tyson, UX Magazine</a></h4>
<p>A few years ago, most celebrities had their own websites. These days, a true public profile seems incomplete without a personalized app, and this year saw some interestnig ones. The most high-concept entry came from writer and performance artist Miranda July, who unleashed <a style="font-weight: inherit; font-style: inherit; color: #006699;" href="http://somebodyapp.com/" target="_blank" rel="noopener noreferrer">Somebody</a>, an app that promised to send a stranger to deliver your message to a friend. Basically, users compose their message and are given the option of adding emotional and physical directions. Then they choose a Somebody user in the area to deliver the message.</p>
<p style="color: #1e1e1e;"><a href="http://iframewidth=560height=315src=//www.youtube.com/embed/iz13HMsvb6oframeborder=0allowfullscreen/iframe"><iframe src="//www.youtube.com/embed/iz13HMsvb6o" width="560" height="315" frameborder="0" allowfullscreen="allowfullscreen"></iframe></a></p>
<p>The app was immediately hobbled by a myriad of technical issues, but July recently announced that <a style="font-weight: inherit; font-style: inherit; color: #006699;" href="http://www.dailydot.com/technology/miranda-july-app-somebody-fixed/" target="_blank" rel="noopener noreferrer">she’ll be releasing a fully-functioning version</a> of the ambitious project in the near future.</p>
<p>One celeb app that burst from the gates ready to go was <a style="font-weight: inherit; font-style: inherit; color: #006699;" href="https://itunes.apple.com/us/app/hanx-writer/id868326899?mt=8" target="_blank" rel="noopener noreferrer">Hanx Writer</a>, which turns your iPad into a virtual vintage typewriter, complete with the sounds and movement of the real thing. The Hollywood star behind the app? Typewriter enthusiast Tom Hanks, of course. There were other apps as well: a celebrity adventure app from Kim Kardashian, a greeting card-creation app from Taylor Swift, a zombie-fighting game from Shaquille O’Neal, and Snoopify, an app from Snoop Dogg that lets you spruce up your photos with stickers of things he likes (joints, pot leaves, et al.).</p>
<p>Sure it all seems a little silly, but in a world where <a style="font-weight: inherit; font-style: inherit; color: #006699;" href="https://order.dominos.com/en/pages/content/content.jsp?page=apps&amp;so=hp" target="_blank" rel="noopener noreferrer">Domino’s has an app</a> that let’s you whimper, “I need pizza” into your phone and place an instant order, why shouldn’t <a style="font-weight: inherit; font-style: inherit; color: #006699;" href="http://shatoetry.com/" target="_blank" rel="noopener noreferrer">William Shatner have an app</a>that lets you hear your poetry read in his inimitable voice?</p>
<p>These apps, when created with a solid sense of the celebrity&#8217;s public image, can forge a deeper connection with their audience while also growing their fan base—in a sense bringing users closer to their favorite celebrities and maybe even forging an emotional bond. When they offer lazy or lackluster experiences (like Madonna&#8217;s app) they seem to fall by the wayside without causing much collateral damage. A bit of a win-win.</p>
<h4>The Year The Customer Experience Laggards Stepped Up &#8211; <a style="font-weight: inherit; font-style: inherit; color: #006699;" href="https://www.forrester.com/Harley-Manning" target="_blank" rel="noopener noreferrer">Harley Manning, Forrester</a></h4>
<p>Forrester&#8217;s annual Customer Experience Index (CX Index) measures the quality of the <a class="topics-tag" style="font-weight: inherit; font-style: inherit; color: #333333;" href="https://uxmag.com/topics/customer-experience" target="_blank" rel="noopener noreferrer">customer experience</a> provided by major US firms. By comparing data over the past seven years we see that the overall number of brands earning a “very poor” or “poor” rating from their customers has declined drastically.</p>
<p>This year in particular we saw just 1% of brands rated as very poor and only 10% of brands rated as poor. That’s a big drop from 2013 when customers rated 8% of brands as very poor and 17% of brands as poor. Which companies stepped up into the “okay” and “good” categories? Unsurprisingly, they were mostly from the industries that dominate the bottom of our rankings year after year, like health insurance providers and cable companies.</p>
<p>This trend is a direct result of changes in the competitive environment. To put it bluntly, companies that have to fight for customers can’t afford to ignore customer experience. New healthcare laws started a battle for health insurance customers, especially the younger, healthier customers who pay more in premiums than they get back in claims. And a range of new entrants plus alternative solutions like streaming video has turned the once monopolistic cable industry into a customer battleground, as well.</p>
<p>This trend is very good news for consumers, who already see a decline in the number of truly horrendous experiences they encounter. It presents a new challenge for brands, however: Now that okay is the new poor, firms can’t gain a competitive edge by being less awful then their rivals. Instead, companies will have to learn how to exceed their customers’ expectations and engage their positive emotions.</p>
<p><span style="font-weight: inherit; font-style: inherit;"><strong style="font-style: inherit;">And now, here are a few of <a style="font-weight: inherit; font-style: inherit; color: #006699;" href="http://uxmag.com/articles/the-top-ux-predictions-for-2014" target="_blank" rel="noopener noreferrer">last year’s predictions</a> that came true, or at least came close to coming true.</strong></span></p>
<h4>Thinking (and) Machines &#8211; <a style="font-weight: inherit; font-style: inherit; color: #006699;" href="http://uxmag.com/contributors/hunter-whitney" target="_blank" rel="noopener noreferrer">Hunter Whitney</a></h4>
<p>An increasingly better understanding of the workings of the brain will propel technology and conversely new technologies will help us better understand our brains. The differences between pure pattern recognition done by computer and human intelligence will become less distinguishable.</p>
<p><em style="font-weight: inherit;">Whitney was right that new technology tied to the brain and it&#8217;s fucntionalities would make some waves. Case in point, earlier this year, Philips, Accenture, and Emotiv announced <a style="font-weight: inherit; font-style: inherit; color: #006699;" href="http://uxmag.com/articles/wear-are-we" target="_blank" rel="noopener noreferrer">a project involving a piece of headgear and an app that allows users to control Philips products using their brainwaves</a>. The intent was to give patients with Lou Gehrig’s disease (ALS) and other neurological diseases greater independence—letting them make a call, send a pre-set text or email, or turn lights and television sets on and off.</em></p>
<p><em style="font-weight: inherit;">This was an impressive release, but as Whiteny notes: &#8220;[These types of products] are fairly easy to use for sensing brain activity, but they do have drawbacks. Imagine there’s a raucous party and you are standing in an adjoining room. If you put your ear up to the wall at different places, you may be able to discern a few clear patterns in all the noise. For example, you might know what kind of music is playing and even get a sense of some conversations. If you put a cup against the wall, you could get a clearer sense of what you are hearing. Similarly, our brains are filled with a cacophony of electrical signals, which are a fundamental part of how our brain cells communicate with each other.&#8221;</em></p>
<h4>Shy Public Self – <a style="font-weight: inherit; font-style: inherit; color: #006699;" href="http://uxmag.com/contributors/joe-macleod" target="_blank" rel="noopener noreferrer">Joe Macleod</a></h4>
<p>People will become aware of the long term impact of their personal content online. Many companies are built off the backs of people&#8217;s personal content: Facebook, Twitter etc. With big stock market debuts users will see that these cool tech start-ups are big multi-nationals with taxes to pay, and appetites will change regarding what users share.</p>
<p>Last year saw a number of public figures experience phone hacking and an enormous political debate ensue between the U.S. and Europe over privacy issues. The will continue to raise interest in the business and politics of privacy. In the short term, this will mean dealing with some challenging and delicate design issues. In the long term, I think we will become better designers for considering some of these rights of use in a public place and the philosophical issues that are attached.</p>
<p><em style="font-weight: inherit;">The <a style="font-weight: inherit; font-style: inherit; color: #006699;" href="http://uxmag.com/articles/ux-nude-celebrity-selfies-and-the-cloud" target="_blank" rel="noopener noreferrer">massive leak of nude celebrity photos</a> that were stolen from iCould accounts gave everyone a reason to stop and think about where their information is kept and how secure it is. Just this month, the <a style="font-weight: inherit; font-style: inherit; color: #006699;" href="http://www.theguardian.com/technology/2014/dec/05/iphone-samsung-galaxy-flip-phone-is-back" target="_blank" rel="noopener noreferrer">Guardian published a story exploring the resurgence of flip phones</a>, noting that many celebrities burned or scared by the aforementioned hacking scandal have gone back to the basic, and presumably more secure, clamshell.</em></p>
<h4>Meaningful Serendipity – <a style="font-weight: inherit; font-style: inherit; color: #006699;" href="http://www.thememedesign.com/" target="_blank" rel="noopener noreferrer">THE MEME</a></h4>
<p>As technology around us gets smarter we have become used to products and services tailoring to our individual needs. But in many cases excessive personalization can remove valuable aspects of surprise, playfulness, and happenstance. For 2014 we see a growing trend for digital experiences that aim to surprise users by offering opportunities for random and spontaneous discovery.</p>
<p>Labeled as an “experimental photo exchange platform” Rando allows users to send a photo (or &#8220;Rando&#8221;) to strangers in anonymity, with only location data shared. Social discovery apps like Highlight and Banjo are evolving in to robust tools for serendipitous realtime discovery of relevant social connections, activities, and events. Stumbleupon is enabling a different web-browsing experience where personal preferences allow for playful recommendations of randomly selected sites. Netflix recently added a “random picks” in response to the sometimes cumbersome process of selecting content from a vast personalized catalogue of multiple categories.</p>
<p><em style="font-weight: inherit;">While not the same thing as meaningful serendipity, the rise in big data and sensor technology has meant more opportunities to reach out to customers in context, creataing a similar feeling. For instance, <a style="font-weight: inherit; font-style: inherit; color: #006699;" href="https://uxmag.com/articles/introducing-a-new-world-of-possibilities-with-appticipation" target="_blank" rel="noopener noreferrer">a store&#8217;s app can enable a “shop mode”</a> that is triggered on the device by a geofence when a user enters the store, and have that functionality displayed prominently so users don’t need to dig through screens to pay for their purchases.</em></p>
<p style="color: #1e1e1e;">Source: <a href="https://uxmag.com/articles/the-top-ux-trends-of-2014" target="_blank" rel="noopener noreferrer">https://uxmag.com/articles/the-top-ux-trends-of-2014 </a></p>
<p>The post <a href="https://uxservices.com/en/blog/top-ux-trends-2014/">The Top UX Trends of 2014</a> appeared first on <a href="https://uxservices.com/en">UXservices</a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
