belindasmilne

Archive for the ‘Web Design’ Category

The Interactive Web.

In Web Design on October 12, 2010 at 8:36 pm

Great Art comes to life on the Web.

As we are all aware, the Internet is all about copying. Images, text and video weave their way all over the Web, without ever leaving home. While this can create problems for some, especially producers of cultural products like music, games and video, it can also open up new opportunities for discovery and exploration through Interactive tools and technologies.

While media producers continue to look for ways to protect their business, it is worth noting the many benefits of the Web. Firstly, the Web allows content producers to reach vast global audiences. These audiences are now able to respond in any number of interesting and unique ways, through YouTube and other forms of Social Media. Instead of looking at mashups and Youtube Videos as a attack on producers, perhaps it needs to seen as a sign of the viewer’s willingness to promote your content by sharing their viewing experiences with others.

Powerful interactive and broadband technologies allow content producers to bring new and innovative experiences to the Web; experiences that would never be possible offline. Galleries and Libraries are already realising the benefits of the Web and are copying and uploading rare and valuable cultural items like paintings and books and making them available on the Web. This enables them to offer better protection for rare and valuable artifacts by reduce handling without limiting access.

Recently, the famous Uffizi Gallery in Italy has brought 6 masterpieces from their own collection and made them available in Ultra-high definition free of charge until the 29 January, 2011. Visitors to the Haltadefinizioni site are able to interact with these masterpieces, to a degree that would simply be impossible in real life.

As designers we can learn from their navigation. Although the main website is written in Italian, the site is made accessible by using familiar technologies and symbols, which make it easy to follow, regardless of the user’s language. Using a series of buttons, online Viewers are able to zoom in and study the finest details of Sandro Botticelli’s Birth Of Venus, right on their own desktop. Users can zoom in and study each brush stroke and examine small details, without any risk to the original painting.

In life, such a close examination would never be possible. First you need to fly to Italy, then pay to enter the Gallery only to stand behind a barrier and look at painting from a distance. By making these paintings available online Uffizi is able to reach a vast new audience of art lovers and generate public and media interest.

Effective using Interactive technologies allows users to interact with online content and each other in ways producers haven’t yet thought of. Our job as designers is to find innovative ways to encourage people to explore.

To Flash or Not To Flash

In Web Design on October 4, 2010 at 12:01 pm

The Flash Dilemma.

With the growth of dynamic websites and social media, Adobe Flash has proven, at least for some, a godsend. Flash has allowed developers to create wonderful (and not so wonderful) animated content. However as the war between Apple and Flash continues some are now looking to HTML5 as the new direction on video and audio embedding on the web. Steve Jobs at Apple has perhaps controversially, put all his eggs in the HTML5 basket. To date Flash is still not supported in either the iPad or iPhone devices. From a users perspective, this certainly makes sense. 3G and now 4G can be very expensive and anything that reduces data-loads can only be a good thing.

So what this mean for web and video developers. Will developers still be using Flash to deliver dynamic and video content to the web? the answer is: probably. Flash is currently the best supported video format on the web. So, does that mean Apple will finally come to the party? Probably not. Steve Jobs is no longer the only voice in the wilderness. With Microsoft’s IE9 now promising both CSS3 and HTML5 support and both Youtube and Vimeo now offering support for the new html5 video there is no rush for Apple to change its mind.

Apple’s track record can’t be easily dismissed. It was partly Apple and the sheer buying power of the iPod that drove music companies to finally abandon their draconian Digital Rights Management (DRM) for digital music, enabling iTunes users to convert their iTunes Store music to MP3, so it could be used in a wide range of non-Apple MP3 players. Previously this could only be achieved by burning a playlist to CD and then ripping it back into iTunes, to remove the DRM and then converting it. A small change that was not overlooked, particularly by MS Windows users, who could now convert files and load them into Windows Media Player. The player of choice for many MP3 users.

Of course, Flash is not just used for video. It’s also used for slideshows and other dynamic web content. The main problem is not just the lack of support on iPad and iPhone devices, who are still a relatively small sector of the overall market. There are also many ordinary browser users who are choosing to disable flash for whatever reason. This can be done by downloading a plugin such as Click-to-Flash or Firefox’s Flashblock addon which hides Flash under an added level of interaction.

Click-to-Flash and Flashblock mean users must click inside each and every Flash box in order to display the content and they must click again to get the video to play. While this may seem annoying to some, it does offer a greater degree of control to users. It also means users can be spared irritating Flash-based adverts and expanding banners that seem to want to take over our browsers. Remember that search engines don’t really like Flash either. This leads us to those agonising flash-sites, those which are coded entirely or primarily in Flash. Well, sorry to say, Flashblock makes short work of those. Instead of all your stunning, spinning graphics all you get is this:

Flash-based Website with a Flash blocker

Great, isn’t it? an empty box. Not only is there no content, there’s no reason for me to want to click on it to find out what it is. I’ve got better things to do than guess what your website is. It’s like calling an unknown number on your mobile, you think it’s someone important only to discover it’s one of those holiday contests.

pizza hut website

Worse are those sites, which hide their navigation an/or content under a great big Flash box or even a series of Flash boxes. This is a big no-no folks. No one wants to play hunt the content all over your website, not even for pizza.

The key here is having a fallback, either as text or a still image. Giving users an indication what is hiding under the box is the key to successfully using Flash. Here is an excellent example of making Flash work by offering a fallback image underneath the Flash box. These designers have ensured their client’s site degrades gracefully. In fact, I would argue the fallback actually looks better than the flash version. Compare for yourself.

Rivervale Hotel WebsiteRivervale Hotel site

While HTML5 may well offer a simpler means of delivering video, it isn’t going to solve the question of codecs anytime soon. One thing is clear, whatever happens to HTML5, Flash will continue to offer a convenient fall-back position for video developers. Instead of offering the same video in three different codecs, it would seem reasonable to offer Flash first with an H.264 fallback for systems such as iPhone that are unable to support Flash.

Whether browsers will fall in behind OGG Theora, an open source codec, supported by Opera and Mozilla or the proprietary H.264 codec, supported by Apple and Google (the owners of YouTube), remains to be seen. Given OGG Theora is free and H.264 costs in at some $5 million dollars a year, the choice should be obvious; however the web doesn’t always play by the same economic play book as everyone else.

So what is the simple message. By all means, keep using Flash but keep it for video and web apps only. Avoid using Flash for navigation or anywhere important. Keep in mind, more and more people will see nothing but a big empty box, where your navigation or your content is supposed to be. Not a good look.

Death of the Website: The Problem with Social Media Marketing.

In Uncategorized, Web Design on October 3, 2010 at 10:04 pm

Are web designers obsolete?

This is what happens when you let content loose on its own

Recently Smashing Magazine ran an article by Cameron Chapman. The reaction was immediate and the editors quickly found themselves under fire from hundreds of designers who felt they’d been crudely misrepresented. Many felt magazines editors were essentially of ‘biting the hand that feeds them’.

So vehement was the reaction editors were forced to post rebuttals including an interesting response by Michael Aleo along with an apology (see Cameron update, above). However, the anger remains and the discussion continues.

It’s easy for writers and content providers to overlook the design aspect and concentrate on function over form but as any designer knows, good design is supposed to be invisible. No matter, if it’s in print, on the Web, or a really cool App, a designer’s job is making sure content is the king. That’s what design is supposed to be. So, is Cameron paying us a compliment?

No, I didn’t think so either. While many of Cameron’s arguments are flawed, and they do perhaps paint a rather old fashioned, simplistic picture of the work of web designer, the article poses an interesting question about the shifting relationship between form and function on the Web. In this age of social media and RSS feeds what will become of the traditional website?

The question is not a new one, critics have been predicting the death of the website since Web 2.0 was a twinkle in O’Reilly’s eye. Despite this, the traditional website has continued to exist. A domain name is basically a brand name and, as Aleo points out, few businesses are going to willingly give up the power and control of a domain for the promise of a subdomain on Facebook.

So, What’s the problem with Social Media?

As any designer and web marketer will tell you, the key to an effective web presence is branding. A brand is about creating a consistent message, throughout your company’s online and offline material. From a branding perspective, the problem with Facebook and Twitter and so on, is that everybody’s pages, walls and whatever, basically look the same. No matter where you go, Facebook looks like Facebook, WordPress blogs look like WordPress blogs and Bloggers look like, well blogs. Even a DIY blog, still looks like a blog, largely thanks to its functionality. It’s not too hard to see why, Social Media Sites are in the business of selling themselves, they’re in business to sell your data, not your business.

Another problem with relying on Facebook or Twitter for branding, is that it requires a pre-sold audience. You can’t just join Facebook and expect to get thousands of friends. That requires work. You need to find a clever way to bring your audience to you. Sound familiar? It Should. After all no one joins Facebook for the marketing opportunities, except for media companies and their clients. Frankly, we get enough of that in our inboxes already. People join social media sites to be heard and to stay in touch with their friends. Chances are, that doesn’t include you, or your clients.

If you have to ask, it’s not you.

Another point to keep in mind, about the Web, is fashion. Nothing goes out of date faster than the Web, particularly for the young. As saying goes: anything can be cool until your parents find out. As more and more older people head for Facebook country, the younger crowd are already looking for an exit. What could be less cool than chillin’ with the olds on Facebook? Unless, of course, its chilling with some faceless corporation on Facebook.

What does this mean for Social Media Marketing. Well, it’s like those scooters that were all the rage a few years back. They were cool for about 5 minutes, until you until saw some random corporate suit riding one and then you knew the fad was over. Remember, when iPods used to be cool? Well, now everybody and their mother has got one. The marketing people are telling us the cool people are buying iPads and smart phones but for how long? 18 months ago, not having a Facebook page meant being social outcast, now, with recent privacy issues still largely unresolved, Facebookers are starting to wonder why they ever bothered.

For these reasons, Social Media, no matter how cleverly designed, won’t replace a properly designed branded website. It’s simply not designed to. Just as you need amazing content to convince your audience to listen, you also need amazing design and functionality to convince them to stay. That’s the simple reason Websites are still the grandfather of the web; it’s because a website always was, and still is, the easiest way to create lasting impression on the Web.

The New Browser War.

In Uncategorized, Web Design on September 24, 2010 at 5:04 pm

Internet Explorer may have beaten Netscape in the First Browser War but IE9 faces an increasingly uphill battle if it hopes to overcome its own legacy and compete with the latest modern browsers.

In recent days, the media has been teaming with reports that Microsoft is finally coming out of its cave and dragging Internet Explorer kicking and screaming into the 21st Century. According to reports millions have already downloaded the latest version of Internet Explorer, dubbed IE9.

Thanks largely to IE6, for the last few years, IE has been considered the joke of the Browser world. After resting on its laurels and relying on the ubiquity of Windows to see them through, IE has fallen from 90% to somewhere above 50%. Meanwhile, the new darlings of the Internet, namely Mozilla Firefox and Google Chrome are continuing to increase their marketshare month by month.

Now, armed with their new fishdemo and a whole raft of visual and technical improvements, including the long-awaited support for HTML5 and CSS3, IE9 promises to be Microsoft’s answer to falling marketshare; that is, if it ever gets out of Beta.

What does IE9 mean for the rest us?

If you are a designer, developer or one of the growing number of internet users using Firefox, Chrome, Opera, Camino, Safari or any of the growing number of browsers now available … the answer is: not much…yet.

The problem is even if IE9 is finalised and released next year, HTML5 will still be a working draft. Even with the backing of Microsoft and Apple, there’s still no chance HTML5 will replace Flash anytime soon. Eventually, it is hoped, HTML5 will replace the ageing HTML 4.0 and reduce the complexity of XHTML, allowing web designers to more easily incorporate dynamic web 2.0 technologies such as video and sound into their websites.

As things currently stand, HTML5 won’t work in any version of Internet Explorer below IE8. The only way to get around this problem is with ugly complicated scripts that only a Javascript guru could love. So much for clean code.

If history is any guide, even if IE9 becomes the standard browser, designers will still be lumbered with legacy support for IE6, 7 & now IE8 and, unless something convinces IE users to upgrade, this isn’t likely to change, unless IE9 can first overcome its own legacy and win over their own users.

So, here’s to IE9. The King is not dead! Long live the king.

Web Design is not an oxymoron

In Uncategorized, Web Design on September 17, 2010 at 5:09 pm

Design has always been a vital part of the web. Even with all the knowledge of code in the world, a basic lack of design and layout skill can result in websites which are confusing, ugly, dysfunctional and boring.

There is much more to web design than code and markup. As we stare down the barrel at an uncertain future, web design continues to throw up new challenges. As the browser wars continue and the battle for Flash heats up, HTML5 and CSS3 are being heralded as next phase in web development, web designers are losing sight of the fact that creating websites and is not just about the science, it’s also an art.

Often when people talk about web design, they are really talking about web development. As a result, the design aspect gets pushed aside and tucked away as a subheading under usability. There are hundreds of books and articles on the web written about every aspect of web development, from plain old HTML to server side scripting, Java, PHP and Flash and the rest and much has been said about the code, markup and web development; however very little is said about the design process and even less is said about web design from the designer’s point of view.

Much of this is our own fault. We have long held on to the notion that design should be treated with respect and mystery. So much of what we do is based on our own design sense and subjective aesthetics that it becomes difficult to justify our design decisions to others. As many print-based designers now turn to the web, we are faced with a whole new way of approaching design.

Without a sound knowledge of the technical side of web design, it is impossible to communicate our ideas to others effectively. Learning web markup can be a time-consuming and difficult process but designers shouldn’t be deterred by an often impenetrable wall of geek-speak. After all, Web markup was created with designers in mind.

As designers, we need to discuss and find ways to adapt our unique understanding of layout and design to the web. The same way print designers don’t need to know how to fix a Heidelburg Printing Press to know how printing works, so designers just need to build on existing design skills and knowledge of webcraft in order to create truly beautiful, memorable web designs.