<?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/"
	
	xmlns:media="http://search.yahoo.com/mrss/"
	>

<channel>
	<title>The Next Web &#187; ui</title>
	<atom:link href="http://thenextweb.com/tag/ui/feed/" rel="self" type="application/rss+xml" />
	<link>http://thenextweb.com</link>
	<description>International technology news, business &#38; culture</description>
	<lastBuildDate>Sat, 26 May 2012 21:08:27 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
	<atom:link rel='hub' href='http://thenextweb.com/?pushpress=hub'/>
<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>Twitter makes subtle UI changes that could have a big impact on your Twitter.com experience</title>
		<link>http://thenextweb.com/twitter/2012/05/02/twitter-makes-subtle-ui-changes-that-could-have-a-big-impact-on-your-twitter-com-experience/</link>
		<comments>http://thenextweb.com/twitter/2012/05/02/twitter-makes-subtle-ui-changes-that-could-have-a-big-impact-on-your-twitter-com-experience/#comments</comments>
		<pubDate>Wed, 02 May 2012 12:20:58 +0000</pubDate>
		<dc:creator>Robin Wauters</dc:creator>
				<category><![CDATA[Twitter]]></category>
		<category><![CDATA[Twitter.com]]></category>
		<category><![CDATA[ui]]></category>
		<category><![CDATA[UI changes]]></category>

		<guid isPermaLink="false">http://thenextweb.com/?p=382390</guid>
		<description><![CDATA[<img width="520" height="245" src="http://cdn.thenextweb.com/wp-content/blogs.dir/1/files/2012/05/tw-520x245.jpg" alt="tw" title="tw" /><br />I mostly use Twitter.com to tweet (sue me, I don&#8217;t like running too many desktop apps) and I noticed that something changed overnight. I couldn&#8217;t quite place my finger on...]]></description>
			<content:encoded><![CDATA[<img width="520" height="245" src="http://cdn.thenextweb.com/wp-content/blogs.dir/1/files/2012/05/tw-520x245.jpg" alt="tw 520x245 Twitter makes subtle UI changes that could have a big impact on your Twitter.com experience" title="tw 520x245 photo"  /><br /><p>I mostly use <a href="http://Twitter.com">Twitter.com</a> to tweet (sue me, I don&#8217;t like running too many desktop apps) and I noticed that something changed overnight. I couldn&#8217;t quite place my finger on <em>what</em> changed, exactly, but I wasn&#8217;t the <a href="https://twitter.com/#!/OfficialZam/status/197435553120124929">only</a> <a href="https://twitter.com/#!/nmudgal/status/197624928802045952">Twitter</a> <a href="https://twitter.com/#!/arifkhan7/status/197603882208202752">user</a> who <a href="https://twitter.com/#!/Sarcas_tech/status/197598497766256640">noticed</a>.</p>
<p>Fortunately, Twitter IM application maker<a href="http://bonfire.im/extensions/"> Bonfire</a> <a href="http://blog.bonfire.im/post/22249993436/your-tweet-stream-is-about-to-get-busier">tells us</a> what the social networking company seemingly won&#8217;t &#8211; at least for the time being.</p>
<p>Twitter has apparently made subtle changes with regards to the interaction part of the Twitter.com equation (retweets, replies and favorites), automatically expanding the relevant functions bar under all tweets on mouse-over and now consistently displaying the buttons in the same place wherever you are on Twitter.com.</p>
<p>See the &#8216;Expand&#8217; and &#8216;Collapse&#8217; buttons in the screenshot below. The changes appear to have been made shortly after Twitter gave its &#8216;Discover&#8217; tab <a href="http://thenextweb.com/socialmedia/2012/05/01/twitters-discover-tab-upgrade-gives-us-what-weve-always-wanted-context/">a big upgrade</a> to provide more context for users.</p>
<p>One false note: looking at the chatter about the UI changes happening on Twitter, it appears some users are <a href="https://twitter.com/#!/joannaanicole/status/197652136870412288">inadvertently favoriting tweets</a> now.</p>
<p>Important: the &#8216;Classic RT&#8217; function in one of the screenshots below is due to a Google Chrome extension I have installed, so you likely won&#8217;t see it.</p>
<p><a href="http://thenextweb.com/twitter/2012/05/02/twitter-makes-subtle-ui-changes-that-could-have-a-big-impact-on-your-twitter-com-experience/twuii/" rel="attachment wp-att-382409"><img src="http://cdn.thenextweb.com/wp-content/blogs.dir/1/files/2012/05/twuii.png" alt="twuii Twitter makes subtle UI changes that could have a big impact on your Twitter.com experience" title="twuii photo" width="520" height="334" class="aligncenter size-full wp-image-382409" /></a></p>
<blockquote class="twitter-tweet"><p>&#8220;Expand&#8221;, &#8220;Collapse&#8221; &#8211; REALLY TWITTER, REALLY?</p>
<p>&mdash; Erika Styles ♔ (@DopeBieber1D) <a href="https://twitter.com/DopeBieber1D/status/197653587545956352" data-datetime="2012-05-02T11:47:42+00:00">May 2, 2012</a></p></blockquote>
<p><script src="//platform.twitter.com/widgets.js" charset="utf-8"></script></p>
<p>According to Bonfire, there is another subtle change to the Twitter.com UI currently rolling out that could have an even bigger impact.</p>
<p>When someone you follow mentions a user that you don&#8217;t follow at the start of a tweet, the interaction usually gets filtered out of your stream. </p>
<p>Twitter has changed that, according to Bonfire, now showing conversations your friends have with people you <em>do not follow</em> on Twitter.com. </p>
<p>Important note: we&#8217;re currently <strong>not seeing</strong> this ourselves so far, but if it&#8217;s true that Twitter is rolling out that particular change to users gradually, that means you&#8217;ll soon be seeing a lot more tweets than you used to.</p>
<p>For some, this would mean more clutter and even more issues with trying to stay on top of what happens on Twitter &#8211; it&#8217;s hard enough to filter relevant content out of a stream when you follow a lot of people as things stand now. </p>
<p>Others will probably welcome the changes because it allows for more interaction and discovering new interesting people to follow (which is what Twitter would likely be shooting for, if the latter UI change is indeed happening).</p>
<p>Again: the second change is unconfirmed for now, but the changes to the interaction side of Twitter.com are definitely visible to most if not all users now.</p>
<p>We&#8217;ve contacted Twitter to learn more. If you&#8217;ve noticed these UI changes &#8211; or seen others &#8211; do let us know in the comments.</p>
<p><strong>UPDATE:</strong> Here&#8217;s a tweet from a member of Twitter&#8217;s development team, indicating that action will no longer move around from tweet to tweet, and the timestamps now click through to permalinks again, as they used to before Twitter&#8217;s most recent redesign:</p>
<blockquote class="twitter-tweet"><p>New tweet anatomy is out for <a href="http://t.co/RQnO2WqB" title="http://Twitter.com">Twitter.com</a>—yay for actions not moving around on you! And, clickable timestamps to permalinks!</p>
<p>&mdash; Mark Otto (@mdo) <a href="https://twitter.com/mdo/status/197398494980481025" data-datetime="2012-05-01T18:54:03+00:00">May 1, 2012</a></p></blockquote>
<p><script src="//platform.twitter.com/widgets.js" charset="utf-8"></script></p>
]]></content:encoded>
			<wfw:commentRss>http://thenextweb.com/twitter/2012/05/02/twitter-makes-subtle-ui-changes-that-could-have-a-big-impact-on-your-twitter-com-experience/feed/</wfw:commentRss>
		<slash:comments>13</slash:comments>
	
		<media:thumbnail url="http://cdn.thenextweb.com/wp-content/blogs.dir/1/files/2012/05/tw-520x245.jpg" />
		<media:content url="http://cdn.thenextweb.com/wp-content/blogs.dir/1/files/2012/05/tw-520x245.jpg" medium="image">
			<media:title type="html">tw 520x245 photo</media:title>
		</media:content>
		<media:content url="http://thenextweb.com/wp-content/blogs.dir/1/files/2012/05/twuii.png" medium="image">
			<media:title type="html">twuii</media:title>
			<media:thumbnail url="http://thenextweb.com/wp-content/blogs.dir/1/files/2012/05/twuii-150x150.png" />
		</media:content>
<enclosure url="http://cdn.thenextweb.com/wp-content/blogs.dir/1/files/2012/05/tw-520x245.jpg" type="image/jpeg" length="0" />
	</item>
		<item>
		<title>If I could take a picture using Gramory, I&#8217;d stop using the official Instagram app</title>
		<link>http://thenextweb.com/apps/2012/03/06/if-i-could-take-a-picture-using-gramory-id-stop-using-the-official-instagram-app/</link>
		<comments>http://thenextweb.com/apps/2012/03/06/if-i-could-take-a-picture-using-gramory-id-stop-using-the-official-instagram-app/#comments</comments>
		<pubDate>Tue, 06 Mar 2012 17:38:35 +0000</pubDate>
		<dc:creator>Drew Olanoff</dc:creator>
				<category><![CDATA[Apps]]></category>
		<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[app]]></category>
		<category><![CDATA[beautiful]]></category>
		<category><![CDATA[gramory]]></category>
		<category><![CDATA[Instagram]]></category>
		<category><![CDATA[ui]]></category>
		<category><![CDATA[User experience]]></category>

		<guid isPermaLink="false">http://thenextweb.com/?p=342580</guid>
		<description><![CDATA[<img width="520" height="245" src="http://cdn.thenextweb.com/wp-content/blogs.dir/1/files/2012/03/4015200933_21193fb4d8_z-520x245.jpg" alt="4015200933_21193fb4d8_z" title="4015200933_21193fb4d8_z" /><br />The API for the popular iOS-only photo sharing app Instagram is a hit with developers and we&#8217;re a fan of some of the things we&#8217;re seeing from some of these...]]></description>
			<content:encoded><![CDATA[<img width="520" height="245" src="http://cdn.thenextweb.com/wp-content/blogs.dir/1/files/2012/03/4015200933_21193fb4d8_z-520x245.jpg" alt="4015200933 21193fb4d8 z 520x245 If I could take a picture using Gramory, Id stop using the official Instagram app" title="4015200933 21193fb4d8 z 520x245 photo"  /><br /><p>The API for the popular iOS-only photo sharing app <a href="http://thenextweb.com/socialmedia/2012/03/02/instagram-appears-to-have-passed-25-million-users-adding-up-to-3000-more-per-hour/">Instagram</a> is a hit with developers and we&#8217;re a fan of some of the things we&#8217;re seeing from some of these creative folks.</p>
<p>Just a few days ago we told you about an <a href="http://thenextweb.com/socialmedia/2012/03/03/this-site-is-pinterest-meets-instagram-literally/">awesome app called Pingram</a> that lets you view Instagram photos from a view that is eerily similar to Pinterest.  These types of apps are huge for Instagram in that more people are consuming photos on the service and getting interested about signing up.</p>
<p>An iOS app called <a href="http://itunes.apple.com/us/app/gramory/id497424949?mt=8">Gramory</a> has caught my eye for the way it displays photos, taking design cues from other recent popular apps.  Over the past few months I&#8217;ve spent way less time taking photos using Instagram and more time browsing the pictures my friends are taking.  Gramory makes browsing way easier than the official Instagram app does.</p>
<h3>If only I could take a picture using it</h3>
<p>The only issue I have with Gramory isn&#8217;t its fault at all, Instagram hasn&#8217;t opened up its API to allow other apps to take and post photos to its service.  At the end of the day, it probably never will since its filters and features are what keep people coming back.  However, Gramory is the first app that really made me wish I could just stay in it and take an Instagram pic.</p>
<p>If you&#8217;ve used Instagram, you&#8217;re familiar with the following user experience:</p>
<p><a href="http://cdn.thenextweb.com/wp-content/blogs.dir/1/files/2012/03/photo-31.png"><img src="http://cdn.thenextweb.com/wp-content/blogs.dir/1/files/2012/03/photo-31.png" alt="photo 31 If I could take a picture using Gramory, Id stop using the official Instagram app" title="photo 31 photo" width="255" class="aligncenter size-full wp-image-342589" /></a></p>
<p>All of the navigation is at the bottom of the app and if you want to surf through the photos you&#8217;ve favorited, you have to tap the profile button on the right-hand side and dig your way through to the option.  It&#8217;s pretty much the same navigation that has been in the app since it launched.  Needless to say, I&#8217;m not a fan of Instagram&#8217;s user experience. </p>
<p>What Gramory has done is adopt the side-load navigation style that we&#8217;re seeing in apps like Path, Facebook, and the new <a href="http://thenextweb.com/apps/2012/03/05/ap-launches-completely-redesigned-version-of-its-app-with-big-stories-for-ios/">AP Mobile app</a>.</p>
<p>By making the navigation pop out of the left-hand side of the screen, Gramory gives you extra screen real estate when viewing photos as well as uncover some great navigation options like search and favorites:</p>
<p><a href="http://cdn.thenextweb.com/wp-content/blogs.dir/1/files/2012/03/photo-14.png"><img src="http://cdn.thenextweb.com/wp-content/blogs.dir/1/files/2012/03/photo-14.png" alt="photo 14 If I could take a picture using Gramory, Id stop using the official Instagram app" title="photo 14 photo" width="255" class="alignnone size-full wp-image-342598" /></a> <a href="http://cdn.thenextweb.com/wp-content/blogs.dir/1/files/2012/03/photo16.png"><img src="http://cdn.thenextweb.com/wp-content/blogs.dir/1/files/2012/03/photo16.png" alt="photo16 If I could take a picture using Gramory, Id stop using the official Instagram app" title="photo16 photo" width="255" class="alignnone size-full wp-image-342604" /></a></p>
<p>With more extra space and photo viewing area, the app also hides sharing options for Twitter, Facebook, Email and text message.  Simply pull the page down like you&#8217;re performing a refresh and the options will show up.  There is no wasting space at all with Gramory and that&#8217;s what I like about it.</p>
<p>Instagram has clearly had a ton of success with its app and I doubt that the company will rip it to shreds anytime soon as far as design, but hopefully it&#8217;s watching what some of these <a href="http://thenextweb.com/apps/2012/02/29/how-gramfeed-went-from-a-2-hour-project-to-a-beast-visited-by-2-million-people/">third-party developers</a> are doing with its API.  I keep trying to take a picture using Gramory though.  Darn.</p>
<p>➤ <a href="http://itunes.apple.com/us/app/gramory/id497424949?mt=8">Gramory for iOS</a></p>
]]></content:encoded>
			<wfw:commentRss>http://thenextweb.com/apps/2012/03/06/if-i-could-take-a-picture-using-gramory-id-stop-using-the-official-instagram-app/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
	
		<media:thumbnail url="http://cdn.thenextweb.com/wp-content/blogs.dir/1/files/2012/03/4015200933_21193fb4d8_z-520x245.jpg" />
		<media:content url="http://cdn.thenextweb.com/wp-content/blogs.dir/1/files/2012/03/4015200933_21193fb4d8_z-520x245.jpg" medium="image">
			<media:title type="html">4015200933 21193fb4d8 z 520x245 photo</media:title>
		</media:content>
		<media:content url="http://thenextweb.com/wp-content/blogs.dir/1/files/2012/03/photo-31.png" medium="image">
			<media:title type="html">photo 3</media:title>
			<media:thumbnail url="http://thenextweb.com/wp-content/blogs.dir/1/files/2012/03/photo-31-150x150.png" />
		</media:content>
		<media:content url="http://thenextweb.com/wp-content/blogs.dir/1/files/2012/03/photo-14.png" medium="image">
			<media:title type="html">photo 1</media:title>
			<media:thumbnail url="http://thenextweb.com/wp-content/blogs.dir/1/files/2012/03/photo-14-150x150.png" />
		</media:content>
		<media:content url="http://thenextweb.com/wp-content/blogs.dir/1/files/2012/03/photo16.png" medium="image">
			<media:title type="html">photo(16)</media:title>
			<media:thumbnail url="http://thenextweb.com/wp-content/blogs.dir/1/files/2012/03/photo16-150x150.png" />
		</media:content>
<enclosure url="http://cdn.thenextweb.com/wp-content/blogs.dir/1/files/2012/03/4015200933_21193fb4d8_z-520x245.jpg" type="image/jpeg" length="0" />
	</item>
		<item>
		<title>Google Calendar API now includes access to updated UI and event colors</title>
		<link>http://thenextweb.com/google/2011/11/17/google-calendar-api-now-includes-access-to-updated-ui-and-event-colors/</link>
		<comments>http://thenextweb.com/google/2011/11/17/google-calendar-api-now-includes-access-to-updated-ui-and-event-colors/#comments</comments>
		<pubDate>Thu, 17 Nov 2011 18:33:17 +0000</pubDate>
		<dc:creator>Drew Olanoff</dc:creator>
				<category><![CDATA[Design & Dev]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[$GOOG]]></category>
		<category><![CDATA[API]]></category>
		<category><![CDATA[Calendar]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[developers]]></category>
		<category><![CDATA[Events]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[google calendar api]]></category>
		<category><![CDATA[ui]]></category>

		<guid isPermaLink="false">http://thenextweb.com/?p=280686</guid>
		<description><![CDATA[<img width="520" height="245" src="http://cdn.thenextweb.com/wp-content/blogs.dir/1/files/2011/11/366192378_af0d750c6f_z-520x245.jpg" alt="366192378_af0d750c6f_z" title="366192378_af0d750c6f_z" /><br />Today, Google announced an update to one of its most popular APIs, Google Calendars. Integration of Google Calendar into other apps has become popular, namely among those who focus on...]]></description>
			<content:encoded><![CDATA[<img width="520" height="245" src="http://cdn.thenextweb.com/wp-content/blogs.dir/1/files/2011/11/366192378_af0d750c6f_z-520x245.jpg" alt="366192378 af0d750c6f z 520x245 Google Calendar API now includes access to updated UI and event colors" title="366192378 af0d750c6f z 520x245 photo"  /><br /><p>Today, Google <a href="http://googleappsdeveloper.blogspot.com/2011/11/introducing-next-version-of-google.html">announced an update</a> to one of its most popular APIs, <a href="http://thenextweb.com/google/2011/11/16/how-to-easily-sync-your-gmail-google-calendar-and-contacts-on-ios/">Google Calendars</a>.  Integration of Google Calendar into other apps has become popular, namely among those who focus on task management software.</p>
<p>The company had this to say about its Calendar API Update:</p>
<blockquote><p>The Google Calendar API is one of Google’s most used APIs. Today, we’re rolling out a new version of the API that will give developers even more reasons to use it. Version three of the Google Calendar API provides several improvements over previous versions of the API:</p>
<ul>
<li>Lightweight resource representation in JSON</li>
<li>Consistent and comprehensive reference documentation</li>
<li>Improved support for recurring events</li>
<li>Ability to manipulate default reminders on calendars</li>
<li>Access to the new UI and event colors</li>
</ul>
</blockquote>
<p>Google Calendar recently updated its design, and allows you to color-code events, so including those items into its API is key for developers to update their own creations.</p>
<p>The company has done a wonderful job cleaning up its documentation, as well as offering support directly from the developers working on the various Google projects.</p>
<p>The team is hosting a <a href="https://developers.google.com/events/ahNzfmdvb2dsZS1kZXZlbG9wZXJzcg0LEgVFdmVudBjElA4M/">live Google+ Hangout on November 30th</a> from 8am-8:45am EST to talk about the new Calendar API and answer any questions that developers might have.</p>
]]></content:encoded>
			<wfw:commentRss>http://thenextweb.com/google/2011/11/17/google-calendar-api-now-includes-access-to-updated-ui-and-event-colors/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:thumbnail url="http://cdn.thenextweb.com/wp-content/blogs.dir/1/files/2011/11/366192378_af0d750c6f_z-520x245.jpg" />
		<media:content url="http://cdn.thenextweb.com/wp-content/blogs.dir/1/files/2011/11/366192378_af0d750c6f_z-520x245.jpg" medium="image">
			<media:title type="html">366192378 af0d750c6f z 520x245 photo</media:title>
		</media:content>
<enclosure url="http://cdn.thenextweb.com/wp-content/blogs.dir/1/files/2011/11/366192378_af0d750c6f_z-520x245.jpg" type="image/jpeg" length="0" />
	</item>
		<item>
		<title>A Guide to Facebook&#8217;s Brand New Homepage in One Handy Diagram.</title>
		<link>http://thenextweb.com/apps/2010/02/05/guide-facebooks-brand-homepage-handy-diagram/</link>
		<comments>http://thenextweb.com/apps/2010/02/05/guide-facebooks-brand-homepage-handy-diagram/#comments</comments>
		<pubDate>Fri, 05 Feb 2010 03:48:57 +0000</pubDate>
		<dc:creator>Zee</dc:creator>
				<category><![CDATA[Apps]]></category>
		<category><![CDATA[Shareables]]></category>
		<category><![CDATA[features]]></category>
		<category><![CDATA[ui]]></category>

		<guid isPermaLink="false">http://thenextweb.com/apps/?p=3922</guid>
		<description><![CDATA[<br />You&#8217;ve got Facebook to thank for this one. I just spent a good hour and a half digging through various Facebook screenshots sent into us (I haven&#8217;t got the new...]]></description>
			<content:encoded><![CDATA[<br /><p>You&#8217;ve got Facebook to thank for this one.</p>
<p>I just spent a good hour and a half digging through various Facebook screenshots sent into us (I haven&#8217;t got the new UI yet), doing my best to explain all of its new features. Little did I know Facebook would have put together a perfectly good diagram explaining each and every one of them.</p>
<p>Click <a href="http://cdn.thenextweb.com/files/2010/02/4331793438_4ede4afe0c_o.png">here</a> or the image below for the large version.</p>
<p><a href="http://cdn.thenextweb.com/files/2010/02/4331793438_4ede4afe0c_o.png"><img class="alignnone size-large wp-image-3921" title="4331793438 4ede4afe0c o 789x1024 photo" src="http://cdn.thenextweb.com/files/2010/02/4331793438_4ede4afe0c_o-789x1024.png" alt="4331793438 4ede4afe0c o 789x1024 A Guide to Facebooks Brand New Homepage in One Handy Diagram." width="502" height="653" /></a></p>
<p>Thanks <a href="http://www.flickr.com/photos/ericstoller/4331793438/sizes/o/">Eric Stoller</a></p>
]]></content:encoded>
			<wfw:commentRss>http://thenextweb.com/apps/2010/02/05/guide-facebooks-brand-homepage-handy-diagram/feed/</wfw:commentRss>
		<slash:comments>11</slash:comments>
	
		<media:thumbnail url="http://cdn.thenextweb.com/files/2010/02/4331793438_4ede4afe0c_o-789x1024.png" />
		<media:content url="http://cdn.thenextweb.com/files/2010/02/4331793438_4ede4afe0c_o-789x1024.png" medium="image">
			<media:title type="html">Content control in the Age of AOL</media:title>
		</media:content>
	</item>
	</channel>
</rss>

