<?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"
	>

<channel>
	<title>designfeedr &#187; web design</title>
	<atom:link href="http://designfeedr.com/category/design/web-design/feed" rel="self" type="application/rss+xml" />
	<link>http://designfeedr.com</link>
	<description>Feeding the creative monster inspiration</description>
	<pubDate>Mon, 03 Nov 2008 08:48:09 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.6</generator>
	<language>en</language>
			<item>
		<title>Full screen flash portfolio study</title>
		<link>http://designfeedr.com/full-screen-flash-portfolio-study</link>
		<comments>http://designfeedr.com/full-screen-flash-portfolio-study#comments</comments>
		<pubDate>Sun, 13 Jul 2008 10:52:12 +0000</pubDate>
		<dc:creator>Youri</dc:creator>
		
		<category><![CDATA[web design]]></category>

		<category><![CDATA[flash]]></category>

		<category><![CDATA[Usability]]></category>

		<guid isPermaLink="false">http://designfeedr.com/?p=49</guid>
		<description><![CDATA[<p>Flash is a powerful tool that's often used for the wrong projects. Information heavy sites gain very little by being developed as a full flash site and often lose quite a lot. Usability, accessibility and search engine optimization normally all take a hit if you go full flash.</p>
]]></description>
			<content:encoded><![CDATA[<p><span class="italic">Flash is a powerful tool that&#8217;s often used for the wrong projects. Information heavy sites gain very little by being developed as a full flash site and often lose quite a lot. Usability, accessibility and search engine optimization normally all take a hit if you go full flash (depending on your skill level and design choices you are often able to minimize this to a certain extend though). For image based portfolios with little text however flash is a very valid way to showcase your work. Flash opens up a lot of possibilities that you don&#8217;t have using html/css and the downsides become a lot less severe.</span></p>
<p>One really powerful way to showcase your work is the full screen flash portfolio. They say you should let the work do the talking, and that&#8217;s exactly what this type of site does. It showcases work full screen in the browser with the minimum amount of navigation and layout elements. In this article I&#8217;ll go over things you should keep in mind if you&#8217;re considering a portfolio like this and I&#8217;ll showcase a few examples and bring forth what I consider their strong and weak points. </p>
<p><strong>So what&#8217;s to like about a full screen flash portfolio?</strong><br />
It&#8217;s easy to see what the strong points of this type of site are. Large images with a minimal interface allow your work to shine like it never has before on the web. Flash navigation and layouts often confuse (or in the very least challenge) users, but if you build this site right anyone can operate it. Using a &#8220;next&#8221; or &#8220;prev&#8221; button to browse a gallery isn&#8217;t that hard and that&#8217;s all the majority of users will want to do. </p>
<p>The fact that you build the site with very little interface means that your work takes the spotlight more than on any other type of site. No header graphics, text or other excesses to distract the user while he&#8217;s browsing your pieces. It&#8217;s all about the work.</p>
<p>Another strong point is that you don&#8217;t see this type of site that often so you&#8217;re fairly original. I&#8217;ll go into the reasons for this in a little while.</p>
<p><strong>Things to keep in mind</strong><br />
Ok so let&#8217;s say  you&#8217;re thinking a site like this might be good for you, what do you need to consider before you take the plunge? </p>
<p><strong>Can you afford to just showcase the work?</strong><br />
This type of site will only work if you mainly want to express your visuals. If you want to have an elaborate about me, a contact with some encouraging words, explain the way you work and bring forth some case studies you&#8217;d best have a look at some more classic layout solutions. The reason for this is that this type of site is very different in use from what your viewer will normally see. Research proves that the majority of users will not invest time to learn how to navigate your site, if the navigation you&#8217;ve created bothers or frustrates them they&#8217;ll just exit the site. This means that for the full screen flash portfolio to be crystal clear to all users from the moment it loads it has to be very simple in use. Since your portfolio has the function of netting you clients or jobs this is obviously very undesirable. So to make this type of site work I would strongly advise you to keep it stupid simple. </p>
<p><strong>There is nothing to hide behind</strong><br />
Since you want to use as much screen space for displaying your work you won&#8217;t be able to have great looking graphics and a good layout to boost the overall look and feel of the site. It&#8217;s your work and only your work that will decide how you come across. So consider carefully if this is what you want and if you feel your work is up to it.</p>
<p>Also keep in mind that larger displayed work means that the tiny details will be much more visible. For some people this isn&#8217;t a problem at all but a positive thing yet for others this means that their work might start to look a bit sloppy.</p>
<p><strong>Are you capable of properly building it?</strong><br />
This is the big question. Most creatives I know like to build their own site which of course makes perfect sense. They know themselves and their work best and usually have the skills to make a portfolio that expresses them best. In case of the full screen flash portfolio however I would only advice to do this if you&#8217;re sure you can build it properly. </p>
<p>I say properly because if you build it poorly it&#8217;s going to hurt you bad. Earlier I said that you don&#8217;t see these type of sites all that often. Part of the reason lies in the fact that you need to have some real action script skills to make this work, it can get pretty technical. You have to be able to make flash check the screen resolution and size the movie accordingly. If the user re-sizes the browser window flash needs to automatically recalculate the new size of the movie. The images need to be loaded dynamically one at a time, you can&#8217;t pull the old flash trick of loading the whole site at once since you have to work with very large image files that can fill very high screen resolutions(you can of course pre-load the next image while the user is viewing the current one). And of course flash has to effectively scale your images to always fit the browser window.</p>
<p>So another part of the reason you don&#8217;t see full flash portfolio sites all that much most likely lies in the fact that most creatives would have to spend some cash to have it built for them. </p>
<p><strong>Let&#8217;s examine some examples.</strong><br />
Now that we&#8217;ve given the pro&#8217;s an cons some thought lets look at some examples of full screen flash sites. As far as web design is concerned I can be pretty blunt but these are, as always, my opinions. I&#8217;m not at any point attacking the people who designed or scripted the sites but simply saying how I feel it would&#8217;ve been better.</p>
<p><strong>01. Brooke Pifer</strong> | <a href="http://www.brook-pifer.com/">Visit site</a><br />
<a href="http://www.brook-pifer.com/"><img src="http://designfeedr.com/wp-content/uploads/07-07-08fullscreen/brooke.jpg" alt="Brooke Pifer" /></a><br />
Brooke Pifer&#8217;s site might be the most well know example of a full screen flash portfolio, and as far as I&#8217;m concerned it&#8217;s also the best from what I&#8217;ve seen. The reason is because of it&#8217;s perfect technical execution and it&#8217;s simplicity in use. </p>
<p>The site is easy to navigate by using the &#8220;prev&#8221; or &#8220;next&#8221; buttons or by clicking &#8220;gallery&#8221; to access a thumbnail navigation. Giving users multiple ways to navigate is in most cases a very good thing.  </p>
<p>Other strong points lie in the things this site does not do. It skips extra nonsense like sound, splash screens, unnecessary content and also does not suffer from extreme load times. </p>
<p><strong>02. Filippa Smedhagen Sund</strong> | <a href="http://filippasmedhagensund.com/">Visit site</a><br />
<a href="http://filippasmedhagensund.com/"><img src="http://designfeedr.com/wp-content/uploads/07-07-08fullscreen/filippa.jpg" alt="Filippa Smedhagen Sund" /></a><br />
Filippa Smedhagen Sund&#8217;s site has been out there for a while but it doesn&#8217;t look dated at all. It&#8217;s a site that combines full screen images with a unique screen dragging navigation. The navigation works on basic level, it easy to use and even explained while the site loads so as far as operating the site goes it&#8217;s definitely good. </p>
<p>Where I feel the site fails however is that you can not only drag from left to right but also up and down. Combine this with the fact that the position of the images is random and you can imagine that you&#8217;ll soon be lost in the forest of images that is Filippa&#8217;s portfolio. In my opinion this site would have been way better off using a simple dragging system that worked from left to right only with a secondary thumbnail navigation like Brooke Pifer&#8217;s site has. In essence it does it right but just does too much.</p>
<p><strong>03. Saso Kos Photography</strong> | <a href="http://www.sasokos.com/">Visit site</a><br />
<a href="http://www.sasokos.com/"><img src="http://designfeedr.com/wp-content/uploads/07-07-08fullscreen/sasokos.jpg" alt="Saso Kos Photography" /></a><br />
Just Filippa Smedhagen Sund I feel Saso Kos&#8217;s site does too much. The images look great, load fast and navigating the work is a breeze. Unfortunately by default the site boots up with background music (I&#8217;m a firm believer this is a no no 99% of the time), moves the photos around and has a slide show option on. That&#8217;s three things happening you never asked for and would most likely want to do without.  </p>
<p>The user has the option to turn all of this off, it&#8217;s even possible to hide the menu bar. While I applaud the option to turn these options off I still feel the designer would have been better off just leaving them out. That said I do feel that when these options are off Saso Kos&#8217;s site is an excellent example of a good full screen flash site.</p>
<p><strong>04. Emmanuel Rouzic</strong> | <a href="http://www.emmanuelrouzic.com/">Visit site</a><br />
<a href="http://www.emmanuelrouzic.com/"><img src="http://designfeedr.com/wp-content/uploads/07-07-08fullscreen/emmanuel.jpg" alt="Emmanuel Rouzic" /></a><br />
Emmanuel Rouzic&#8217;s site looks great, but in my opinion that&#8217;s about the only thing it has going for it. It&#8217;s the perfect example of a flash site gone totally wrong. The load time before the site shows up is extremely long on my reasonably fast broadband connection, if you have a slower connection you can walk the dog in the time it takes the site to load. While the site loads you have deep drum sound effects that remind me off Lord of the rings. This is irritating enough on itself, if you combine this with the long load times and the fact that you can&#8217;t turn it off this means that a large part of the visitors of Emmanuel&#8217;s site will most likely close the site before it loads. </p>
<p>Those that stay for the ride get a navigation system that looks great but doesn&#8217;t have any grounding whatsoever and are once again confronted with the photographers favorite music track. However much I want to like this site for it&#8217;s innovative design and great look I can only say that in my opinion this is by far the worst of the bunch.</p>
<p><strong>Conclusion</strong><br />
I love this type of site since it puts the work forward in a fairly unique way and because I&#8217;m a sucker for big images on my screen. In conclusion I&#8217;d say that if you&#8217;re after a site like this remember to keep it really simple in use and carefully consider if you want to built it yourself. </p>
<p><strong>Hope you enjoyed the article and feel a bit wiser when it comes to this type of portfolio. I&#8217;m currently experimenting with the code to run a site like this so if you have any good references be sure to share them with me!</strong></p>
]]></content:encoded>
			<wfw:commentRss>http://designfeedr.com/full-screen-flash-portfolio-study/feed</wfw:commentRss>
		</item>
		<item>
		<title>A better online portfolio #1 : Contact data</title>
		<link>http://designfeedr.com/a-better-portfolio-1-contact-data</link>
		<comments>http://designfeedr.com/a-better-portfolio-1-contact-data#comments</comments>
		<pubDate>Tue, 10 Jun 2008 17:51:20 +0000</pubDate>
		<dc:creator>Youri</dc:creator>
		
		<category><![CDATA[portfolio]]></category>

		<category><![CDATA[web design]]></category>

		<category><![CDATA[Usability]]></category>

		<guid isPermaLink="false">http://designfeedr.com/?p=37</guid>
		<description><![CDATA[These days an online portfolio is mandatory for creatives of every kind. If you don’t have one it will come across like you just crawled out from under a huge world engulfing rock. You also won’t get to reap the benefits of having an online presence.]]></description>
			<content:encoded><![CDATA[<p><span class="italic">These days an online portfolio is mandatory for creatives of every kind. If you don’t have one it will come across like you just crawled out from under a huge world engulfing rock. You also won’t get to reap the benefits of having an online presence. The “A better online portfolio” posts are a series of articles where I give some pointers that will hopefully lead to some food for thought when you build your new (or revised) portfolio site.</a></p>
<p>Our start up tip is a really simple yet significant one. <strong>Place your contact data in the right place where it is immediately visible.</strong>  Why should you care? I’m going to assume your online portfolio is there for the simple reason to help get you a job or new commissions. The thing is, you’re not the only one, there’s an army of hopefuls out there trying to get a piece of the pie. </p>
<p>Any half decent agency looking for a new employee will get a host of responses when they announce they have a spot open. This company will see one portfolio and CV after another. You can bet a potential client looking for a freelancer also sees his share of online ports before he makes his decision. It’s for this reason that you should make it as easy as possible to contact you. This ensures that when you’re applicant number thirty, you won’t get passed by simply because the recruiter viewing the port has seen more than his share that day. Believe me, this does happen.</p>
<p>So what’s the right place for your contact data? Basically you’re looking to add the data to an area that is immediately visible. This means placing it somewhere in the top, or at least the top-mid section of your main page (above the fold as web designers call it). A good and often seen spot is in the header opposite of the logo but sidebars are also good bets. If you feel you have no place for extra data above the fold, then you can still put your contact data in your footer. </p>
<p>While we’re on the topic of contact data there’s one more thing I’d like to stress. Make sure your email is click-able and make sure the text is selectable (the latter only being a concern for flash sites). The last thing you want to do is make things harder for someone who has decided to contact you! </p>
<p><strong>Below are some portfolio sites with useful placement of the contact data</strong><br />
<a href="http://www.foan82.com/" alt="Foan"><br />
<img src="http://designfeedr.com/wp-content/uploads/07-06-08porto_01/01_foan.jpg" alt="Foan" /><br />
<a href="http://www.jasonreedwebdesign.com/" alt="Jason Reed"><br />
<img src="http://designfeedr.com/wp-content/uploads/07-06-08porto_01/02_jason_reed.jpg" alt="Jason Reed" /><br />
<a href="http://stanislav-krofta.newwebart.net/" alt="stanislav krofta"><br />
<img src="http://designfeedr.com/wp-content/uploads/07-06-08porto_01/03_stanislav_krofta.jpg" alt="stanislav krofta" /><br />
<a href="http://www.futurefabric.co.uk/" alt="futurefabric"><br />
<img src="http://designfeedr.com/wp-content/uploads/07-06-08porto_01/04_futurefabric.jpg" alt="futurefabric" /></p>
]]></content:encoded>
			<wfw:commentRss>http://designfeedr.com/a-better-portfolio-1-contact-data/feed</wfw:commentRss>
		</item>
	</channel>
</rss>

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