<?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>chrisbrogan.com&#187; blogdesign</title>
	<atom:link href="http://www.chrisbrogan.com/tag/blogdesign/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.chrisbrogan.com</link>
	<description>Learn How Human Business Works - Beyond Social Media</description>
	<lastBuildDate>Mon, 06 Feb 2012 09:30:05 +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>Make it Easier for Your Audience</title>
		<link>http://www.chrisbrogan.com/make-it-easier-for-your-audience/</link>
		<comments>http://www.chrisbrogan.com/make-it-easier-for-your-audience/#comments</comments>
		<pubDate>Tue, 16 Sep 2008 02:42:23 +0000</pubDate>
		<dc:creator>ceb</dc:creator>
				<category><![CDATA[Article]]></category>
		<category><![CDATA[blogdesign]]></category>
		<category><![CDATA[layout]]></category>
		<category><![CDATA[sitedesign]]></category>
		<category><![CDATA[vickiflaugher]]></category>

		<guid isPermaLink="false">http://www.chrisbrogan.com/?p=2796</guid>
		<description><![CDATA[Vicki Flaugher has done some brilliant things with her website design. In fact, as I started to type this bit up to talk about how great her subscription buttons are (just LOOK at that email subscription sticky note), I went back to the top of her web page and caught all the other little design [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.smartwomanguides.com"><img src="http://img.skitch.com/20080916-2e8n71jh5mjs7g7a7ydeu5nff.jpg" alt="nicebuttons" align="right"></a> <a href="http://www.smartwomanguides.com">Vicki Flaugher</a> has done some brilliant things with her website design. In fact, as I started to type this bit up to talk about how great her subscription buttons are (just LOOK at that email subscription sticky note), I went back to the top of her web page and caught all the other little design tidbits. Look at the top left where there&#8217;s built in language translation buttons. Look at the top right, where the first thing I see is a sign up for even more material (a conversion engine). Check out the subtle little PayPal Tip Jar in the first little bit of scroll on the far right column. </p>
<p>Vicki&#8217;s About page has a picture of her, and a very clear sense of what she wants to do next with you. She even goes so far as to post a bit of her singing ability, for an added extra something. </p>
<p>I can&#8217;t compliment her work enough. <a href="http://www.smartwomanguides.com">Smart Woman Guides</a> is a great site looking at making it easier for Vicki&#8217;s audience and community. </p>
<p>And how did I find her? I read her comment on one of my posts, saw her tweet, and then caught a trackback to a blog she posted that mentioned my <a href="http://www.chrisbrogan.com/50-ways-to-take-your-blog-to-the-next-level/">next level blogging</a> advice. </p>
<p>What do you think? Can you see why I like what she&#8217;s done? Any advice you&#8217;d give Vicki? </p>
]]></content:encoded>
			<wfw:commentRss>http://www.chrisbrogan.com/make-it-easier-for-your-audience/feed/</wfw:commentRss>
		<slash:comments>25</slash:comments>
		</item>
		<item>
		<title>Make Your Blog Design Work For You</title>
		<link>http://www.chrisbrogan.com/make-your-blog-design-work-for-you/</link>
		<comments>http://www.chrisbrogan.com/make-your-blog-design-work-for-you/#comments</comments>
		<pubDate>Sat, 17 May 2008 12:11:15 +0000</pubDate>
		<dc:creator>ceb</dc:creator>
				<category><![CDATA[Article]]></category>
		<category><![CDATA[blogdesign]]></category>
		<category><![CDATA[blogging]]></category>
		<category><![CDATA[socialmedia]]></category>
		<category><![CDATA[socialmedia100]]></category>

		<guid isPermaLink="false">http://www.chrisbrogan.com/?p=2532</guid>
		<description><![CDATA[Everything I&#8217;ve done with my blog design is intentional. I&#8217;m not saying that my blog design is perfect, and I certainly have other things I&#8217;d like to do in the future, but I wanted to share with you some thoughts about blog design, starting with my blog, but then showing some design ideas from other [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://flickr.com/photos/ellievanhoutte/337997339/"><img src="http://farm1.static.flickr.com/156/337997339_a33b4d5ae0_m.jpg" alt="gears" align="right"></a> Everything I&#8217;ve done with my blog design is intentional. I&#8217;m not saying that my blog design is perfect, and I certainly have other things I&#8217;d like to do in the future, but I wanted to share with you some thoughts about blog design, starting with my blog, but then showing some design ideas from other sites as well. Why should blog design matter? Because you want your blog to serve the purpose you&#8217;ve built it to serve. </p>
<h3>First, Know the Goal</h3>
<p>The goal of my blog is to provide you with a body of work on social software and strategies around it. One part of that goal is the hope that my work gives you starting points to launch out and do this on your own. The other part of the goal is that people who need more than what I&#8217;ve posted know that I&#8217;m available to help them with their specific needs. What do you think? Does my site match my goal? </p>
<p>What&#8217;s the goal of your blog?</p>
<h3>Consider a Thin Header</h3>
<p>
<a href='http://diythemes.com/thesis/?a_aid=t4ag3&amp;a_bid=d1c60af6'><img src="http://www.chrisbrogan.com/img/thesis.jpg" alt="Want one of the best themes around?" align="right"></a>When building the redesign of <a href="http://chrisbrogan.com">[chrisbrogan.com]</a>, I wanted the header at the top to be very thin. I wanted you to be able to see as much of my page layout as possible instead of a huge static graphical banner at the top. </p>
<p><p>
Check out <a href="http://copyblogger.com">CopyBlogger</a> and <a href="http://problogger.net">Problogger</a>. Brian and Darren have me beat on thin headers. They even have functionality alongside their names in the headers. Commercial concerns like <a href="http://techcrunch.com">TechCrunch</a> and <a href="http://gigaom.com">GigaOm</a> have ads at the top, but note how <a href="http://gigaom.com">GigaOm</a> handles ads. He&#8217;s got it wrapped into the header, saving space. For whatever reason, that design makes the ad seam less blatant to me. You? </p>
<h3>Your About Page Matters</h3>
<p>My <a href="http://chrisbrogan.com/about">About</a> page starts with a picture of me (just changed it out from the old one, because I want a very current pic all the time). It also gives you a bio that tells you what I&#8217;m passionate about. But if you look further at it, my about page is also a &#8220;serving suggestions&#8221; for how you can work with me. I want you thinking the whole time you&#8217;re reading it, &#8220;Oh look! I&#8217;m in the market for someone to help my company figure out our social media strategy, and Chris does that!&#8221; That&#8217;s not by accident. </p>
<p>Valeria Maltoni&#8217;s <a href="http://conversationagent.typepad.com/about.html">about page</a> has an even more professional feel to it. (I&#8217;m taking notes now). And she uses a picture to make sure we know who she is. </p>
<p>Brian Clark&#8217;s <a href="http://www.copyblogger.com/copywriting/">about page</a> for CopyBlogger starts with the essence of the blog, and then talks about him, and the message there reinforces that his blog is about the work, not about him. </p>
<p>What does your about page look like? What more will I learn about you, and about your goals with your blog? </p>
<h3>Your Sidebar(s)</h3>
<p>Sidebars are my personal pet peeve. I want the things in them to be relevant to the experience, useful to the user, and pertinent to the information at hand. To that end, the first three things on my sidebar are the RSS subscription link, my <a href="http://chrisbrogan.com/newsletters">newsletter</a> subscription link (which is different content), and a &#8220;get this blog by email&#8221; blox. Why? Because my #1 goal is to get you connected to this experience on a continual basis. </p>
<p>Most sidebars start with the subscription opportunities. I noted that CopyBlogger and Problogger and Conversation Agent all also display their RSS subscriber count. I didn&#8217;t have this on my site for a while, but then realized there&#8217;s one piece of value in it: it shows that more than a few people consider your site useful for information. Don&#8217;t feel like you have to wait until you have 10,000 subscribers to put that button up, and don&#8217;t feel weird if you only have 100. More than 2 is probably good. : )</p>
<p>My sidebar then has a micro-biography, and alongside that, a contact box that shows you a few ways to reach me. I think it&#8217;s important, and putting my number on the blog was something I learned from <a href="http://scobleizer.com">Robert Scoble</a>. I figured, if he&#8217;s a busy guy and can have his number up there, I&#8217;ll be okay. So far, so good. </p>
<p>
<a href='http://diythemes.com/thesis/?a_aid=t4ag3&amp;a_bid=d1c60af6'><img src="http://www.chrisbrogan.com/img/thesis.jpg" alt="Want one of the best themes around?" align="right"></a> The rest of the sidebar can be debated. I have widgets that show you who&#8217;s stopped by (MyBlogLog). I have an Utterz badge showing my most recent Utterz posts. I have the Lijit content search widget, and a few other things. Is it all vital to the blog experience? No. So maybe some day it will go. </p>
<h3>Ads or No Ads</h3>
<p>I&#8217;ve started experimenting with ads, with the goal of starting a little &#8220;conference fund&#8221; for shows that aren&#8217;t business-related. My mindset has changed on this over and over. (This section was updated November 2nd, for instance.) </p>
<p>You can certainly use ads on your site. Some folks do it very tastefully. Where it becomes a problem to me is when you&#8217;ve laden your page with so many ads that I can no longer read the content easily, and heaven forbid you have me clicking on something that I don&#8217;t know is an ad. Spamming your audience is un-pleasant. </p>
<p>Should sites have ads? Sure. Why not? But be clear about what your intentions are, and try your hardest to make the ads pertinent to your audience. </p>
<p>What&#8217;s your take on this one? </p>
<h3>Blogrolls or No</h3>
<p>Some sites have a blogroll (where folks can see all the other blogs you endorse or not). I&#8217;ve heard great endorsements of these (and I usually poke around other great bloggers&#8217; blogrolls to see who they value). On my site, I went another way. I built a complete page called <a href="http://chrisbrogan.com/rockstars">Rockstars</a>, where I give people a link to their site and their RSS feed. Why? Because I wanted to make it all-inclusive, and because I didn&#8217;t want it to eat my sidebar. </p>
<p>Do you use one? Have people commented positively or negatively about it? </p>
<h3>Fonts and Text Colors</h3>
<p>I like readable blogs. Upon looking at my site, I wonder if the &#8220;not black but grey&#8221; text, and the text size, are tricky for some people to read. I like the design, but I also want people to be able to read it. When I looked around, there was a real mix to what people used on their sites for font and colors. I prefer a serif (text that has curvy parts) font, while others like sans serif (more modern-looking). Mine is probably officially a sans, but has a serif feel to it. </p>
<h3>Pictures and Video and Rich Media</h3>
<p>I love videoblogs. I love photoblogs. In my case, I use my blog in multiple ways, so I consider it a text blog with pictures, or a text blog with video. If yours is specific to one of these other purposes, you might consider designs that further highlight your main purpose. </p>
<p>But, if you&#8217;re blogging in text, consider photos and video. They add something to a reader&#8217;s experience. You&#8217;ll note that I often put a photo up alongside my posts. I use <a href="http://flickr.com/creativecommons/by-2.0/">Flickr&#8217;s</a> vast assortment of Creative-Commons licensed photos, created by the world to be used with proper attribution. (Learn more about that <a href="http://flickr.com/creativecommons">here</a>). </p>
<h3>Summary</h3>
<p>To sum up what I want you to consider when thinking about your blog design: </p>
<ul>
<li> What&#8217;s the goal of your blog? Does your design serve that goal?
<li> Consider a thin header.
<li> Make your About page useful.
<li> Keep your sidebar functional.
<li> If you have ads, keep them tasteful and unobtrusive.
<li> Consider how blogrolls affect your design.
<li> Do your fonts and their color help your readers?
<li> Should you add rich media like photos and video to your blog?</ul>
<p>Next time, we can talk about content: what goes IN your blog, and how that works for you. </p>
<p>Feel free to share designs you think work well in the <a href="http://chrisbrogan.com/make-your-blog-design-work-for-you/#comments">comments</a> section, and we can talk about YOUR blog, too, if people feel like sharing. </p>
<p><em>The Social Media 100 is a project by Chris Brogan dedicated to writing 100 useful blog posts in a row about the tools, techniques, and strategies behind using social media for your business, your organization, or your own personal interests. Swing by <a href="http://chrisbrogan.com">[chrisbrogan.com]</a> for more posts in the series, and if you have topic ideas, feel free to share them, as this is a group project, and your opinion matters. </p>
<p>Get the entire series by <a href="http://feeds.feedburner.com/chrisbrogandotcom">subscribing to this blog</a>, and subscribe to my free newsletter <a href="http://chrisbrogan.com/newsletters">here</a>.</em></p>
<p>
<a href='http://diythemes.com/thesis/?a_aid=t4ag3&amp;a_bid=d1c60af6'><img src="http://www.chrisbrogan.com/img/thesis.jpg" alt="Want one of the best themes around?"></a></p>
<p><em>Photo credit, <a href="http://flickr.com/photos/ellievanhoutte/337997339/">Ellie VanHoutte</a></em></p>
]]></content:encoded>
			<wfw:commentRss>http://www.chrisbrogan.com/make-your-blog-design-work-for-you/feed/</wfw:commentRss>
		<slash:comments>210</slash:comments>
		</item>
	</channel>
</rss>

