Tag: usability

  • WordPress Media Management Overhaul in 3.5

    I’m super excited to see the new developments planned for the 3.5 release of WordPress. People have been requesting a more user friendly experience in the WordPress Media Management department for some time and rightly so, considering the platform is used so much nowadays for managing all kinds of web media. Have a look at the user flow slides below.

    A Much More User Friendly media popup

    I’m specifically looking forward to a much more intuitive image editing interface which helps control thumbnail cropping and image sizing better for working with featured images in custom themes which require this.

    WordPress 3.5 Is earmarked for release in Early December, so the year looks set for a fantastic ending in the WordPress department. New Year’s resolution my side – Blog Much Much More!

    I Spotted this on WPCandy, a Site Dedicated to following WordPress developments quite closely. WPCandy is a great resources for Tips, reviews and other interesting news on WordPress.

  • Ideas for nomad-one redesign.

    I’m starting to get carried away with look & feel design on the nomad-one redesign. This is even before my wire-framing is properly completed, but I just can’t help myself at the moment. I’ve just really enjoyed working on this design. There are a load of changes I want to make to my site, graphic design, functional, content and information architecture & usability, so it’s all over the place at the moment. This post lists a few of my thoughts, but I hope to get more ideas from you about what you think would make my space special. I’ve suggest how the best advice might be rewarded down at the end of this post.

    nomad-one-new2

    Look & Feel

    I suppose explaining where I’m going with this desert scene might help for starters. The nomad concept has been with me for some time, though not in this form. As you may know, I’m no city slicker. I’m also very much set on remaining as independent as possible, something the Bedouin values extremely highly. I’m a traveler at heart. So this is partly where the desert scene comes in.

    Saving Space with some Ajax/Design Patterns

    Regarding the layout and general interface, there’s a few space saving design patterns I want to build into the homepage, which include using some jquery tabs, a slider and an accordion to fit everything into a smaller space. My current design is way too long and lacks a few features above the fold. I don’t want to loose anything but feel I need to tuck lots of excess away in a more logical manner.

    Integrating Social

    I definitely need to integrate my social links into the interface much higher up the page, as well as include a twitter feed, what would we do without twitter. I like the idea of a user generated feed or post wall but am uncertain how this might impact the space on the homepage.

    Showing my Portfolio work

    Something I have failed hopelessly at s keeping an up to date portfolio area. I don;t even have a latest work feature on my current site so this is a must have i think. Of course it needs to be coded in such a way that it’s easy to maintain as well me always being pressed for time.

    Quick Contact & Chat widget

    I’d also like to include a few quick ways of getting in touch, like a mini form as well as skype me & gtalk widgets which allow people to chat with me directly when I’m online, which is like all the time.

    My Blog area will remain pretty much the same in terms of it’s location and general functionality, but of course in needs some space saving neatening up. I also need to get a featured post sorted. I’ve been toying with the idea of having 3 main areas of featured posts, and running titles of these in the header area somewhere but haven’t fully embraced this idea yet.

    Menu with Subtext

    I really love the idea of menu links with sub text explaining the links in more detail so these are almost definitley going to be part of my next menu. I also need to rework the way I display my pages, what stays, what goes and what needs to be added. Lots of information-architecture work lies ahead, and the dreaded writing!

    Header Message

    My header will have to have a brief explanation of where you are and who i am, some kind of elevator pitch style slogan. I’m considering having a few messages, one for first timers and a few others for returning visitors. I like the way yoast.com addresses the visitor based on where they have come from.

    What do you think? Want to earn your own design/redesign?

    I’m thinking of turning this into some kind of competition, asking for feedback and awarding the best advice a design of their own. What you you think? Would you be interested in participating in something like that?

  • A sniff at a nomad-one redesign

    Being snowed under for way too long as meant that some of the initial elements I wanted to add to the previous re-design of this site were left out. To be honest the design hadn’t lived up to my expectations form the very begining and has some serious usability problems as well. Having lived with version 4 of nomad-one.com for some time now I think a re-design is definitely way overdue. After pondering over where to start for a while I made a few notes ad a few sketches and dove straight into some look & feel mocks in Photoshop. This time I’m planning to develop something which interprets the nomad concept alot more literally, hopefully with a bit of a digital feel in part.

    picture-3

    I’m still at wireframe stage but would appreciate some feedback from anyone out there with regards to the little mockup above and also how you think I should improve on my site based on the current design & layout.

    So I need to know about:

    Colour, Graphic Elements, Layout, Usability, Readability, Functionality and last but not least, Content, the area I think probably needs to most focus.

  • User Experience Design – Enjoyed my first Heavy Chef session

    The guys from Heavy Chef did a great job of getting Phil Barret from Flow interactive to share his experience and ideas with us. I was surprised at the amount of familiar faces I saw at the gathering which I only recently learnt about.

    Flow Interactive’s Phil Barrett spoke about ‘User Experience: What it is, Why you want it, and How to get it’

    Design Research is something I’ve been doing a bit of reading on lately, an area I feel I need to drastically improve my skills in. Knowing how to design an experience which will be positive, user-friendly and memorable has to be done in collaboration with the end user.

    People are exhausted

    Starting off Phil reminded all of us of an essential truth which we find across the majority of media platforms, that being a huge shortage of attention. With the proliferation of different forms of media as well as the fact that technology has made it possible for just about anyone to publish content, we are increasingly finding we have less and less attention available for our little messages significant though they may be. Everyone is just exhausted.

    The Attention Age

    We are competing in an attention economy, where attention is a valuable commodity which individuals are even being paid for nowadays. Attention or rather, eyeballs are being purchased metaphorically speaking, making companies like Google as big as they are today.

    It’s not only advertisers who are fighting for a piece of the attention pie. Anyone trying to convey any kind of message online is competing for that same attention. The traditional approach of shouting louder just does not have any sustainable effect.

    Make them Love it

    Phil went on to say that we should be investing in building it right the first time.

    “Make is speak to the customer, Make it a pleasure to use and to make sure they find it …”

    We need to be creating great experiences, whether it be the way the site looks or the words people read, from top to toe it needs to be scientifically constructed piece by piece.

    Helping your visitor get to what they are looking for, or to get to where you want them to go quickly is important. Time is expensive, so the quicker you can get something done or get a message across the better.

    Too little or too much?

    In comparing a few real estate websites, Phil highlighted how too much choice as well as too little choice can be equally negative. The trick is to have enough options but not to overwhelm people, and to get them where they are going quickly. I hate it when I order take out of some kind and I have to answer 20 questions about the flavour, size, etc. Sometimes less is more, but then again, sometimes it can be too little. It’s a fine line.

    Make it work first time

    Building simple prototypes, even paper based ones are helpful. Getting feedback from a variety of user types can be the difference between a successful first launch or needing to go back to the drawing board.

    The creation of personas in software and site testing can provide insights into how a user might make decisions when interacting with your site or application. Personas help when planning functional features and design and can save valuable time by spotting simple problems up front.

    According to some facts presented by Phil Barret, a Forrest Survey revealed that improving usability overshoots all other tactics when it comes to profitability.

    Many Huge Brands have built their success off the back of creating a superb user experience. Take Apple for example, most of what their products represent contain usability improvements over their competitors. the experience of listening to an iPod, using an iPhone or working on a macbook is what turns doubters into brand lovers in no time.

    Test it when it counts – early on

    One of the main messages coming out of the presentation was that the usability testing needs to happen at an early enough stage so it does not become too expensive. Many usability glitches discovered at the end stages of product development have cost companies huge amounts of money to fix. Investing in some testing and low cost prototyping early on saves future mishaps which ultimately have cost, time and Brand value implications.

    The following article(by the UK Design Council) discusses user centred design in more detail and might prove useful in understanding some of the techniques employed.

    The central premise of user-centred design is that the best-designed products and services result from understanding the needs of the people who will use them. User-centred designers engage actively with end-users to gather insights that drive design from the earliest stages of product and service development, right through the design process.

  • What’s this about then? About Us pages and their purpose

    One of the key areas of focus for just about anyone setting up a website is conveying who they are and what they are ABOUT. The about page or about us page has become somewhat of a must have on any website though making proper use of it is a lesser known art form.

    After chatting with a client a few days ago regarding what they should and should not put into their about page, I thought it would be a good exercise to do some research and formulate a quick guide on getting your about page to do the job it’s meant to be doing.

    Second only to your homepage

    Your about page is one of the most important pages you could focus on. It’s not more important than you homepage of course, which should give visitors an immediate idea of what you and your site are “about”. Once people feel comfortable with your homepage and have decided to explore, one of the next areas of focus is your about page. It’s also a place they go when they’re missing some detail.

    Give them what they’re looking for

    People expect to find out:

    • who is behind this site, more than just a name but less than a full blown resume
    • some more general information about the type of initiative this is
    • and what you are trying to achieve
    • How you can be of benefit to them.
    • a place to clear things up if they are confused
    • Some information about your past or how you got to where you are now

    The About page can be seen as a central point from where people delve deeper into the rest of your site as well. Place links to your services, contacts and other vital pages. This will act as a guide through your site, as many people might not be certain where to start venturing through your many pages. A brief summary of what they will find on the page followed by a link makes sifting through your content easier for your visitor.

    Even though you have a services page, it might be helpful to write a short sentence covering what you offer in brief.

    Don’t be shy to say something direct like “hire us for XYZ” or “buy our product” by clicking here. A straightforward call to action can boost sales and generate more leads than subtle nudging. Telling people what they can expect from you and what you would like them to do helps. If people are uncertain about how to act on the information you’re providing them you might not get any reaction at all.

    Keep it summarized but give people enough to work with. Splitting your about page into sections is also good practice, as there will be a few different bits you’d want to add to this page.

    A few About Page Links to check out.

    How to Write Your “About Me” Page Problogger

    How to Write the Perfect ‘About’ Page (by Numbers) Skelliewag

    The Zen Habits About Page – An About page which works

    The best About Page I have come across – Techsoapbox.com

    Now,off to modify my about page then!