<?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>Gilles Vandenoostende &#187; webdesign</title>
	<atom:link href="http://blog.vandenoostende.com/tag/webdesign/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.vandenoostende.com</link>
	<description>My blog</description>
	<lastBuildDate>Mon, 06 Feb 2012 10:46:37 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>UI Patterns for scrolling</title>
		<link>http://blog.vandenoostende.com/2012/ui-patterns-for-scrolling/</link>
		<comments>http://blog.vandenoostende.com/2012/ui-patterns-for-scrolling/#comments</comments>
		<pubDate>Tue, 31 Jan 2012 09:40:48 +0000</pubDate>
		<dc:creator>@gillesv</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[ui]]></category>
		<category><![CDATA[ux]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://blog.vandenoostende.com/?p=473</guid>
		<description><![CDATA[Some design patterns I find that go well together with scrolling: Dynamically Fixed UI - like the sidebar on this very blog, for instance. Once a user scrolls past the top-most point of a certain UI element (like a menu or table-header) said element becomes &#8216;sticky&#8217; and becomes fixed on screen. Now that mobile devices are [...]]]></description>
			<content:encoded><![CDATA[<p>Some design patterns I find that go well together with scrolling:</p>
<ol>
<li><strong>Dynamically Fixed UI</strong> - like the sidebar on this very blog, for instance. Once a user scrolls past the top-most point of a certain UI element (like a menu or table-header) said element becomes &#8216;sticky&#8217; and becomes fixed on screen. Now that mobile devices are beginning to support CSS&#8217; <code>position:fixed</code> style, this could become a more common sight on sites.</li>
<li><strong>Animated Anchors</strong> - i.e. those links you click on and that scroll the page for you. Really handy because it not only takes the user to wherever he or she wanted to go, but at the same time also educates them on the layout of your site, and their position within it.</li>
<li><strong>Infinite Scroll</strong> - i.e. that AJAX trick to load in fresh content at the bottom of the page whenever a user scrolls past a certain point. For immersion, this cannot be beaten; If done right users can just lose themselves in the content before realizing just how long they&#8217;ve been reading the same page.
<p>The downside with this is that when a user clicks a link on the page, and then hits the back button, he or she will be thrown back to the top of the page. I can imagine a suitable workaround to this involving a just-in-time history push-state using <a title="History.js on github" href="https://github.com/balupton/History.js/">History.js</a>, so that when the user returns, they&#8217;re only taken back to the last page-fragment that was loaded.</li>
</ol>
<p>The rising popularity of tablets and other touch-screen devices will only serve to increase the need for good scrolling user experiences.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.vandenoostende.com/2012/ui-patterns-for-scrolling/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Scrolling is the new click</title>
		<link>http://uxmovement.com/navigation/why-scrolling-is-the-new-click/</link>
		<comments>http://blog.vandenoostende.com/2012/scrolling-is-the-new-click/#comments</comments>
		<pubDate>Tue, 31 Jan 2012 09:22:47 +0000</pubDate>
		<dc:creator>@gillesv</dc:creator>
				<category><![CDATA[Linked List ∞]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[ui]]></category>
		<category><![CDATA[ux]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://blog.vandenoostende.com/?p=471</guid>
		<description><![CDATA[Anthony, on UX Movement: Many years ago, clicking was the simple answer to this question. The general thought was that if you made your page too long, users would only view and read the top half and glance over or ignore the bottom half. Today, things have changed. Many users do scroll to the end of [...]]]></description>
			<content:encoded><![CDATA[<p><a title="anthony - UX Movement" href="http://uxmovement.com/author/anthony/">Anthony</a>, on <a title="UX Movement" href="http://uxmovement.com/">UX Movement</a>:</p>
<blockquote><p>Many years ago, clicking was the simple answer to this question. The general thought was that if you made your page too long, users would only view and read the top half and glance over or ignore the bottom half. Today, things have changed. Many users do scroll to the end of the page and have no problem doing so. Scrolling has become a second-nature and clicking a chore. As user behavior changes over time, designers need to take that into account in their designs.</p></blockquote>
<p>Anecdotally, I can vouch for this &#8211; show me an over-paginated page or other form of UI and I&#8217;m far less likely to explore your content than when it&#8217;s all organized on a single page. And with non-accurate input methods, such as a touch-screen, clicking can be an even bigger chore, if the site isn&#8217;t optimized for touch.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.vandenoostende.com/2012/scrolling-is-the-new-click/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using disk
Page Caching using disk (enhanced)
Database Caching 1/19 queries in 0.114 seconds using disk
Object Caching 217/263 objects using disk

Served from: blog.vandenoostende.com @ 2012-02-06 13:31:45 -->
