HTML 5

October 13th, 2009

One of the big upcoming things on the web is HTML5. HTML is the code that you see if you view source in your browser. It tells your browser how to layout the text on the page, where to put images, which bits are links and so in. It is combined with CSS to make your page look like it looks. Without these two, the web would just be boring text. The current version of HTML is HTML4, which has been with us since the late nineties – the web has changed a lot since then. Amongst other things, broadband is widespread allowing websites to contain audio and video, the web has become much more interactive and the web is now used by a more diverse set of users – it’s not dominated by techies any more. All of these changes mean that we are now really pushing the boundaries with HTML 4, and many things require javascript (small programs that run within your browser) or plugins such as flash.

Enter HTML 5. HTML 5 is a collection of new features for HTML that aim to better cater for the needs of today’s web. For example, videos can be embedded directly into a page (currently youtube and the like use flash), and the new canvas tag will allow a range of graphical effects to be achieved much more easily than today. Changes such this will aid developers, as well as making the web more widely accessible – fewer plugins and third party applications will be needed. New tags allows us to more accurately describe content – new tags such has header, footer and article give more specificity to markup, which should allow search engines to better index content and assists alternative browsers (screen readers for example) as well.

A key issue with any new technologies is backwards computability. The whole world won’t suddenly download a new browser so that we can all use HTML5 on our websites. HTML 5 aims to offer backwards compatibility wherever possible, so we can start using it sooner rather than later and still have the site work in older browsers – a refreshing change from the normal way of things on the web.

Some of the components of HTML5 are already supported by latest browser versions, and others will follow shortly. If you want to find out more about HTML 5, its wikipedia article is a good staring point http://en.wikipedia.org/wiki/HTML_5

Future Of Web Apps

October 8th, 2009

Future of web apps was a conference held in London last week, focusing on all the latest and greatest developments in the web industry. We were there, here’s some of our thoughts.

web applications

It was great to see the demo of the Atlas/Cappuccino tools by 280North. They appear to be an excellent platform for building rich, interactive, browser based interfaces using standard technologies. Definitely looks like a leap in the right direction when it comes to bringing the tooling for front end web development up on to a par with what developers of desktop applications are used to. We are now itching for an excuse to use Atlas and/or Cappuccino!

A number of session by presenters such as Kevin Rose of Digg.com fame and Chris Abad of the twitter game Spy Master covered various non-technical aspects of launching a new website/application – how to decide on features, marketing etc. As a developer, the overwhelming take home from this was to keep your system simple. Work out what your core feature set is, and focus on improving it. Make changes, see how they change things – keep those that work, remove those that don’t. Don’t be tempted to add other features. Evidence shows that adding features generally won’t get you new users, but improving your core functionality will. A consequence of this is that you need to be measuring key performance indicators to inform these decisions, but also listen to your users (far too few people do this), they know what they want most of the time, and its frequently not what you think they want.

Aza Raskin of Mozilla gave a presentation on how we will browse and use the web in the future. Much of this focused around the ubiquity project a demo of which can be downloaded and used today. It adds an extra pane to firefox that gives a new way to interact with the web – type commands, tell it what you want to do, rather than clicking buttons.

The command line was where computing started, and is still widely used – we look after all of our servers by typing things into black boxes! But for the average user, things have moved on, you get a nice interface, buttons to click, menus and so forth. Mozilla have questioned whether this is the best way – there are only so many buttons and menus you can fit on your screen and have the browser (or other application) remain usable – try installing a few firefox extensions and you’ll get the idea. Mozilla are proposing, via ubiquity, that a command driven interface may better serve our needs on the web in the future. But don’t worry, its not something you need to be a geek to do, its different from the command line of old, it uses normal english. For example, in the presentation, some chinese text was selected in a web page, and the command “translate this” was entered – the text was translated to english automatically. If you are interested in seeing more, you can download ubiquity via the link above and can also see video demos.

As a final note, the Guardian covered some of the ways they are embracing new technologies and the social web to augment their print offering they are trying to put themselves in a good position as people move away from printed media – much of which is groundbreaking and should be supported. A great example is http://mps-expenses.guardian.co.uk – which is a web application that allows users to assist in the review of documents relating to MP’s expenses claims, a task which would be unapproachably huge if not done in a collaborative way like this – there are nearly half a million pages!

Thoughts Cards appoint Wired Media Web Design, Bristol

October 1st, 2009

Web Design Bristol

Wired Media have been appointed by the high end card retailer Thoughts Cards.

Thoughts Cards have ten retail shops throughout the UK and are looking to open more in the coming months. An online retail website will complement the traditional business.

Wired will wireframe the website and then provide a prototype for presentation to the business. Once the prototype is agreed Wired will provide the web design based on the prototype and adhering to company brand guidelines and then develop the website.

The website will be fully ecommerce enabled and also integrate with their current pdq, stock control and loyalty card systems.

If you are looking for web design in bristol, or anywhere in the UK, please contact us.

“Moving from confrontation to collaboration.”

September 21st, 2009

Paul Boag made an interesting argument when speaking about ‘the battlefield of design: designers vs clients’ at this years Future of Web Design (FOWD) conference. The key points covered were much alike those of which I’ve learnt throughout my studies at the University of the West of England (UWE) prior to my placement at Wired Media.

The focus of the discussion was that us designers and developers have a terrible habit of hiding away what we’re doing until ready to present a final product to the client; which invariably doesn’t suit their needs, a much more successful and proven approach being that of a user-centric design process, getting the client and their users involved in the development of websites and applications. By getting involved with the client and their business/organisation we provide ourselves with a means of better understanding the aims and objectives of the client and what they want to achieve from working with us.

But is that enough we ask? whilst understand the needs of a client and having them involved in the various stages of a design process is paramount; equally important is understand the needs of the users; the people who are going to be using the website or application. Usability studies have been proven to have a large impact on the success of a design process, by testing designs on a selection of real prospective users it allows for us to see where there are flaws in applications and test various solutions of them.

Paul also mentioned how he is frequently having issues with clients reducing designers to mere ‘pixel pushers’. The solution? to focus on problems, not solutions, rather than telling the designer you want a text colour changed or something moved, tell them what you want to achieve; be that giving the design more room to breathe or simply to increase attention to specific areas of a web page, they may have a better way to do it; and by telling the designer the solution rather than the problem it’s suppressing and wasting their creative capabilities.

If you are looking for web design in bristol visit our website – www.wiredmedia.co.uk

“Stop worrying and get on with it.”

September 10th, 2009

Stop worrying & get on with it
An interesting quote from Elliot Jay Stocks at the Future of Web Design (FOWD) conference in Bristol this year. Constantly as designers we’re faced with an array of compatibility based concerns that cause us to reduce the design quality or usability of an application purely for the increased accessibility derived from it. But why should we do this when considering the little things? yes, whilst legacy browsers such as Internet Explorer 6 (IE6) are still kicking about holding an undeservedly high percentage of the market we will still have to cater for them when building commercial applications. But when thinking of little extras we can add to make designs that little bit nicer for modern browser users; why should we hold back?

CSS3 is a big topic at the moment with many designers liking what they see, but concluding that as long as IE6 and the like are supported by the manufacturers, it’s somewhat redundant for usage in commercial environments purely because only a small percentage of users ever being able to see the features. Elliot’s point of view however is to ask why this should this stop us? Little extras like text-shadow are so easy to add with a mere single line of CSS and act as a nice touch for the few that can see them; with no negative implications for legacy browser users.

Another example could be when selecting the last element in an element array, such as the last list item of an unordered list; legacy methods would involve perhaps writing a ‘last’ class into that element with the server-side language in use; but why bother when the new selectors can allow you to select this in such a more semantic and simple way? Yes this would mean legacy browser users wouldn’t see the difference; but what would that mean? an extra undesired border on the final element? probably, but does it make the system unusable? no; but it does speed up the web design process and mean we don’t have to throw unnecessary logic into the view of our MVC systems.

If you are looking for web design in bristol visit our website – www.wiredmedia.co.uk

Web Design In Bristol

September 1st, 2009

Web Design In Bristol

Are you looking for a web design in bristol? That’s what we do!!

At Wired Media we deisgn and build websites, ecommerce websites, website applications, software integration, search engine optimisation (SEO), online marketing strategy and content management systems.

Click here to see a full list of our services.

We are based in bristol and work with startup’s to FTSE 100 companies, we have been going for over 10 years so we have a wide range of experience.

Our web design clients include Rexel, BAE Systems, Bristol City Council, Lodge Hotel, MS Investments and mrflag.com

If you are looking for web design in bristol, or anywhere in the UK, please contact us.