Web Design 101: Information Architecture Basics

This week we begin our four week Web Design 101 plan in which we explain exactly how to build a website from scratch. Host Jose Caballer is joined by design partner Aure Gimon as they disect the information achitecture basics in this first step. For more info and episodes, visit http://www.thisweekin.com

Category:

• Science & Tech
• Learning & Education

Starring:

• Jose Caballer
• Aure Gimon

Directed by:

• Ian Hinck
• Branden Lymer

Produced by:

• Matt Raub
• Ryan Summers

Tags:

• Groop Skool
• digital agency
• webdesign
• Groop
• Brand
• Strategy
• Jose Caballer
• Julie Zwissler
• Websites
• Marketing
• DigitalBranding
• AskanExpert
• TWI
• ThisWeekin
• UserExperience
• Aure Gimon
• SinkorSwim
• Launch conference.

[dnlmzw]

@zillionz should be voted in top - would have saved me 20 min. the chart about the 3 blocks your website should consist of was good enough. but squarespace? what does that have to do with IA?

[miltonfrank]

Video starts @5:00

[zillionz]

@chessmaster2000 trying to send you an email but it seems the new layout on the profiles doesn't have a link to send a message... dunno how advanced you are with web development, but the site below is worth a fortune for learning and as a reference...

w3schools

and the channel i found very helpful was tutvid... it's listed in my subscriptions if you can't find it

[chessmaster2000]

@zillionz mind sharing the channel you found to be more helpful?

[stevewa000]

a lot of designers just copy from other designs they see, without really understanding the goals of the user.

also have to consider the goals of the business, i.e. they want visitors to become users, you need to consider those goals and paths through the site.

jeez youtube comments suck, only allowed 500 characters. sorry i had to break it up like this, but had these important items to discuss. i wish you had this video posted on your blog site so I could comment more effectively.

[stevewa000]

considerations:

amount of time they have: are they rushed for time and only want an overview, or do they need detailed info?

type of connection & device?

will they be accessing the website from a mobile device using satellite, or from home/office with high speed internet? desktop/laptop or tablet/mobile?

level of knowledge: do they know what to look for to find things in navigation, or do they need extra aids to help them find things? will they understand how to move through the website?

[stevewa000]

who are our users?

create personas, use real names, so you have a mental image in your head of what this person is like, and you can guess how they will react to the website & design.

you need to make a list of goals, what are they trying to accomplish when using your website?

and what are the steps they have to take to accomplish that, i.e. let's go through the steps:

those steps become the pathways for the site. the sitemap should reflect those steps 1 1.1 1.1.2 etc

[zillionz]

@TizzyT14 yeah suppose I did sound a bit rude. Well it really didn't suit me... I went with a different channel on youtube and he was 100% more direct in the content of the tutorials... i went through the lot of them twice over the course of about a month and I can develop my own websites already... Get exactly what I needed. But I'm sure a lot of people do prefer the format and mode of delivery of these tuts... I just think it'd take a year to go through them all.

[TizzyT14]

@zillionz i beg to differ! I found that everything they said was useful information in some way or another. They covered all angles of how a good web designers brain should be thinking.

great work guys.

[bloganity]

Intro needs to be non existent....