<?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>Superhero Nation: how to write superhero novels, comic books and superhero books &#187; Website Design</title>
	<atom:link href="http://www.superheronation.com/category/technical-stuff/website-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.superheronation.com</link>
	<description>How to write a superhero book, comic book or superhero novel and get it published</description>
	<lastBuildDate>Fri, 10 Feb 2012 06:59:20 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3</generator>
		<item>
		<title>Website Review: Mike Angley</title>
		<link>http://www.superheronation.com/2009/10/11/website-review-mike-angley/</link>
		<comments>http://www.superheronation.com/2009/10/11/website-review-mike-angley/#comments</comments>
		<pubDate>Sun, 11 Oct 2009 19:27:42 +0000</pubDate>
		<dc:creator>B. McKenzie</dc:creator>
				<category><![CDATA[Blogging]]></category>
		<category><![CDATA[Book Trailers]]></category>
		<category><![CDATA[Technical Advice]]></category>
		<category><![CDATA[Website Design]]></category>
		<category><![CDATA[Website Organization]]></category>

		<guid isPermaLink="false">http://www.superheronation.com/?p=4524</guid>
		<description><![CDATA[Today I came across Mike Angley&#8217;s website&#8211; Mike Angley is an OSI veteran (hu-ah!) that writes paranormal military fiction.  This review will help you design and write an effective website to market your writing.     What Worked The site is well-edited.  That&#8217;s absolutely crucial for a writer&#8217;s website.  The website generally looks professional.  The site conveys &#8221;I write [...]]]></description>
			<content:encoded><![CDATA[<p>Today I came across <a href="http://www.childfinder.us/">Mike Angley&#8217;s website</a>&#8211; Mike Angley is an OSI veteran (<a title="Most of the protagonists in my comic book are OSI agents." href="http://www.superheronation.com/2008/01/13/b-macs-review-forum/">hu-ah!</a>) that writes paranormal military fiction.  This review will help you design and write an effective website to market your writing.    </p>
<p style="margin-bottom: .2in"><span id="more-4524"></span></p>
<p><strong>What Worked</strong></p>
<ul>
<li>The site is well-edited.  That&#8217;s absolutely crucial for a writer&#8217;s website. </li>
<li>The website generally looks professional. </li>
<li>The site conveys &#8221;I write military fiction&#8221; at a glance.  </li>
<li>I like how he used his picture, easily establishing his military background.  You don&#8217;t have to wade through the &#8220;About the Author&#8221; to learn the most compelling part of this author&#8217;s bio. </li>
</ul>
<p><strong> </strong></p>
<p style="margin-bottom: .2in"><strong>What Could Have Worked Better</strong></p>
<ul>
<li>The site could use a better name than Mike Angley.  That&#8217;s not optimized for search-engine performance or memorable.  If you didn&#8217;t specifically know who Mike Angley was, you would almost certainly just scroll past &#8220;Mike Angley&#8221; if it came up in a Google search.  At the <em>very</em> least, I would recommend adding a phrase that suggests what he writes.  Like &#8220;Mike Angley: paranormal military fiction with a punch.&#8221;</li>
<li>I am not fond of light text on a dark background for a writer&#8217;s website.  Since authors generally have quite a lot of text on their website, the additional eye-strain is particularly noticeable.   </li>
<li>I&#8217;d recommend placing a one-sentence synopsis of the book/series above the fold (ie easily visible from the first screen that someone sees after coming to his website).   <strong></strong></li>
<li>The site felt very laggy.  I&#8217;m not sure if it was an issue on my end or his, but I haven&#8217;t been having any problems with other writing websites today.   </li>
<li>I feel like it&#8217;s pretty important to know whether his books are religious in nature.  I&#8217;m getting some mixed messages on that front.  For example, he has &#8220;<a rel="colleague" href="http://catherine-athomewithchristianfiction.blogspot.com/" target="_blank">At Home with Christian Fiction</a>&#8221; in his blogroll and the booktrailer includes a religious image and a vague reference to the character&#8217;s faith.  Generally, I wouldn&#8217;t recommend leaving any doubt as to which niche you&#8217;re writing for. </li>
<li>I don&#8217;t think that the site answers &#8220;what&#8217;s in it for me?&#8221; very well.  For example, the first item on his sidebar is Mike&#8217;s Profiles.  That&#8217;s not very interactive.  I&#8217;d recommend leading with something more interactive, like writing advice (if you have any), personal interviews, or information about how to interact with Mike.  For example, if the author does promotional events, I think that a blurb about his next event should be displayed very prominently. </li>
<li>I would recommend shortening <a href="http://childfinder.us/about/">the &#8220;About the Author&#8221; section</a>.  Some of these details, like the five professional organizations he belongs to, are probably irrelevant to prospective readers.  Also, his bio focuses too much on his work experience and not enough about his writing.  He&#8217;s worked with OSI for 25 years, including five tours as a unit commander.  That tells us pretty much all we need to know about his (impressive) credentials, I think.  Right now, he spends about 275 words (3 <em>long </em>paragraphs) describing his military background.  Too much.  Also, I&#8217;d recommend cutting out the detail about the dog and family <em>or </em>inserting a detail or two that are really interesting. </li>
<li>The image of his Military Writers Society of America badge has a white background, which looks garish on his otherwise black page.  I would recommend Photoshopping it so that the color blends in better.  (Just replace the white border with a black one).   </li>
<li>The book trailer looks cheap.  It probably would have been more effective to buy a digital recorder and narrate it by voice rather than do a slideshow with text captions and music.  Alternatively, use a font/color combination that look good on the background.  Finally, the words themselves are not yet interesting enough to intrigue prospective readers, I suspect.  </li>
<li>Generally, I would recommend making the book trailer more prominent than it is here.  However, I don&#8217;t think that this book trailer is particularly compelling, so I would leave it where it is. </li>
<li>I would recommend removing the comments feature until the author has enough readers to regularly generate comments.  This is social proof: if you have a lot of comments, people will get the impression that the author is popular, which will encourage them to see what they&#8217;re missing.  Conversely, if a reader sees &#8221;0 Comments&#8221; after the end of every post, he may wonder if he&#8217;s the first person to ever view this website.  As a rule of thumb, I would recommend against enabling comments until you get about 100 viewers a day. </li>
<li>I don&#8217;t feel like I know what the author&#8217;s style of writing is like.  One of the tabs at the top of the website reads &#8220;Bloggy News,&#8221; which sounds a lot more casual and whimsical than the rest of the website. </li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.superheronation.com/2009/10/11/website-review-mike-angley/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>This is a cool concept&#8230;</title>
		<link>http://www.superheronation.com/2009/07/12/this-is-a-cool-concept/</link>
		<comments>http://www.superheronation.com/2009/07/12/this-is-a-cool-concept/#comments</comments>
		<pubDate>Mon, 13 Jul 2009 00:17:25 +0000</pubDate>
		<dc:creator>B. McKenzie</dc:creator>
				<category><![CDATA[Website Design]]></category>
		<category><![CDATA[Writing Articles]]></category>

		<guid isPermaLink="false">http://www.superheronation.com/?p=4028</guid>
		<description><![CDATA[Asaya&#8217;s Blog: How to Write and Draw the Supernatural is a blog similar to this one.  It offers writing advice focused on supernatural fiction.  Quick question.  What kind of stories would you consider to be supernatural fiction?  It strikes me as a slightly more open-ended category than, say, &#8220;superhero stories.&#8221;]]></description>
			<content:encoded><![CDATA[<p><em><a href="http://god-and-fiction.blogspot.com/">Asaya&#8217;s Blog: How to Write and Draw the Supernatural</a> </em>is a blog similar to this one.  It offers writing advice focused on supernatural fiction.  Quick question.  What kind of stories would you consider to be supernatural fiction?  It strikes me as a slightly more open-ended category than, say, &#8220;superhero stories.&#8221;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.superheronation.com/2009/07/12/this-is-a-cool-concept/feed/</wfw:commentRss>
		<slash:comments>18</slash:comments>
		</item>
		<item>
		<title>Website Advice: How to Deal with the Summer Slump</title>
		<link>http://www.superheronation.com/2009/07/10/website-advice-how-to-deal-with-the-summer-slowdown/</link>
		<comments>http://www.superheronation.com/2009/07/10/website-advice-how-to-deal-with-the-summer-slowdown/#comments</comments>
		<pubDate>Fri, 10 Jul 2009 19:03:03 +0000</pubDate>
		<dc:creator>B. McKenzie</dc:creator>
				<category><![CDATA[Website Design]]></category>

		<guid isPermaLink="false">http://www.superheronation.com/?p=3996</guid>
		<description><![CDATA[Here are a few trends about the &#8220;summer slump&#8221; in internet use.  (Well, when it&#8217;s summer in the Northern Hemisphere, anyway). Traffic tends to drop considerably.  In summer, the weather is really nice and people have things to do besides sit inside with a computer.  So don&#8217;t get depressed if your numbers drop during the [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: left;">Here are a few trends about the &#8220;summer slump&#8221; in internet use.  (Well, when it&#8217;s summer in the Northern Hemisphere, anyway).</p>
<p style="text-align: left;"><span id="more-3996"></span></p>
<ul style="text-align: left;">
<li style="text-align: left;"><strong>Traffic <a href="http://www.chrisg.com/summer-traffic-blog-project/">tends to drop considerably</a></strong>.  In summer, the weather is really nice and people have things to do besides sit inside with a computer.  So don&#8217;t get depressed if your numbers drop during the summer; it happens to pretty much everyone.</li>
<li><strong>Regular readers will probably comprise a larger share of your readership than they do outside of summer.</strong> In non-summer months, about 30% of our readers are returning visitors.  In the summer, that jumped to 51%.</li>
<li><strong>Because it&#8217;s harder to lure in new readers, <a href="http://www.convertoffline.com/what-is-direct-traffic-in-google-analytics/">direct traffic</a> will probably become more prominent. </strong>In a non-summer month, our audience split 16-52-32% in terms of how they got to our website: direct traffic, referral and search engine.  Over the summer, it&#8217;s been 33-30-37%.</li>
</ul>
<p style="text-align: left;">Here are a few tricks you can try to make the most of the summer slowdown.</p>
<ol style="text-align: left;">
<li><strong>It&#8217;s a great time to experiment with site-design and content. </strong>Generally, new readers are the most likely to leave forever if they encounter something they don&#8217;t like.  Summer is probably the safest time to experiment because fewer new readers are at stake.  For example, this summer I&#8217;d like to try posting some reader-written material.</li>
<li><strong>In particular, I&#8217;d recommend trying out some new content aimed at long-time readers. </strong>For example, we do a lot of writing contests over the summer.</li>
<li><strong>Think long-term. </strong>Fewer readers are at stake in the summer.  So what can you do that will help you when traffic picks up in the fall?  One possible answer is writing &#8220;evergreen&#8221; content that will lure in readers months and months down the road.  For example, our List of Superpowers is still one of our most-frequented pages.</li>
</ol>
]]></content:encoded>
			<wfw:commentRss>http://www.superheronation.com/2009/07/10/website-advice-how-to-deal-with-the-summer-slowdown/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Sequential Chicago&#8230;</title>
		<link>http://www.superheronation.com/2009/06/13/sequential-chicago/</link>
		<comments>http://www.superheronation.com/2009/06/13/sequential-chicago/#comments</comments>
		<pubDate>Sat, 13 Jun 2009 19:33:34 +0000</pubDate>
		<dc:creator>B. McKenzie</dc:creator>
				<category><![CDATA[Website Design]]></category>

		<guid isPermaLink="false">http://www.superheronation.com/?p=3789</guid>
		<description><![CDATA[Both Chicago and comic books are pretty awesome.  Hence Sequential Chicago, for all of your Chicago comic book needs.  Hmm.  Is this a half-baked idea or a well-targeted niche?  What do you think?]]></description>
			<content:encoded><![CDATA[<p>Both Chicago and comic books are pretty awesome.  Hence <a href="http://www.sequentialchicago.com/">Sequential Chicago</a>, for all of your Chicago comic book needs.  Hmm.  Is this a half-baked idea or a well-targeted niche?  What do you think?</p>
]]></content:encoded>
			<wfw:commentRss>http://www.superheronation.com/2009/06/13/sequential-chicago/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>How to Design Your Blog&#8217;s Front Page</title>
		<link>http://www.superheronation.com/2009/05/04/4-tips-about-how-to-design-your-blogs-front-page/</link>
		<comments>http://www.superheronation.com/2009/05/04/4-tips-about-how-to-design-your-blogs-front-page/#comments</comments>
		<pubDate>Mon, 04 May 2009 17:55:54 +0000</pubDate>
		<dc:creator>B. McKenzie</dc:creator>
				<category><![CDATA[Blogging]]></category>
		<category><![CDATA[Website Design]]></category>

		<guid isPermaLink="false">http://www.superheronation.com/?p=3493</guid>
		<description><![CDATA[1.  Make it clear what you offer and why readers should stick around. For example, if you wandered across Superhero Nation, you might stick around because you wanted superhero writing advice or because you want my observations about writing.  The trick is to make this as blatant as possible:  for example, I repeat myself in [...]]]></description>
			<content:encoded><![CDATA[<p>1.  <strong>Make it clear what you offer and why readers should stick around. </strong>For example, if you wandered across Superhero Nation, you might stick around because you wanted superhero writing advice or because you want my observations about writing.  The trick is to make this as blatant as possible:  for example, I repeat myself in the title, in the header art, in the page headings, in the side-bar, etc.  Everyone focuses on different elements of the page, so it pays to be redundant.</p>
<p style="margin-bottom: .2in">
<p><strong>2.  Stay away from adspeak and flowery language. </strong>For example, our title includes the phrase &#8220;how to write superhero novels and comic books.&#8221;  That&#8217;s much more user-friendly than something like &#8220;superhero writing insights.&#8221;  What&#8217;s an insight?  Don&#8217;t make readers struggle to translate what you&#8217;ve written.</p>
<p style="margin-bottom: .2in">
<span id="more-3493"></span></p>
<p><strong>3.  Make it clear what you want readers to do. </strong>In most cases, this should be pretty self-explanatory (read our content, buy our book, sign up for our mailing list, etc).  However, it&#8217;s not always that simple.  For example, here&#8217;s the front page of <a href="http://www.changethis.com">ChangeThis</a>:
</p>
<p style="text-align: center;"><img class="aligncenter" title="ChangeThis screenshot" src="http://farm4.static.flickr.com/3599/3506929464_836b9b7041_o.jpg" alt="" width="504" height="410" /></p>
<p style="text-align: left;">There are a lot of problems with this page, but the main one is that it&#8217;s not clear what it wants you to do.  Notice that their goal is &#8220;creating a new kind of media&#8230; that uses existing tools to challenge the way ideas are created and spread.&#8221;   Uhh, what does that have to do with me?</p>
<p style="margin-bottom: .2in">
<p style="text-align: left;">4.  <strong>Introduce the reader to your content in a way that will make him want to read more. </strong>You have three main tools here.  First, write titles that make it clear what the reader will get out of the post.  For example, if you saw a post called &#8220;<a href="http://www.superheronation.com/2009/05/05/how-to-do-superhero-gadgets-well/">How to Do Superhero Gadgets Well</a>,&#8221; it&#8217;s clear what the article is about and why you should read it.  In contrast, I have no idea what &#8220;The Recognition Microscope:  Fuel for Human Acceleration&#8221; is about.   It sounds trippy as hell.  Second, you can use your sidebar to present your best content and reinforce your site&#8217;s theme.  If you want superhero writing advice, our sidebar makes it pretty obvious that we offer a ton of it.   Finally, I recommend using opening sentences that smoothly introduce the material.  ChangeThis has a poor grasp on this.  For one, it doesn&#8217;t even let itself complete all of its opening sentences.  &#8220;I am convinced that a good deal of the &#8216;survival strategies&#8217; that organizations are adopting are&#8230;&#8221;  Umm, yeah.  That sentence is <em>absolutely meaningless </em>without the missing content.  I&#8217;d change this to &#8220;Many of the &#8216;survival strategies&#8217; that organizations are adopting are disastrous because of [main reason].&#8221;</p>
<p style="margin-bottom: .2in">
<p><script type="text/javascript" src="http://w.sharethis.com/button/sharethis.js#publisher=f60bdedd-2905-4e5e-8084-8e9a8b83b4f2&amp;type=wordpress&amp;buttonText=Please%20Share%20This!&amp;post_services=stumbleupon%2Cfacebook%2Cdigg%2Cdelicious%2Ctwitter%2Cfark%2Cybuzz%2Creddit%2Ctechnorati%2Cmixx%2Cblogger%2Cwordpress%2Ctypepad%2Cgoogle_bmarks%2Cwindows_live%2Cbus_exchange%2Cblogmarks%2Cpropeller%2Cnewsvine%2Clinkedin%2Cxanga"></script></p>
]]></content:encoded>
			<wfw:commentRss>http://www.superheronation.com/2009/05/04/4-tips-about-how-to-design-your-blogs-front-page/feed/</wfw:commentRss>
		<slash:comments>17</slash:comments>
		</item>
		<item>
		<title>Tips for Writers That Want to Blog</title>
		<link>http://www.superheronation.com/2009/03/24/tips-for-writers-that-want-to-blog/</link>
		<comments>http://www.superheronation.com/2009/03/24/tips-for-writers-that-want-to-blog/#comments</comments>
		<pubDate>Tue, 24 Mar 2009 08:13:43 +0000</pubDate>
		<dc:creator>B. McKenzie</dc:creator>
				<category><![CDATA[Blogging]]></category>
		<category><![CDATA[Website Design]]></category>
		<category><![CDATA[Website Organization]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://www.superheronation.com/?p=2650</guid>
		<description><![CDATA[Over two years, several hundred thousand page-views and 750 posts, I&#8217;ve accumulated some thoughts on what makes a blog successful. 1.  Establish a niche, ideally one that appeals to readers that are interested in what you plan to sell. I started this blog as a superhero comedy, given that I wanted to market a humorous [...]]]></description>
			<content:encoded><![CDATA[<p>Over two years, several hundred thousand page-views and 750 posts, I&#8217;ve accumulated some thoughts on what makes a blog successful.</p>
<p style="margin-bottom: .2in">
<p><span id="more-2650"></span></p>
<p>1.  <strong>Establish a niche, ideally one that appeals to readers that are interested in what you plan to sell. </strong> I started this blog as a superhero comedy, given that I wanted to market a humorous superhero novel.  But there are already many solid superhero comedy sites (such as <a href="http://www.the-iss.com/">ISS</a> and <a href="http://www.evil-comic.com/">Evil, Inc</a>).  We had much more success attracting readers after we rebranded ourselves as a superhero writing site.  As far as I can tell, we don&#8217;t have any competitors.</p>
<p style="margin-bottom: .2in">
<p>How is your writing blog unique?  Do you have a different style?  A different audience?  A different genre, subgenre or focus?  Etc.</p>
<p style="margin-bottom: .2in">
<p>2.  <strong>Make it clear what you offer</strong>.  Why will a stranger want to read what you have to say?  The worst writing blogs are usually loosely organized around a theme like &#8220;the random thoughts and ruminations of [Author X].&#8221;  Ick.  That&#8217;s far less effective than something like &#8220;how to write romance&#8221; or &#8220;so you want to be a sports writer.&#8221;</p>
<p style="margin-bottom: .2in">
<p>3.  <strong>Organize! </strong>The typical online reader will leave instantly unless you make him see that you offer quality content that fits their interests.   The best way to do that is to organize.  If you&#8217;re the sort of person that wants to IMPROVE YOUR WRITING or read SUPERHERO WRITING ARTICLES, it&#8217;s pretty clear that this is the right site for you. Just check our sidebar!</p>
<p style="margin-bottom: .2in">
<p>4.  <strong>Organize <em>redundantly. </em></strong>If you absolutely need readers to see something, include it in several places.  For example, let&#8217;s say that you&#8217;re a first-time visitor to SN and you&#8217;re not sure what we offer.  You could find this information by reading our title, clicking either prominent link to our site explanation, or by reading our very prominent header.  When you&#8217;re designing your site, don&#8217;t put all your eggs in one basket.</p>
<p style="margin-bottom: .2in">
<p>5.  <strong>Make everything on your site accessible within two clicks. </strong>One easy way to accomplish that is to use indexes of popular articles.  For example, if you like our writing articles, it&#8217;s pretty easy to navigate our <a href="http://www.superheronation.com/2008/02/24/index-writing-guides/">list of writing guides</a> or our <a href="http://www.superheronation.com/2008/02/24/index-writing-about-superheroes/">list of superhero writing articles</a>. From there, it&#8217;s just one more click to any of our writing advice.</p>
<p style="margin-bottom: .2in">
<p>6.  <strong>Post regularly. </strong>Ideally, at least a few times a week.  Depending on your niche and target audience, I recommend focusing on 200-400 word posts.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.superheronation.com/2009/03/24/tips-for-writers-that-want-to-blog/feed/</wfw:commentRss>
		<slash:comments>70</slash:comments>
		</item>
		<item>
		<title>What is the appeal of three-column websites?</title>
		<link>http://www.superheronation.com/2009/01/24/what-is-the-appeal-of-three-column-websites/</link>
		<comments>http://www.superheronation.com/2009/01/24/what-is-the-appeal-of-three-column-websites/#comments</comments>
		<pubDate>Sun, 25 Jan 2009 00:07:27 +0000</pubDate>
		<dc:creator>B. McKenzie</dc:creator>
				<category><![CDATA[Technical Advice]]></category>
		<category><![CDATA[Website Design]]></category>

		<guid isPermaLink="false">http://www.superheronation.com/?p=1930</guid>
		<description><![CDATA[Just wondering. (We&#8217;ve also considered the appeal of Twilight and The Hulk).]]></description>
			<content:encoded><![CDATA[<p>Just wondering.</p>
<p>(We&#8217;ve also considered the appeal of <a href="http://www.superheronation.com/2009/01/19/whats-the-appeal-of-twilight/">Twilight</a> and <a href="http://www.superheronation.com/2009/01/06/what-is-the-appeal-of-the-hulk/">The Hulk</a>).</p>
]]></content:encoded>
			<wfw:commentRss>http://www.superheronation.com/2009/01/24/what-is-the-appeal-of-three-column-websites/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>

