Skip navigation

Tag Archives: web design

W3CSchools has released results on common screen resolutions for January 2010.

Quite interesting to see that 1024×768 is no longer the most common size, we’re going bigger and bigger all the time it would seem.

76% of people are using above 1024×768 with just 1% of people running 800×600.

http://www.w3schools.com/browsers/browsers_display.asp

For the last few weeks I have both been very ill and working hard on a new development at Pure360. It’s meant that even with good intentions, I have been unable to post as much as I had intended.

At the end of January I attended a workshop day on CSS3 which was hosted by Richard (Clagnut) Rutter and Natalie (NatBat) Downe of Clearleft. I would like to start off by stating that I would give a limb to work with these people. My impressions of Clearleft before attending the workshop were that of a group of individuals who all aspired to be great in their field. On completing the workshop my opinion was of a group not only who aspired to be the best, but were in fact steering the ship.

Both Rich and Nat provided an incredible experience in terms of the subject matter, working (and not working) examples, exercises and debate. Clearleft put together incredible workshops, providing resourceful classroom materials, the facilities were amazing with tea/coffee pastries in the morning before the session started where I was even greeted by the Jeremy Keith who I think may have been around just to snoop, a fantastic assortment of sandwiches and wraps for lunch and each desk littered with good old dev/designer brain food, or haribo, chocolate and jelly babies as the common man may know them. There was even fresh fruit and more chocolate for the final break with a trip to the pub to finish off the day.

It was great to meet up with the people who had travelled in from Europe to attend solely on the reputation that Clearleft holds, truly eye opening in many different ways.

If it wasn’t for the fact that the CSS3 workshop bankrupted me for a good couple of months I would be booking up to attend the HTML5 workshop at the end of April along with the UI seminar in June. It’ll have to wait another year.

Workshops with Clearleft

In the last few weeksjQuery UI V1.8a has been released to coincide with the latest jQuery 1.4release.

While on the surface it would seem like only two new widgets have been introduced, what they do is, as it always is with jQuery, staggering.

Autocomplete

A common tool that can often been exhaustive to code up, autocomplete is bound to make many people very happy by applying a simple jQuery tag to a given input field.

It’s options set allows for a set of tags to be defined, this could easily be applied to an ajax function to query a database or xml feed.

Buttons

Quite how nobody has put this together in such a big a way is a mystery. Sooner than you think you will be questioning how you ever developed interfaces without this.

Buttons allows you to morph common form elements into stylish looking button controls. this is not limited to the de-facto <button> tag either. Assign the button function to form buttons, submit buttons, anchors, radios, checkboxes, even select boxes to create multiple value drop menus. This one will be a huge asset to most peoples UI toolbox.

This does require slightly more markup than most jQuery widgets, but the time saved in building these components is going to be quite expansive.

Useful information over on Johnny Holland today, particularly the importance of we not I when it comes to design and story telling.

It was quiet last week as prototyping and structuring the development schedule became of the upmost importance, but I will be writing up on some things we have been looking at in the next week.

Creating prototypes with a designated application is something I have not done before. After a day of quickly getting up to speed on our tool of choice Axure, which is astoundingly brilliant, we realised we had bolted before the gate was open and headed back to the trusted pencil and paper method.

It is very easy when you have time constraints to try and skip some of the early steps of spec’ing out a project thinking you will make gains later on, however I think we have learnt that it is often those first few baby steps that shape everything else in the project moving forward.

I’ve also grown the confidence in my convictions and desire to create the best user experience possible by simplifying any action but still retaining the ability to provide further control for anyone seeking it. It is a notion which I think deep down we all want whether it is when you are using a complex program such as Photoshop, or the remote control for your TV.

I headed to my Bible, or .net magazine as it is also known, and grabbed issue 183, 196 and 198 to start sourcing ideas.

After reading a feature with Andy Budd of Clearleft, (I will stop raving about them soon), I have fallen in love with the KJ- Technique. I love the idea of democratic decision making without discussion. The method provides the ability for a group to put their own opinions down relating to a topic without feeling coerced or influenced by stronger personalities within the room.

We’ve stepped past that point this time around, but I am very keen on trying it out the next time around.

This weekend I will be updating on how the final day of prototyping progressed, and whether showing things on paper had a positive impact.

User Experience

Heading down the rabbit hole into the cold waters of user experience development.

For the next month I will be researching and analysing web apps to further explore the fundamentals, principles and the art of UI Design and creating powerful UX based applications.

I have just read the first part of Better User Experience with Storytelling by Francisco Inchauste for Smashing Magazine which has provided a very strong introduction into the principles of story telling and how these can be applied to branding, and generating an interactive experience.

Other blogs which have caught my attention today have been UI-Patterns.com which has provided some great advice on using wizards and goal indicators effectively in applications and the psychological impact that this can have on a user.

Konigi in itself is a wonderful example of beautiful interface design, and regularly updates with examples across the web of both site design and application design. The real winner for me is that they tag each submission with specifics such as use of Header and Footer, or menu controls.