Monday, March 7, 2011

Digital Media tips for 2011

As we move into the new decade, the line between design and development gets ever more blurry. Drawing beautiful front end designs in Photoshop is no longer sufficient, today internet users require more than beauty without substance. Faster broadband has made design more abundant online but also mundane. In 2011 it is no longer enough just to provide the “wow factor” you also need to engage with visitors on new levels.

How will your website stay relevant in 2011? The supreme web designs this year will create an environment which charms and captivates the user to the point where they are actively promoting the content themselves through like buttons, tweet shares etcetera. Several elements come together to forge such an environment: harmonious colour scheme, intuitive design, easily accessible information and fast response.
Never forget the value of simplicity. Simplicity is going to become an ever more valuable part of the web design mix in 2011 as more and more new devices come into the market. Today your design must contend with the requirements of Mac/PC monitors, web enabled flat screen TVs, various smartphones and a host of new tablets coming onto the market. 
Here are some tips for commissioning websites in 2011 that work across all platforms.
1.    Move Away From Flash: There is an ongoing issue with mobile devices and compatibility with Flash. While the use of flash on websites for PC is already of questionable merit, the mobile world really does not react kindly to the use of Flash. Whereas Android mobiles and tablets can display and interact with Flash on a basic level, IOS (Apple) devices shrug indifferently and pretend it doesn’t exist. Aftermarket browsers are available to play flash on these devices, Skyfire is a good one but this is not a long term answer. Positive solutions in the form of CSS3 and HTML 5 are the way to go and there will be a lot of development in the capability of HTML 5 through 2011 however Flash will still maintain the edge for some truly extraordinary designs.
2.    More Dynamic use of Colour: For too long commercial websites have relied on a very simple spectrum of colours, largely blues and greys for their commercially traditional values. Brave designers will start to make bolder use of company colours with backgrounds or green red and yellow, to create a unique feel and to better tie the website in with the branding. Be careful with contrast though, some readers struggle with high contrast light on dark so consider your target market. The Correct use of colours can also affect the mood of visitors and reflect values of a company or product range.
3.    Think Mobile: Something else that should be factored into the usability of new websites in 2011 is the touch screen mobile interface. Gone is the mouse as the primary interface with web content. Touch Screens do not with a number of popular website elements. Things like hovering hyperlinks and drop down menus are a problem but some really cool functionality like horizontal scrolling works better on touch screen devices. Consider using liquid layouts as part of your commitment toward responsive design. In 2011, you are no longer dealing with screen resolution size. Visitors can change their viewing orientation from vertical to horizontal. Creating a mobile ready website is not simply removing the bells and whistles from your design. This can create a vacant and impersonal design. Although not impossible, distilling the magic from your original design into a pure representation of your brand is a challenge.
4.    Dimension and depth: A couple of years ago it became popular to create websites that were representing a literal workspace, this became faddy and passé very quickly however it did make an argument for creating the illusion of depth and a rich 3 dimensional browsing experience. Today we want to move the game a long a bit, no one really was that impressed by CSS coffee stains but truly creative designers are creating fascinating environments, rich in depth and charming 3d elements. Think of experience and charm as means of generating customer loyalty and encouraging visitors to spend more time on site. 
5.    QR Codes: QR or quick response codes are those square blotches you may have noticed on movie posters, adverts, magazines  and some websites in 2010. This is set to become more popular through 2011 as the smart phone craze strengthens. This is a fantastic call to action tool, simply take a photo of the code with your camera phone and hey presto like magic you are visiting the website associated with the barcode. Think of using QR codes when you comment on blogs or using them on your products to direct mobile traffic back to your site.
We hope that these ideas provide inspiration to you as you consider your web projects for the following financial year. Reckless New Media is a cutting edge web and digital agency in Chester working with progressive companies anywhere to build rich, productive and memorable websites. If you are looking to do something special with your online marketing this year, look no further than Reckless New Media.

Wednesday, January 26, 2011

Mobile Friendly websites

A few weeks ago, I posted a graphic that represented email clients in order of popularity. I will re post a similar graphic again from a campaign we sent last week.
This chart evidences the point I would like to make regarding the importance of ensuring that a website is designed to be mobile friendly. So much direct marketing is carried out by email today and the evidence is that much of it is being accessed by mobile email clients.  For email marketing to be successful, it is important that there are clear and compelling calls to action present. But if fulfilment of these marketing campaigns is to take place on an iPhone or an Android device then it is just as important that the destination website be mobile compatible.

It is possible to have a mobile application creates, with an RSS feed that your mobile users may access your news etc. however it is unlikely that unless you are a very big consumer brand that you are going to get many subscribers who regularly check that application and even less likely to get them to download it in the first place.

One area that is seeing rapid growth is streaming video. There are many websites that supply streaming content that I can access with my HTC. Sadly, they do not offer 100% usability. The thing is I am most likely to access this type of content from my mobile when I have a few minutes to spare and I am not at my desk or in my house.
Most of these systems do use flash and the problems with accessing rich flash content from a mobile device are well documented. No doubt we will see more websites developed to offer a better streaming experience to mobile users but I cant help but feel that some big players in this market are missing a trick.

Once again I have to say that if you are running direct email marketing campaigns, ensure that the landing page does not have flash. This will ruin the impact of the campaign on pretty much any mobile device. Another thing to be wary of is screen width. Make sure that the different elements of your homepage are able to exist next to each other without blocking important text, links or functions.

Th important point to remember is that New Media is all about giving customers choice. If customers are choosing to use mobile devices as web browsers, it would be a fool who fails to react to that basic market force.

Tuesday, January 18, 2011

Websites for the Blind

To many people living with disabilities, the internet has opened a world of possibilities and dramatically improved their access to services and information. However for those with visual impairments it still has its barriers. In the USA, The National Federation of the Blind, has recently arranged a deal with a major online travel agency to improve the level of access that people with visual impairment have to their online content.


Travelocity, has undertaken make its website fully accessible to the blind, will see each web page used for searching flights, accommodation, packages, last-minute deals etcetera to blind Internet users by summer 2011.


From a technical point of view, there are two different types of visual impairment that affect a person’s ability to engage with a website. Each has its own considerations and solutions.


Partially-sighted - Many partially-sighted people need to enlarge text on websites. Some use screen magnifiers. Website designers need to be aware of how enlarging the text effects legibility and the effect it has on text embedded in graphics.


Blind - Screen readers are used by those with blindness or extremely poor sight. The technology sifts through HTML code and deciphers what needs to be read aloud. Some blind users, particularly those that are deaf/blind, might use a refreshable Braille display machine which allows users to read the content.


To develop a website that is disability friendly it is important to realise how the technology blind users employ affects website design and then rework site components such as image and link tags, form formats and even colour schemes. Much of this is covered but the W3C guidelines which disciplined web designers should adhere to, however there is also legislation in the UK in the form of the Disability and Discrimination which pertains to the design and implementation of disabled friendly web design.