A lot of aspects add up to an inclusive web experience. Considerations that might not come to one’s mind in the first place — like the use of inclusive language or providing alternatives or descriptions for complex visualizations.Or, accessible considerations such as providing transcripts for audio content.
To get your site on the best track of becoming truly inclusive, the magical Heydon Pickering has put together an Inclusive Design Checklist. The biggest and most comprehensive one available. It includes items for accessibility, performance, device support, interoperability, and language.
Do check it out!
The popular wireframing tool has just been updated to v6!
Aside from a number of fixes, the most notable features of this version are:
- Sketch Effects – Sketch Effects enable you to give your wireframes a more sketchy, grayscale look and feel to allow the audience to focus on the information architecture, interactions, and functions of the prototype more than the “finished” look
- New Wireframing Tools – wireframes are now faster to build and easier to maintain by adding Global and Page Guides, a Location and Size tooltip, Format Painter, ability to Copy and Paste. Annotations, and a new Custom Style engine where custom styles can be applied to rollovers.
- Improved Text Editing – Axure RP was upgraded to use WPF in the Microsoft .Net Framework 4.0. The new text engine allows information architects to add text editing at zoomed levels, line spacing, and Open Type Fonts. There is also some text padding in shape widgets.
- Page Styles – you can finally center pages, apply background colours and background images without having to do it manually!
- Richer Prototypes – Axure RP6 now has animations for moving and fading, Math and String functions, Drag and Drop interactions, and new Dynamic Panel Events to respond to moving, changes in visibility, and changes in state.
- More Specification Control – You are now able to organize the content, optionally include headers, filter widget tables by annotation values, generate a master usage report, generate all of the widget text, configure column widths for two column layout, and configure the screenshot size. And you can also format the page notes and annotate master instances.
- AxShare integration – You can now manage an account of up to 10 active prototypes. It supports RP files (up to 10 MB) created in version 6 or earlier and all generated prototypes will have the version 6 skin. You now also have access to a new Discuss tab next to the sitemap in the prototype (which you can disable), as well as a page for viewing the discussion topics in your AxShare account.
Axure RP 6 is available for both PC and MAC here.
Good times! 🙂
Working in a busy office is one of the best parts of being a designer or information architect – you can bounce off ideas, discuss projects with others and get their input, and you can generally have a good laugh.
That is until the time comes where a new project is being started or requirements are being updated. Usually then some sort of “rivalry” will ensue, and in 90% of the cases it will be between a designer or information architect and a developer or development coordinator. Scope was not fully explained or defined, the design is too complicated to build, or data is not coming from the sources it was meant to.
In those times frustration can quickly result in stress and lack of commitment to a project. Let’s see what we would do to remedy that…
My day to day work consists of a lot of time spending on the internet, looking at web presences of current clients, prospective clients and their (and our) competition. My tool of the trade being FireFox 3 (especially considering that IE seems to have a little problem). I am using a number of addons which really help my work-flow in the fields of usability, accessibility, SEO and occasionally information architecture.
I was asked by a couple of fellow twitter users to divulge my plugin list, and since I keep track of them myself at times I thought this post would come in handy for everyone.
It has been a couple of weeks since I last wrote about Information Architecture, be it IA and user testing or designing for the mobile web in mind, and I want to talk about a topic today which relates somewhat to a somewhat new-ish step in Information Architecture, namely the integration of user retention and user interaction.
It is not news to anyone that I – like so many – enjoy video games, come on, it is a multi-million pounds industry. Game publishers have sought to expand their marketing influence in a number of new ways, some of them have started using social networking sites such as Facebook, MySpace, Digg, etc to promote their games either via their own channels, or via publicity stunts (Wii Fit girl anyone?). The message is clear – generate interest, generate sales. Since the company I work for has just signed a deal with a UK-based games publisher with Japanese roots and a European charm I have been looking more into the information architecture of this (still rapidly growing) market, which in turn has opened another door or two for additional potential clients.
Not so long ago I was asked by a client, if it was possible to change a couple of sections within their site as they just updated their product structure: the client was expanding their products to list two more categories. To make them stand out, their marketing team was thinking of using different colours throughout the main content area so that is looks much more consistent, which included changing all link colours and buttons to these new colours.
As a designer you have probably faced a similar situation before – can I or can I not change the link colours on certain pages to keep a consistent look and feel?
Yes, you can, but you shouldn’t ever. Here is why… Continue Reading
Following my previous article we are now going to put our website prototype to a first test before we begin developing the website. While the functionality and navigation makes sense to us – after all, we just spent the last week(s) working on it – we need to ensure it works the same way for others as well. We understand how we get from a destination page to the product or trip we are after and finally to the enquiry page – but will anyone else do so as well?
Usability testing will reveal if the flow of the site works, and accessibility testing will ensure that our site complies to any relevant accessibility guidelines.
Following my previous article about Information Architecture and user-testing you we came to the point where we have researched quite a bit into the client’s company: we know the brand, we know the product(s) and its userbase, and we have acquired demographics of the target market. It is now up to us to design and develop the client’s website.
Many of the designers I worked with in the past have then gone and worked on first mock-ups of the home page and a product page – nicely designed and with a bit of flash here or there – which they then sent to the client to get feedback and develop a new or final draft of these pages. And then they went off and started developing the website, without much (or any at all!) time spent on the information architecture or usability (and accessibility) of the client’s website. In today’s article I want to go through a couple of best practice approaches to information architecture and usability for Business-to-customers (B2C) websites. Continue Reading