Industry News

May 25, 2012

HTML5, JavaScript put new face on the web experience

Designing a website can be challenging, made even more so by trying to design a high-quality web portal using the latest technology, such as HTML5, CSS3 or JavaScript. However, these tools are beginning to show off new and innovative web UI design ideas that wouldn't be possible otherwise.

According to Wired's Webmonkey blog, Ian Coyle is one designer who is making unique ideas come to life on the web. Creator of Edits Quarterly and one of the front-end designers behind the Eephus League Magazine and Nike's "Better World" websites, Coyle brings an interesting new face to the design table.

Using the HTML5 "data-" attribute, Coyle creates an experience that is more akin to flipping through a magazine than reading a website. This goes beyond skeuomorphism though, as Coyle's designs engage the reader to really interact with the website, flipping back and forth between pages and changing the web design usability dynamic entirely.

Coyle's personal site, Edits Quarterly, may do an even better job at this than the Eephus League Magazine. With Edits, Coyle has a simpler experience that lends itself better to this style and seems smoother and more intuitive than the Eephus website. The Nike Better World site is more simplistic, lending itself to an even more succinct experience.

However, despite being a bold, new direction in web design, this style has its flaws as well. Page designs are not fully responsive or intuitive, forcing a reader to have his or her browser window open in full screen, and the scroll-versus-keyboard navigation options do not sync, inhibiting viewers from switching back and forth between the two.

Regardless of the content, the unique design of these websites makes them worth visiting, and this style could open new opportunities for website builders to discover even more design options. The skillful blending of design and content makes an immersive experience that any company can learn from, even if it cannot use this method itself.