Back to School – Information Architecture

What is Information Architecture?

Information architecture is the practice of deciding how to arrange the parts of something to be understandable. It is in the websites we use, the apps and software we download, the printed materials we encounter, and even the physical places we spend time in.

A good Information Architecture helps people to understand their surroundings and find what they’re looking for – in the real world as well as online. Practicing information architecture involves facilitating the people and organizations we work with to consider their structures and language thoughtfully.

Information Architecture is a key component of your website

Information architecture (IA) focuses on organizing, structuring, and labeling content in an effective and sustainable way. The goal of IA is to help users find information and complete tasks. To do this, we users need to understand how the pieces fit together to create the larger picture, how items relate to each other within the system.

As many students (and teachers) begin a new term this month, we thought it would be helpful to review some of these fundamental tenants. It is always a good idea to focus on the basics and make certain we have a solid foundation.

The article Information Architecture Basics has more information on the following main components of IA:

  • Organization Schemes and Structures: How you categorize and structure information
  • Labeling Systems: How you represent information
  • Navigation Systems: How users browse or move through information
  • Search Systems: How users look for information

Why is information architecture important?

Site navigation is a very important part of any website interface, as it influences the usability of your site. Information architecture is the structural design of your information, and includes the art of organizing and labeling items to insure usability and findability.

Here is the article explains what is website navigation and information architecture and how do they work together.

What is the difference between UX and Information Architecture?

IA (Information Architecture) professionals focus on how things are organized. It’s a specialized job, usually for websites. Very often this is for an agency or a large corporation where people are highly specialized. UX (User Experience) is all-encompassing for the experience of someone interacting with your company.

This article focuses on the difference between information architecture and UX Design.

Additional Resources

This is another week in Back to school Basics. This week’s focus is information architecture basics, why IA is important and what is difference between IA and UX users?

We hope you find these resources and overviews useful. We always look forward to your comments and feedback (whether you are a member or not).

We encourage members (and non-members) check out our social media channels. If you aspire to be a web professional and don’t know where to start, we offer a number of beginning classes to our members via our School Of Web learning management system. As a member, your first class is free.



The post Back to School – Information Architecture appeared first on Web Professionals.

View full post on Web Professional Minute

VN:F [1.9.22_1171]
Rating: 0.0/10 (0 votes cast)
VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

Edgeconf – a thoroughly enjoyable day of bleeding edge web information

Yesterday Edgeconf attracted about 150 (my guess) bleeding edge web technology enthusiasts to come to the Facebook offices in London, England and listen to seven panels of experts.

Over the day we covered Offline storage, Network detection and optimisation, Performance, Responsive Layout, Input formats, Privileged access to hardware and Testing and Tooling. The format was slightly different than other conferences. Each panel consisted of experts from various companies heavily involved in the subject matter and the audience and people not attending the conference could submit questions beforehand that were selected and collated by an expert moderator. The panels had a ten minute presentation easing the audience into the subject matter and then it was free Q&A using the submitted questions and audience participation.

Jake Archibald presenting

The weapon of choice for all this was Google Moderator, a tool built for that purpose and heavily used inside Google. All in all the message of the conference was to go deep and detailed on a subject matter and to stay as brief as possible – 30 to 60 seconds answers at the most.

The conference was jam-packed with very detailed information and the attendees had a good chance for the low price of 50 GBP to meet experts and get their questions answered. Break-out rooms also allowed for unconference-style impromptu sessions but I am not sure how much they were used.

All the sessions got video recorded, transcribed and the videos will be available with time-stamped transcription for easy access to the sections that interest you.

All the coverage of the event will be published on the conference hub page.

I was very impressed with how the conference was organised and run. Andrew Betts and team are incredibly detailed and there was no question from me how my session would go or how to contact the panelists. All the communication and collaboration happened painlessly over email and collaborative web tools and the day ran like clockwork. This is of course also very much thanks to Facebook offering the location and Google the filming and transcribing.

Shadow with her own nametag - she's a girl

A nice little touch was that at the end of the conference there was a full disclosure how much money was made and what it was spent on. The 3000 GBP extra were donated to Codeclub.

Edgeconf was very much value for money with the incoming funds going into recording and making the results of the show available to everyone, food and travel for the experts. There was no merchandise, no overly aggressive marketing or obvious sponsorship. Everybody involved was an expert who needed to be there. I very much enjoyed that and it was refreshingly different to bigger shows that run on more traditional concepts of marketing and sponsorship.

It was a very intense day of detailed information and there was no lull in the whole show. For a one day conference this is perfect and I am sure that there will be more sequels to come. I have to congratulate everyone involved for putting on an impressive show and getting everybody organised without much hassle.

View full post on Christian Heilmann

VN:F [1.9.22_1171]
Rating: 0.0/10 (0 votes cast)
VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

HTML5 conversion and information at Mosync hackathon in Stockholm, Sweden

It is not often that you find yourself in a disused nuclear reactor from the 50s to talk about state-of-the-art web technology. For about a hundred developers and designers this is exactly what happened last Saturday in Stockholm, Sweden.


The R1 reactor played host to the Mosync hackathon organised to get developers to try out the Wormhole and Reload technologies, both of which make it very easy to build apps based on HTML5 or C++ for both feature and smartphones.

Mosync asked Mozilla to participate after a quick brownbag in their office on HTML5 a few weeks ago. So we went and gave an introduction on “HTML5 and the near-future of the web”. You can read the slides here and see a screencast with audio on YouTube.

The topics covered in the talk are:

And as I had some time and brought my trusty Competition Pro joystick, I thought I should give the Gamepad API a whirl and created the world’s first joystick powered kitten cube (maybe).

View full post on Mozilla Hacks – the Web developer blog

VN:F [1.9.22_1171]
Rating: 0.0/10 (0 votes cast)
VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

Entry-Level Java Developer, Information Technology

Vanguard Group Valley Forge, PA
Job description: …developer to provide entry-level system analysis, design, development, and implementation of applications and databases for mainframe-, client/server-, Web-, and/or PC-based systems.Your primary duties and responsibilities will include:Providing entry-level system… View full post on – web

View full post on

VN:F [1.9.22_1171]
Rating: 0.0/10 (0 votes cast)
VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)