<?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>Enter Venture &#187; Website Design</title>
	<atom:link href="http://enterventure.com/blog/category/website-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://enterventure.com/blog</link>
	<description></description>
	<lastBuildDate>Wed, 30 Sep 2009 04:38:08 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=abc</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Have a website idea?  Make it &#8220;real&#8221; with Balsamiq&#8217;s help</title>
		<link>http://enterventure.com/blog/2009/02/07/have-a-website-idea-make-it-real-with-balsamiqs-help/</link>
		<comments>http://enterventure.com/blog/2009/02/07/have-a-website-idea-make-it-real-with-balsamiqs-help/#comments</comments>
		<pubDate>Sat, 07 Feb 2009 05:41:49 +0000</pubDate>
		<dc:creator>Patrick</dc:creator>
				<category><![CDATA[Reviews]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[Website Design]]></category>

		<guid isPermaLink="false">http://enterventure.com/blog/?p=165</guid>
		<description><![CDATA[A few months ago, I wrote about my love for my whiteboard and how it was the best $75 I&#8217;d ever spent.  Back then, I had a large, 3&#8242;x4&#8242; whiteboard that, along with brainstorming and keeping lists, allowed me to put together a fairly detailed website mock-up.  Since moving to San Francisco, however, I&#8217;ve had [...]]]></description>
			<content:encoded><![CDATA[<p>A few months ago, I wrote about my love for <a title="White board | Enter Venture" href="http://enterventure.com/blog/2008/06/18/my-whiteboard-the-best-75-dollars-ive-ever-spent/">my whiteboard</a> and how it was the best $75 I&#8217;d ever spent.  Back then, I had a large, 3&#8242;x4&#8242; whiteboard that, along with brainstorming and keeping lists, allowed me to put together a fairly detailed website mock-up.  Since moving to San Francisco, however, I&#8217;ve had to downsize my whiteboard, and I just can&#8217;t get into the same amount of detail with my smaller whiteboard as a result.</p>
<p><a href="http://enterventure.com/blog/wp-content/uploads/2009/02/balsamiqmock1.jpg"><img class="alignright size-medium wp-image-168" title="Balsamiq Mock" src="http://enterventure.com/blog/wp-content/uploads/2009/02/balsamiqmock1-300x170.jpg" alt="Balsamiq Mock" width="300" height="170" /></a></p>
<p>Then, I found <a title="Balsamiq" href="http://www.balsamiq.com/">Balsamiq Markups</a>. Balsamiq Markups is like my whiteboard on steroids &#8212; yet, still much, much better than that.  Balsamiq is an <a class="zem_slink" title="Adobe Integrated Runtime" rel="homepage" href="http://www.adobe.com/products/air/">Adobe AIR</a> application that allows you to quickly prototype a site using common elements found on a web page like buttons, tabs, search, etc.  You can quickly and easily re-size elements, group them together, or lock them on the page.  (My whiteboard never did that.)</p>
<p><a class="zem_slink" title="Balsamiq Mockups" rel="homepage" href="http://www.balsamiq.com/products/mockups">Balsamiq Mockups</a> deftly combines a rough, hand-drawn sketch look with a smooth, Visio-like ability to arrange elements on a page.  For designers, this will save them from getting into Photoshop right away.  These mock-ups allow you to get a feel for space and alignment without needing to commit to color, design, or typography.  For everyone else, Balsamiq provides one of the easiest ways for you to get into the web design game too.  Developers can test out what they&#8217;re trying to build, product managers can test out new ideas &#8212; heck, even corporate executives can figure this thing out.</p>
<p>Because Balsamiq&#8217;s so easy to use, it&#8217;s a great tool for soliciting group UI discussion.  You can quickly iterate on an idea using multiple versions of a mock or by simply changing your design on the fly.  On top of all that, it&#8217;s actually fun to use.  When was the last time you picked up a new software product and said that?</p>
<p>To see for yourself, try out Balsamiq&#8217;s <a title="Balsamiq Mockup Demo" href="http://www.balsamiq.com/demos/mockups/Mockups.html">online demo</a>.  You&#8217;ll quickly get sick of being told you&#8217;re using a demo, but you&#8217;ll also quickly find yourself feeling like you have the design skills of Steve Jobs.  For $79, you can have that feeling all you want with their full version.</p>
<p>As a blogger, I was granted a free license in exchange for an honest review (it meets my <a title="6 things about advertising | Enter Venture" href="http://enterventure.com/blog/2009/01/29/6-reasons-to-puts-ads-on-your-site-that-have-nothing-to-do-with-revenue/">advertising tolerance level</a>), so in that vein, here are a few things I think could be better:</p>
<ol>
<li>The toolbar could use some improvement.  It takes up a substantial portion of the screen yet it seems like I&#8217;m always trying to find an element.  Sections labelled &#8220;Big&#8221; aren&#8217;t that helpful.  The issue&#8217;s alleviated by placing elements in multiple sections, but better labeling and smaller icons would certainly help.  Maybe a scrolling list with a single preview of the image?  I have ideas about this</li>
<li>The fade away toolbar that rests on the editing screen is also a bit tricky.  I often didn&#8217;t know what was hidden behind this section.  When it appears, it always seems to be in the way.  When I need something, I can&#8217;t always figure out where it is.  For example, clicking on the down arrow to bring up all icon options was not entirely intuitive.  I think there&#8217;s room for this to be in the top bar to save space on the editing screen and make it more visible.</li>
<li>Last, I&#8217;d say ditch the notebook look.  You don&#8217;t need to reinforce the fact that Balsamiq mirrors a sketch, and the notebook-on-a-web-page look feels very first generation blog to me.  Balsamiq couldn&#8217;t be further from first generation web and the rest of the editor should reflect that!</li>
</ol>
<p>Thanks Balsamiq!</p>
<h6 class="zemanta-related-title" style="font-size: 1em;">Related articles by Zemanta</h6>
<ul class="zemanta-article-ul">
<li class="zemanta-article-ul-li"><a href="http://mo.notono.us/2009/01/i-like-balsamiq.html">I like Balsamiq</a> (mo.notono.us)</li>
<li class="zemanta-article-ul-li"><a href="http://www.techmeme.com/081115/p18">Man Writes Software, Blogs About it, Makes $100k in 5 Months (Marshall Kirkpatrick/ReadWriteWeb)</a> (techmeme.com)</li>
</ul>
<div class="zemanta-pixie" style="margin-top: 10px; height: 15px;"><a class="zemanta-pixie-a" title="Zemified by Zemanta" href="http://reblog.zemanta.com/zemified/bfc5844a-d266-4359-8734-5286ef901d2c/"><img class="zemanta-pixie-img" style="border: medium none; float: right;" src="http://img.zemanta.com/reblog_e.png?x-id=bfc5844a-d266-4359-8734-5286ef901d2c" alt="Reblog this post [with Zemanta]" /></a></div>
]]></content:encoded>
			<wfw:commentRss>http://enterventure.com/blog/2009/02/07/have-a-website-idea-make-it-real-with-balsamiqs-help/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>Enter Venture Updates, version 1.2</title>
		<link>http://enterventure.com/blog/2008/06/09/enter-venture-updates-version-12/</link>
		<comments>http://enterventure.com/blog/2008/06/09/enter-venture-updates-version-12/#comments</comments>
		<pubDate>Mon, 09 Jun 2008 06:09:59 +0000</pubDate>
		<dc:creator>Patrick</dc:creator>
				<category><![CDATA[Blogging]]></category>
		<category><![CDATA[Web 2.0]]></category>
		<category><![CDATA[Website Design]]></category>

		<guid isPermaLink="false">http://enterventure.com/blog/?p=67</guid>
		<description><![CDATA[I looked through my past posts and noticed the last Enter Venture update was May 12th.  Here is the second Enter Venture update, as promised from the beginning.  If the past two updates are to be any guide, it looks like I&#8217;ll be making modifications to the site at least monthly.  Here&#8217;s [...]]]></description>
			<content:encoded><![CDATA[<p>I looked through my past posts and noticed the last Enter Venture update was May 12th.  Here is the second Enter Venture update, as promised from the <a title="beginning" href="http://enterventure.com/blog/2008/04/27/enter-venture-modus-operandi/">beginning</a>.  If the past two updates are to be any guide, it looks like I&#8217;ll be making modifications to the site at least monthly.  Here&#8217;s what&#8217;s new this month</p>
<p><strong>Web 2.0 Chicken Pox</strong></p>
<p>In a <a title="previous post" href="http://enterventure.com/blog/2008/05/23/back-up-what-the-feed-are-you-talking-about/">previous post</a>, I talked about how social networking buttons were popping up all over the place, but few people knew what they were.  Well, I&#8217;ll consider this a bit a journalistic exploration.  You can also find these links in the Enter Venture feed.</p>
<ul>
<li><a href="http://www.stumbleupon.com/">StumbleUpon </a>- I completely recommend StumbleUpon to anyone that hasn&#8217;t tried it.  It recommends really interesting websites.  For example, in two clicks from my StumbleUpon toolbar just now, I was taken to a site describing the anatomy of a black hole and a site listing the top censored stories of 2007.</li>
<li><a title="Facebook" href="http://facebook.com">Facebook</a> &#8211; Most of my incoming links have come from facebook.  Hopefully someone will find this useful</li>
<li><a title="Digg This" href="http://digg.com">Digg This</a> &#8211; I just can&#8217;t get over how cool &#8216;Digg This&#8217; looks on the page.  Ya dig?</li>
<li>Email This &#8211; Because it doesn&#8217;t require you to have 30 different log ins with social networking sites</li>
</ul>
<p>I came so close to calling this post &#8220;version 2.0,&#8221; but I couldn&#8217;t bear it.  It&#8217;s probably best to avoid this term like the plague given the strong reactions it can induce.</p>
<p><strong>Email Subscriptions</strong></p>
<p>You can now have Enter Venture emailed to you each morning.  This might be best for all of you struggling with RSS overload now that you&#8217;re using your feed reader.  It&#8217;s so much easier to delete an email.</p>
<p><strong>Moderated Sidebar: Humor, New People, Popular Posts</strong></p>
<p>I updated the sidebar to better reflect who&#8217;s posting on here and the fact that I still haven&#8217;t defined early entrepreneurship.  Hint: that&#8217;s intentional.</p>
<p>I finally showed Vik a little love by putting him in the sidebar.  All kidding aside, it&#8217;s great having his posts on Enter Venture.  He brings a different perspective with the potential to create new ideas and ensures this site remains interdisciplinary.</p>
<p>I installed WordPress Stats for my own administration, and one of the cool things I can do to leverage that information is report popular posts for Enter Venture.  Unfortunately, this doesn&#8217;t account for activity prior to the Stats installation that was tracked with Google Analytics, but if you&#8217;re curious, here are the top three to date:</p>
<ol>
<li><a title="Columbia Venture Community" href="http://enterventure.com/blog/2008/05/14/columbia-venture-community/">Columbia Venture Community</a></li>
<li><a title="Dealing with Constraints" href="http://enterventure.com/blog/2008/05/20/dealing-with-constraints/">Dealing with Constraints</a></li>
<li><a title="Back up, what the feed are you talking about?" href="http://enterventure.com/blog/2008/05/23/back-up-what-the-feed-are-you-talking-about/">Back up, what the feed are you talking about?</a></li>
</ol>
<p><strong>The Trivial<br />
</strong></p>
<p>I made a bunch more seemingly trivial upgrades, but that doesn&#8217;t always mean they&#8217;re trivial tasks.  The modified archive pages that now mirror the main page gave me a few scrapes.  There were a few bullet rendering updates, alt tag improvements, and alignment tweaks that were more modest.</p>
<p>I think the rule with all of this is that the less you notice, the better.  Let&#8217;s hope so &#8212; except for those Web 2.0 doohickies.  Notice those.  Enjoy the new stuff.</p>
]]></content:encoded>
			<wfw:commentRss>http://enterventure.com/blog/2008/06/09/enter-venture-updates-version-12/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Enter Venture Updates</title>
		<link>http://enterventure.com/blog/2008/05/12/enter-venture-updates/</link>
		<comments>http://enterventure.com/blog/2008/05/12/enter-venture-updates/#comments</comments>
		<pubDate>Mon, 12 May 2008 03:17:55 +0000</pubDate>
		<dc:creator>Patrick</dc:creator>
				<category><![CDATA[Blogging]]></category>
		<category><![CDATA[Website Design]]></category>

		<guid isPermaLink="false">http://enterventure.com/blog/?p=56</guid>
		<description><![CDATA[As promised in my earliest posts, I&#8217;ve been improving the Enter Venture blog in increments starting with a basic, clean slate with few widgets or distractions.  I spent a good part of today working on Enter Venture so it&#8217;s worth noting the changes to both inform my readers and to justify the hour I [...]]]></description>
			<content:encoded><![CDATA[<p>As promised in my earliest posts, I&#8217;ve been improving the Enter Venture blog in increments starting with a basic, clean slate with few widgets or distractions.  I spent a good part of today working on Enter Venture so it&#8217;s worth noting the changes to both inform my readers and to justify the hour I spent trying to fix the spacing between the search element and the RSS feed link in the header.</p>
<p>So, what&#8217;s new?  Well, everything about Enter Venture has changed.  <em>Has it?  It looks mostly the same as before.</em> Some of you may have noticed my apology to IE users that used to be in the sidebar.  I originally built the Enter Venture theme using a blank WordPress framework I found online.</p>
<p>This was the ideal way to get started with Enter Venture because I simply had to add the elements and styles that I wanted.  There was no baggage to deal with.  A true blank slate.</p>
<p>Unfortunately, I was wrong.  It&#8217;s not possible to work with someone else&#8217;s code without dealing with their baggage.  There was a severe crack in my blank slate, and the more I tinkered with this framework, the worse the cracks became.  I had trouble getting the design to work remotely similar in IE versus FireFox.   I had <a title="markup validation" href="http://validator.w3.org/">markup validation </a>problems galore.  Everything I did seemed like a hack.</p>
<p>This morning, I ditched the blank slate and decided to re-build Enter Venture using the <a title="Default template" href="http://themes.wordpress.net/columns/2-columns/163/wordpress-default-15/">Default Theme</a> that comes with WordPress.  Since I already knew what I wanted Enter Venture to look like, it was drastically simpler for me to work with an existing theme this time around.  Also, since I&#8217;d already built the Enter Venture theme once, I could remove the Default elements and rebuild with the design and code from the previous Enter Venture template.  While flawed, that original blank slate design made this exercise much, much simpler.</p>
<p>Now, the sidebar actually shows up in IE!  The header&#8217;s bottom border shows up in IE!</p>
<p>Even better, working from this more robust framework gave me several improvements for free.  Enter Venture now supports comments.  Also, since I&#8217;m using the framework for the original Default template, I was able to build my Links list simply from the WordPress admin menu.  I also moved the Twitter script to its proper location so it will not prevent the page from loading if (when) Twitter is having response issues.</p>
<p>There will be more improvements to come, but I&#8217;d like to focus on content for awhile.  For now, &#8220;Look ma, no hacks!&#8221;</p>
]]></content:encoded>
			<wfw:commentRss>http://enterventure.com/blog/2008/05/12/enter-venture-updates/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The logo and blog design</title>
		<link>http://enterventure.com/blog/2008/04/24/the-logo-and-blog-design/</link>
		<comments>http://enterventure.com/blog/2008/04/24/the-logo-and-blog-design/#comments</comments>
		<pubDate>Thu, 24 Apr 2008 04:09:14 +0000</pubDate>
		<dc:creator>Patrick</dc:creator>
				<category><![CDATA[How To]]></category>
		<category><![CDATA[Marketing]]></category>
		<category><![CDATA[Website Design]]></category>

		<guid isPermaLink="false">http://enterventure.com/blog/?p=44</guid>
		<description><![CDATA[In my last post, I wrote about what I would be blogging about.  This post focuses on the logo and design of Enter Venture and how they are related.
I think there&#8217;s a waterfall effect when it comes to creating a new website.  First, you have an idea for a website that&#8217;s going to [...]]]></description>
			<content:encoded><![CDATA[<p>In <a title="my last post" href="http://enterventure.com/blog/?p=42">my last post</a>, I wrote about what I would be blogging about.  This post focuses on the logo and design of Enter Venture and how they are related.</p>
<p>I think there&#8217;s a waterfall effect when it comes to creating a new website.  First, you have an idea for a website that&#8217;s going to change the world (or just make you a lot of money).  Once you have an idea, you have to come up with a name.  Once you have a name, you have to design your logo.  Once you have a logo, you have to design your site.</p>
<p>Once you have users, you realize that the idea, name, logo, and site design all need to be fixed, but that&#8217;s another post altogether.  (There are a lot more steps involved, but this is a post about the logo and design so just go with it).</p>
<p>For this post, I&#8217;ll take you through my waterfall.</p>
<p><strong>The Name</strong></p>
<p>Enter Venture.  I like the way the two words rhyme.  Bingo.</p>
<p>Honestly, deciding to choose the name Enter Venture was an easy, gut reaction; however, it took it took me 2 months working with 3 different people, countless checks on <a title="register.com" href="http://www.register.com">register.com</a>, and plenty of time with <a title="thesaurus.com" href="http://www.thesaurus.com">thesaurus.com</a> to come up with Enter Venture / enterventure.com.</p>
<p>There were a few exercises I went through to come up with Enter Venture.  My favorite exercise is the stream of consciousness word dump onto a whiteboard.  Next, I took a step back to think of synonyms for the words that best encapsulated my idea.  Working with other people helped further diversify my options.  Finally, I confined myself to certain guidelines: no three word names, must have a &#8220;.com&#8221; address, etc.</p>
<p>There are probably a million ways to come up with a website or company name, but I think the three guiding principles of 1) Brainstorm 2) Build Constraints and 3) Get Feedback, in whatever order, will give you your best chance for naming success.</p>
<p><strong>The Logo</strong></p>
<p>It took surprisingly little time to conceive the idea for the Enter Venture logo.  I knew we wanted a something simple (a theme you&#8217;ll hear repeated on this blog).  I would much rather start with something simple and build on it.   Also, who needs a great logo?  I&#8217;d much rather have a great product than an intricate logo.  See Facebook, Digg, etc.</p>
<p>One simple look at the &#8220;Enter&#8221; key on my keyboard gave me the idea to separate the two words Enter and Venture by putting Enter in  button.  I was open to any button but thought something that evoked the idea of an &#8220;Enter&#8221; key would be clever.</p>
<p>With an affordable <a title="designer" href="http://50dollarlogos.com/">designer</a> I was able to test out this one idea and three other design concepts.   The button idea looked great and with a few tweaks to color and font, Enter Venture&#8217;s logo was complete.</p>
<p><strong>The Design</strong></p>
<p>Another thing that we communicated to our designer was that we would have a white background site.  I love white background sites.  I don&#8217;t see any other real option for text rich sites.  White backgrounds have worked for text since the days of papyrus so it&#8217;ll be tough to convince me to do otherwise.</p>
<p>The design, like the logo, is minimalist.  It&#8217;s so basic that I decided to immediately remove the Google Ads I originally placed in the sidebar.  With a basic, but unique design I will be able to focus on creating content.</p>
<p>(One final note about the design: it&#8217;s not done.  For all of you IE browser users out there, bear with me).</p>
<p>I&#8217;ve now nearly wrapped up the &#8216;why i&#8217;m here&#8217; and &#8216;what i&#8217;m about&#8217; pieces.  Stay tuned next time for my Modus Operandi, part 1.  We&#8217;re almost there.</p>
]]></content:encoded>
			<wfw:commentRss>http://enterventure.com/blog/2008/04/24/the-logo-and-blog-design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
