<?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>design &#8211; Tech Scholar</title>
	<atom:link href="https://techscholar.in/tag/design/feed/" rel="self" type="application/rss+xml" />
	<link>https://techscholar.in</link>
	<description>Add Excellence to life</description>
	<lastBuildDate>Sat, 10 Feb 2018 15:07:28 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://techscholar.in/wp-content/uploads/2018/01/cropped-Tech-Scholar-Logo-800X800-32x32.png</url>
	<title>design &#8211; Tech Scholar</title>
	<link>https://techscholar.in</link>
	<width>32</width>
	<height>32</height>
</image> 
<site xmlns="com-wordpress:feed-additions:1">141636797</site>	<item>
		<title>Google’s Mobile Site Search UI Redesign</title>
		<link>https://techscholar.in/google-news/google-mobile-site-search-ui-redesign/</link>
					<comments>https://techscholar.in/google-news/google-mobile-site-search-ui-redesign/#respond</comments>
		
		<dc:creator><![CDATA[Akash Kumar]]></dc:creator>
		<pubDate>Sat, 04 Nov 2017 21:05:30 +0000</pubDate>
				<category><![CDATA[Google News]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[news]]></category>
		<category><![CDATA[ui]]></category>
		<category><![CDATA[ux]]></category>
		<guid isPermaLink="false">https://techscholar.in/?p=6301</guid>

					<description><![CDATA[<p>You might have noticed that Google’s mobile homepage and search result pages look a little different. The search giant&#039;s redesigned mobile interface.</p>
<p>The post <a rel="nofollow" href="https://techscholar.in/google-news/google-mobile-site-search-ui-redesign/">Google’s Mobile Site Search UI Redesign</a> appeared first on <a rel="nofollow" href="https://techscholar.in">Tech Scholar</a>.</p>
]]></description>
										<content:encoded><![CDATA[
		<div id="fws_69db262b75a7e"  data-column-margin="default" data-midnight="dark"  class="wpb_row vc_row-fluid vc_row top-level"  style="padding-top: 30px; 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-12 wpb_column column_container vc_column_container col no-extra-padding"  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 " >
	<p>If you’ve searched for anything on your phone today you might have noticed that Google’s mobile homepage and search result pages look a little different. That’s because the search giant has begun rolling out a redesigned mobile interface.<br />
Last month, the Google app began testing a rounded UI for both the Feed and Search results. In the last few days the latter design is widely rolling out to Google’s mobile site for both Android and iOS devices.</p>
</div>



<div id="fws_69db262b7ab96" 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-6 wpb_column column_container vc_column_container col child_column no-extra-padding"   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="img-with-aniamtion-wrap " data-max-width="100%" data-max-width-mobile="100%" data-shadow="small_depth" 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="1280" width="720" data-animation="fade-in" src="https://techscholar.in/wp-content/uploads/2018/01/Google’s-Mobile-Search-UI-Redesign.png" alt="Google’s Mobile Search UI Redesign" srcset="https://techscholar.in/wp-content/uploads/2018/01/Google’s-Mobile-Search-UI-Redesign.png 720w, https://techscholar.in/wp-content/uploads/2018/01/Google’s-Mobile-Search-UI-Redesign-300x533.png 300w, https://techscholar.in/wp-content/uploads/2018/01/Google’s-Mobile-Search-UI-Redesign-600x1067.png 600w, https://techscholar.in/wp-content/uploads/2018/01/Google’s-Mobile-Search-UI-Redesign-169x300.png 169w, https://techscholar.in/wp-content/uploads/2018/01/Google’s-Mobile-Search-UI-Redesign-576x1024.png 576w" sizes="(max-width: 720px) 100vw, 720px" />
          </div>
        </div>
        
      </div>
    </div>
		</div> 
	</div>
	</div> 

	<div  class="vc_col-sm-6 wpb_column column_container vc_column_container col child_column no-extra-padding"   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="img-with-aniamtion-wrap " data-max-width="100%" data-max-width-mobile="100%" data-shadow="small_depth" 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="1280" width="720" data-animation="fade-in" src="https://techscholar.in/wp-content/uploads/2018/01/Tech-Scholar-on-Facebook-in-New-Google-Search-UI.png" alt="Tech Scholar on Facebook in New Google Search UI" srcset="https://techscholar.in/wp-content/uploads/2018/01/Tech-Scholar-on-Facebook-in-New-Google-Search-UI.png 720w, https://techscholar.in/wp-content/uploads/2018/01/Tech-Scholar-on-Facebook-in-New-Google-Search-UI-300x533.png 300w, https://techscholar.in/wp-content/uploads/2018/01/Tech-Scholar-on-Facebook-in-New-Google-Search-UI-600x1067.png 600w, https://techscholar.in/wp-content/uploads/2018/01/Tech-Scholar-on-Facebook-in-New-Google-Search-UI-169x300.png 169w, https://techscholar.in/wp-content/uploads/2018/01/Tech-Scholar-on-Facebook-in-New-Google-Search-UI-576x1024.png 576w" sizes="(max-width: 720px) 100vw, 720px" />
          </div>
        </div>
        
      </div>
    </div>
		</div> 
	</div>
	</div> 
</div></div>
			</div> 
		</div>
	</div> 
</div></div>
		<div id="fws_69db262b7ca42"  data-column-margin="default" data-midnight="dark"  class="wpb_row vc_row-fluid vc_row"  style="padding-top: 50px; padding-bottom: 50px; "><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-12 wpb_column column_container vc_column_container col no-extra-padding"  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">
				<blockquote class="nectar_single_testimonial" tabindex="0" data-color="accent-color" data-style="bold"><div class="inner"> <p><span class="open-quote">&#8221;</span>You may not see the new UI in mobile search on your device just yet. Don't panic; it'll be a gradual rollout so it may take a few days to get to you. </p></div></blockquote>
			</div> 
		</div>
	</div> 
</div></div>
		<div id="fws_69db262b7cec9"  data-column-margin="default" data-midnight="dark"  class="wpb_row vc_row-fluid vc_row"  style="padding-top: 0px; padding-bottom: 30px; "><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-12 wpb_column column_container vc_column_container col no-extra-padding"  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 " >
	<p>Visiting the Google homepage or Search results on a mobile device, you’ll notice how the background is now bright white instead of light gray. Meanwhile, the search bar features rounded corners on the homepage, while the box with the category tabs at the top of Search results has also been rounded.<br />
This curved treatment also applies to every card, including those for Top Stores, weather, sports scores, and various carousels. Meanwhile, link cards receive another partial tweak that uses a lighter blue font for page titles.</p>
</div>



<div id="fws_69db262b7d095" 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-6 wpb_column column_container vc_column_container col child_column no-extra-padding"   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="img-with-aniamtion-wrap " data-max-width="100%" data-max-width-mobile="100%" data-shadow="small_depth" 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="1280" width="720" data-animation="fade-in" src="https://techscholar.in/wp-content/uploads/2018/01/Tech-Scholar-in-New-Google-Search-UI.png" alt="Tech Scholar in New Google Search UI" srcset="https://techscholar.in/wp-content/uploads/2018/01/Tech-Scholar-in-New-Google-Search-UI.png 720w, https://techscholar.in/wp-content/uploads/2018/01/Tech-Scholar-in-New-Google-Search-UI-300x533.png 300w, https://techscholar.in/wp-content/uploads/2018/01/Tech-Scholar-in-New-Google-Search-UI-600x1067.png 600w, https://techscholar.in/wp-content/uploads/2018/01/Tech-Scholar-in-New-Google-Search-UI-169x300.png 169w, https://techscholar.in/wp-content/uploads/2018/01/Tech-Scholar-in-New-Google-Search-UI-576x1024.png 576w" sizes="(max-width: 720px) 100vw, 720px" />
          </div>
        </div>
        
      </div>
    </div>
		</div> 
	</div>
	</div> 

	<div  class="vc_col-sm-6 wpb_column column_container vc_column_container col child_column no-extra-padding"   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="img-with-aniamtion-wrap " data-max-width="100%" data-max-width-mobile="100%" data-shadow="small_depth" 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="1280" width="720" data-animation="fade-in" src="https://techscholar.in/wp-content/uploads/2018/01/Tech-Scholar-Images-in-New-Google-Search-UI.png" alt="Tech Scholar Images in New Google Search UI" srcset="https://techscholar.in/wp-content/uploads/2018/01/Tech-Scholar-Images-in-New-Google-Search-UI.png 720w, https://techscholar.in/wp-content/uploads/2018/01/Tech-Scholar-Images-in-New-Google-Search-UI-300x533.png 300w, https://techscholar.in/wp-content/uploads/2018/01/Tech-Scholar-Images-in-New-Google-Search-UI-600x1067.png 600w, https://techscholar.in/wp-content/uploads/2018/01/Tech-Scholar-Images-in-New-Google-Search-UI-169x300.png 169w, https://techscholar.in/wp-content/uploads/2018/01/Tech-Scholar-Images-in-New-Google-Search-UI-576x1024.png 576w" sizes="(max-width: 720px) 100vw, 720px" />
          </div>
        </div>
        
      </div>
    </div>
		</div> 
	</div>
	</div> 
</div></div>
			</div> 
		</div>
	</div> 
</div></div>
		<div id="fws_69db262b7df2a"  data-column-margin="default" data-midnight="dark"  class="wpb_row vc_row-fluid vc_row"  style="padding-top: 40px; 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-12 wpb_column column_container vc_column_container col no-extra-padding"  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 " >
	<p>These designs have been in testing for the past several weeks, frequently visible when performing a search in Incognito Mode. However, beginning this afternoon, the new interface went live for those signed into their Google accounts.</p>
</div>



<div id="fws_69db262b7e0f3" 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-4 wpb_column column_container vc_column_container col child_column no-extra-padding"   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="img-with-aniamtion-wrap " data-max-width="100%" data-max-width-mobile="100%" data-shadow="small_depth" 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="1280" width="720" data-animation="fade-in" src="https://techscholar.in/wp-content/uploads/2018/01/Tech-Scholar-Videos-in-New-Google-Search-UI.png" alt="Tech Scholar Videos in New Google Search UI" srcset="https://techscholar.in/wp-content/uploads/2018/01/Tech-Scholar-Videos-in-New-Google-Search-UI.png 720w, https://techscholar.in/wp-content/uploads/2018/01/Tech-Scholar-Videos-in-New-Google-Search-UI-300x533.png 300w, https://techscholar.in/wp-content/uploads/2018/01/Tech-Scholar-Videos-in-New-Google-Search-UI-600x1067.png 600w, https://techscholar.in/wp-content/uploads/2018/01/Tech-Scholar-Videos-in-New-Google-Search-UI-169x300.png 169w, https://techscholar.in/wp-content/uploads/2018/01/Tech-Scholar-Videos-in-New-Google-Search-UI-576x1024.png 576w" sizes="(max-width: 720px) 100vw, 720px" />
          </div>
        </div>
        
      </div>
    </div>
		</div> 
	</div>
	</div> 

	<div  class="vc_col-sm-4 wpb_column column_container vc_column_container col child_column no-extra-padding"   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="img-with-aniamtion-wrap " data-max-width="100%" data-max-width-mobile="100%" data-shadow="small_depth" 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="1280" width="720" data-animation="fade-in" src="https://techscholar.in/wp-content/uploads/2018/01/Tech-Scholar-Tweets-in-New-Google-Search-UI.png" alt="Tech Scholar Tweets in New Google Search UI" srcset="https://techscholar.in/wp-content/uploads/2018/01/Tech-Scholar-Tweets-in-New-Google-Search-UI.png 720w, https://techscholar.in/wp-content/uploads/2018/01/Tech-Scholar-Tweets-in-New-Google-Search-UI-300x533.png 300w, https://techscholar.in/wp-content/uploads/2018/01/Tech-Scholar-Tweets-in-New-Google-Search-UI-600x1067.png 600w, https://techscholar.in/wp-content/uploads/2018/01/Tech-Scholar-Tweets-in-New-Google-Search-UI-169x300.png 169w, https://techscholar.in/wp-content/uploads/2018/01/Tech-Scholar-Tweets-in-New-Google-Search-UI-576x1024.png 576w" sizes="(max-width: 720px) 100vw, 720px" />
          </div>
        </div>
        
      </div>
    </div>
		</div> 
	</div>
	</div> 

	<div  class="vc_col-sm-4 wpb_column column_container vc_column_container col child_column no-extra-padding"   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="img-with-aniamtion-wrap " data-max-width="100%" data-max-width-mobile="100%" data-shadow="small_depth" 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="1280" width="720" data-animation="fade-in" src="https://techscholar.in/wp-content/uploads/2018/01/Tech-Scholar-on-Instagram-in-New-Google-Search-UI.png" alt="Tech Scholar on Instagram in New Google Search UI" srcset="https://techscholar.in/wp-content/uploads/2018/01/Tech-Scholar-on-Instagram-in-New-Google-Search-UI.png 720w, https://techscholar.in/wp-content/uploads/2018/01/Tech-Scholar-on-Instagram-in-New-Google-Search-UI-300x533.png 300w, https://techscholar.in/wp-content/uploads/2018/01/Tech-Scholar-on-Instagram-in-New-Google-Search-UI-600x1067.png 600w, https://techscholar.in/wp-content/uploads/2018/01/Tech-Scholar-on-Instagram-in-New-Google-Search-UI-169x300.png 169w, https://techscholar.in/wp-content/uploads/2018/01/Tech-Scholar-on-Instagram-in-New-Google-Search-UI-576x1024.png 576w" sizes="(max-width: 720px) 100vw, 720px" />
          </div>
        </div>
        
      </div>
    </div>
		</div> 
	</div>
	</div> 
</div></div>
			</div> 
		</div>
	</div> 
</div></div>
		<div id="fws_69db262b7f610"  data-column-margin="default" data-midnight="dark"  class="wpb_row vc_row-fluid vc_row"  style="padding-top: 40px; 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-12 wpb_column column_container vc_column_container col no-extra-padding"  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 " >
	<p>Last month, this bright background and rounded buttons went live in Image Search on the mobile web. These changes are not yet live when searching through the Google app for Android, though we’ve already spotted them in testing.<br />
This rounded design is live on every device and browser we’ve tried, including Chrome on Android and Safari on iOS. Pop in a search term and the curves keep on coming, as the category tabs and every card you can think of. That includes ‘Top Stories’, social, related searches, search suggestions, weather, sport results, and many other carousel cards.<br />
Link text and titles have also been tweaked ever so slightly, with the blue shifting to a softer, lighter shade than before. In addition, the gray backgrounds we’ve gotten used to for so long now match the bright white cards in the foreground.<br />
The search redesign appears to be live across all mobile platforms in multiple regions. We’re still waiting on the equivalent changes in the Google app, however, which not only includes the rounded cards and search bar, but also shifts the hamburger menu to the bottom navigation bar. That one will take some getting used to.<br />
What do you think of the changes? Is it better than ever, or have Google gone a bit curve mad? Let us know in the comments!</p>
</div>




			</div> 
		</div>
	</div> 
</div></div>
<p>The post <a rel="nofollow" href="https://techscholar.in/google-news/google-mobile-site-search-ui-redesign/">Google’s Mobile Site Search UI Redesign</a> appeared first on <a rel="nofollow" href="https://techscholar.in">Tech Scholar</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://techscholar.in/google-news/google-mobile-site-search-ui-redesign/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">6301</post-id>	</item>
	</channel>
</rss>

<!--
Performance optimized by W3 Total Cache. Learn more: https://www.boldgrid.com/w3-total-cache/?utm_source=w3tc&utm_medium=footer_comment&utm_campaign=free_plugin

Page Caching using Disk: Enhanced 
Minified using Disk
Database Caching 3/120 queries in 0.028 seconds using Disk

Served from: techscholar.in @ 2026-04-12 10:27:15 by W3 Total Cache
-->