<?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>eval.nu blog &#187; user interface</title>
	<atom:link href="http://eval.nu/blog/tag/user-interface/feed/" rel="self" type="application/rss+xml" />
	<link>http://eval.nu/blog</link>
	<description></description>
	<lastBuildDate>Tue, 20 Jul 2010 10:08:34 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Thoughts on Blog Design (From A Design Hater&#8217;s Perspective)</title>
		<link>http://eval.nu/blog/2009/10/31/thoughts-on-blog-design-from-a-design-haters-perspective/</link>
		<comments>http://eval.nu/blog/2009/10/31/thoughts-on-blog-design-from-a-design-haters-perspective/#comments</comments>
		<pubDate>Sat, 31 Oct 2009 21:07:37 +0000</pubDate>
		<dc:creator><span property="dc:creator" resource="http://eval.nu/blog/2009/10/31/thoughts-on-blog-design-from-a-design-haters-perspective/">Albin</span></dc:creator>
				<category><![CDATA[in English]]></category>
		<category><![CDATA[readability]]></category>
		<category><![CDATA[user interaction]]></category>
		<category><![CDATA[user interface]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[Website]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://eval.nu/blog/?p=4</guid>
		<description><![CDATA[A few thoughts on good blog design practices. [...]]]></description>
			<content:encoded><![CDATA[<p>Normally, I&#8217;d consider designing web pages the very antithesis of my vision of what the web ought to be. I&#8217;m dreaming of a network of information, free of representations. Or, to put it differently, I&#8217;d like every web page to look the same. Design is irrelevant, I just want the data.</p>

<p>However, since most web site&#8211; and browser developers are putting their efforts toward further shoehorning of applications into a document format, I&#8217;m confident this text will stay relevant for at least a couple of years. With &#8220;good design&#8221;, I mean &#8220;functional&#8221; rather than &#8220;visually appealing&#8221;; a blog is first and foremost about text, and this text should be readable. Everything else is secondary.</p>

<p>By the way, the rest of this post will be <a title="Paul Graham" href="http://www.paulgraham.com/nthings.html">a list of N things</a>. I know, I should avoid it, but I couldn&#8217;t help myself.</p>

<ol>
    <li><em>Do not re-implement windows</em> or window handling or <em>any sort of GUI</em>. At all. In fact, this shouldn&#8217;t even be the web browser&#8217;s responsibility, but the window manager&#8217;s. Despite this most modern web browsers re-implement window management in the shape of tabs. So if you find yourself thinking about pop-ups or lightboxes or similar: <em>don&#8217;t</em>. They are slow and they are annoying and they force certain browsing patterns on the viewer needlessly.</li>
    <li><em>Avoid needless Javascript</em>. In fact, keep away from it entirely as much as possible. Also avoid frames or iframes like the plague.</li>
    <li><em>Don&#8217;t impose your screen size as the norm</em>. Avoid fixed width and fixed font sizes and your blog will have a greater chance of rendering well on both very small and very large screens.</li>
    <li><em>Keep the screen clean, focus on the text</em>. Use a bare minimum of widgets, menues, links and similar attention-hogs. Imagine your typical reader being a four-year-old with ADD. If possible, consider displaying only one post at a time.</li>
    <li>Try to stay away from <a href="http://catb.org/jargon/html/A/angry-fruit-salad.html">Angry Fruit Salad</a> colour themes.</li>
</ol>

<p>Of course, my current theme (the WordPress default) makes many of these mistakes. In particular, it seems to put a unproportionate amount of focus on the background, leaving only a thin streak of text in the middle. Why this is I can only speculate, but I welcome proposals of better WordPress themes!</p>
 <p>Feel free to Flattr this post at <a href="http://flattr.com/" title="Flattr" target="_blank">flattr.com</a>, if you like it.</p> <p><a href="http://flattr.com/" title="Flattr" target="_blank"><img src="http://eval.nu/blog/wp-content/plugins/flattrss/button-compact-static-100x17.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://eval.nu/blog/2009/10/31/thoughts-on-blog-design-from-a-design-haters-perspective/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
	</channel>
</rss>

<!-- Dynamic Page Served (once) in 0.505 seconds -->
