information architecture and sharepoint

68
Information architecture & SharePoint An experience designer’s view on how information architecture fits within the SharePoint context. 1 Lulu Pachuau 3 July 2009, SharePoint Conference Sponsored by

Upload: lulup

Post on 17-Aug-2014

23.689 views

Category:

Design


2 download

DESCRIPTION

An experience designer's view of information architecture within the context of SharePoint.

TRANSCRIPT

Page 1: Information architecture and SharePoint

Information architecture & SharePoint

An experience designer’s view on how information architecture fits within the SharePoint context.

1

Lulu Pachuau 3 July 2009, SharePoint Conference

Sponsored by

Page 2: Information architecture and SharePoint

2

facilitator

critic

problem solver

information architect

mentor

interaction designer

sales person

communicator

implementer

evaluator

business person

strategist

I’m NOT really a SharePoint

person…

Page 3: Information architecture and SharePoint

3 Logos I could find... SP SharePoint people or using it

Page 4: Information architecture and SharePoint

4

IA is one of elements of user experience (UX)

Elements of User experience - Jesse James Garret

4

Information architecture (IA) IA is a

process

IA is an outcome

Page 5: Information architecture and SharePoint

5

UX people flee at the sound of “SharePoint”

Page 6: Information architecture and SharePoint

6

Business assumes IT will put it together

Page 7: Information architecture and SharePoint

7

IT need clearer requirements & directions

Where are we going�with this?

We just provide a service

Page 8: Information architecture and SharePoint

What’s so different about SharePoint projects?

8

Page 9: Information architecture and SharePoint

9

SharePoint is like a DIY toolbox or warehouse�

Page 10: Information architecture and SharePoint

SharePoint is...

“an enterprise information portal... to run intranets, extranets

and internet sites... allows people,

teams and expertise to connect and

collaborate.” By SharePoint HQ

10

Page 11: Information architecture and SharePoint

11

Features and ways to do it – LOTS!!

http://www.themackpage.com/wp-content/uploads/2007/08/083107-1957-whitepapers1.jpg

Page 12: Information architecture and SharePoint

12

Demo – features you can use right out of the box!

Page 13: Information architecture and SharePoint

13

Ready Set GO?

Page 14: Information architecture and SharePoint

14

…before you get buried too deep

Page 15: Information architecture and SharePoint

15

Common problem – Poor/lack of communication

Page 16: Information architecture and SharePoint

Implementtttttttttttt t t t t t t t t t t t t t t t t t t t t t t t t t t t t t t t t t

Typical project with SP

16

Business requirements

Business

IT/Tech team

SharePoint consultant

Page 17: Information architecture and SharePoint

Business requirements

Some projects start with implementing the product!

17

Implement

Business

Implement

IT/Tech team

SharePoint consultant

Business requirements

Implement Business

requirements

Page 18: Information architecture and SharePoint

18

… end up with something no-one will use and $$$$$

Page 19: Information architecture and SharePoint

19

…or like this

Page 20: Information architecture and SharePoint

Who you gonna call?

20

Page 21: Information architecture and SharePoint

21

Page 22: Information architecture and SharePoint

Fill the gap with information architecture

22

Business requirements

Implementation Information architecture

(analysis & design)

Information architect Business

IT/Tech team

SharePoint consultant

Page 23: Information architecture and SharePoint

“ 23

Look before you leap – plan and design the IA before you write a single line of code dig into SharePoint ...

Page 24: Information architecture and SharePoint

So what is information architecture?

24

Page 25: Information architecture and SharePoint

Information architecture is…

“ the art and science of structuring,

organising and labeling information to help people find and

manage information.”

- Lou Rosenfeld and Peter Morville, authors of the “polar bear” book

25

Page 26: Information architecture and SharePoint

Information architecture for SharePoint instructs… •  How the site will be structured

and divided into a set of sub-sites.

•  How data will be presented in the site.

•  How site users will navigate through the site.

•  How information will be targeted at specific audiences.

•  How search will be configured and optimised.

26

http://technet.microsoft.com/en-us/library/cc262873.aspx

Page 27: Information architecture and SharePoint

Content

Context

Users

27

3 areas of information architecture

Page 28: Information architecture and SharePoint

28

Context Content Users

Context

Page 29: Information architecture and SharePoint

29

Research and understand the context

Requirements & expectations: One-stop-shop portal, hub, wikis, RSS, Blogs, Facebook, Google search, documents, dashboards… and a pony

Business goals and vision: “intranet staff will love and find pleasurable to use” “A world class website” “a one-stop shop for all our customers. They will just come to our website for all their needs”

We need it next week – timeframes Limited budget & resources – constraints We’ve already bought SharePoint – technology landscape

Page 30: Information architecture and SharePoint

30

SharePoint context Content Users

Context

Page 31: Information architecture and SharePoint

31

Information architecture rules (out of the box)

Page 32: Information architecture and SharePoint

32

User interface patterns – adding content

Page 33: Information architecture and SharePoint

33

Feedback not most user friendly

Page 34: Information architecture and SharePoint

34

Compartmentalisation of content (out of the box)

Page 35: Information architecture and SharePoint

35

Metadata = site columns

Page 36: Information architecture and SharePoint

36

Levels of customisation

0% or min: less $$

100% custom UI: $$$$

Page 37: Information architecture and SharePoint

Summary – SharePoint context IA’s need to know

•  Information architecture rules

•  User interface patterns

•  Feedback messages

•  Compartmentalisation of content

•  Customisation requirements

•  SharePoint terminologies -  Themes aka skins

-  Master Page

-  Web parts

-  Site columns – metadata

-  Content types – bunch of metadata/columns

-  Etc…

37

Content Users

Context

Page 38: Information architecture and SharePoint

38

Content – analysis & modelling Users

Context

Content

Page 39: Information architecture and SharePoint

Content…

•  Documents

•  Images, photos

•  Audio, Video

•  Tools or applications – desktop,�web based

•  Services

•  Physical items

•  Communications – ministerials,�meeting minutes, etc

39

Page 40: Information architecture and SharePoint

Facets of content relevant to SharePoint

•  Governance – Ownership, Retrieval, Security -  Who owns, creates content? when does content get created or�

removed? Is it centralised? Does it need approval? Who can view what when?

•  Metadata (more later) -  How is content described? what makes them different from each other?

•  Format (that content is in) -  Textual documents, databases and software applications, audio & videos, books,

people and so on

•  Volume -  how big is your intranet/website going to be? How many pieces of content are

there?

•  Dynamism -  what is the rate of growth of content within your organisation? how long are

they valid? How do you want to keep old records?

40

* More on the Information Architecture for the World Wide Web book – Pete Morville & Louis Rosenfield

Page 41: Information architecture and SharePoint

41

The universe of content

Page 42: Information architecture and SharePoint

42

Users

Context

Content Users

Page 43: Information architecture and SharePoint

?

43

User research – behaviours, tasks, preferences

Page 44: Information architecture and SharePoint

44

User research – Context of use

Page 45: Information architecture and SharePoint

45

High level to low level IA

Content

Context

Users

Information architecture

Page 46: Information architecture and SharePoint

46

Where am I? How do I get

around?

I know what I’m looking for, how do I search for it?

What kinds of information do they have that is useful to me (as a prospective student or staff)?

I need to get to my university email quickly

What’s going one, what’s

popular?

Caters to different needs, info seeking behaviours

Page 47: Information architecture and SharePoint

47

Core components of information architecture

Organisation system e.g. by author, time, topic or geography

Navigation system e.g. Global & local nav, contextual, task based

Search system e.g. Scope, fields, keywords, tags, best bets

Labelling system e.g. Food terms, scientific terms, etc

Metadata e.g. titles, desc, author, etc.

* More on the Information Architecture for the World Wide Web book – Pete Morville & Louis Rosenfield

Page 48: Information architecture and SharePoint

Organisation system

Navigation system

Search system

Organisation system

Navigation system

Page 49: Information architecture and SharePoint

49

Interface

* Information architecture iceberg concept from Information Architecture for the World Wide Web – Pete Morville & Louis Rosenfield

IA behind the scenes – impacts user experience

Information architecture components

Page 50: Information architecture and SharePoint

Quick introduction to metadata

50

Page 51: Information architecture and SharePoint

51

TradeMe – Metadata driven

Page 52: Information architecture and SharePoint

52

Users provide metadata – drives the website

Page 53: Information architecture and SharePoint

53

You can “See” the metadata

Page 54: Information architecture and SharePoint

In summary…

•  Three areas of IA

•  Core components

•  IA impacts user experience

54

Content

Context

Users

Organisation system

Navigation system

Search system

Labelling system Metadata

Interface

Information architecture components

Page 55: Information architecture and SharePoint

Keep in mind…

55

Page 56: Information architecture and SharePoint

We don't need to do or know everything

56

Information architect Business

IT/Tech team

SharePoint consultant

Information architect

SharePoint consultant & integrator

Business requirements

Implementation Information architecture

(analysis & design)

Page 57: Information architecture and SharePoint

57

What does the info architect create & deliver?

Page 58: Information architecture and SharePoint

58

Sitemap – organisation, labels hierarchy, top down

Navigation pathways

Content types, labels &

Metadata

Page 59: Information architecture and SharePoint

59

Page templates & layouts – content placement, metadata values

Search – scope, which field, prefered terms, cv

Specifications – components of IA

Page 60: Information architecture and SharePoint

60

?

Page 61: Information architecture and SharePoint

61

Custom development on SharePoint

Page 62: Information architecture and SharePoint

62

Intranet

Page 63: Information architecture and SharePoint

63

MOT Intranet

Page 64: Information architecture and SharePoint

64

Custom development on SharePoint

Page 65: Information architecture and SharePoint

65

DIY store – tools to build anything you want…

If you know what you’re going to build…

If you know what you need to build it

Page 66: Information architecture and SharePoint

66

Alex Dean SharePoint trainer, consultant and implementer Information architect

[email protected]

Stephanie Beath Experience design consultant

Information architect

[email protected]

Kate Smith SharePoint information architect,

theme expert, interaction designer, website integrator

[email protected]

Lulu Pachuau Experience design consultant

Information architect Interaction designer

[email protected]

Isha Hartono SharePoint consultant, theme expert, website integrator Interaction designer Information architect

[email protected]

Zef Fugaz Experience design consultant Information architect

[email protected]

Page 67: Information architecture and SharePoint

References

•  Information Architecture for the World Wide Web�Peter Morville & Louis Rosenfield�http://oreilly.com/catalog/9780596527341/

•  Definition of SharePoint: �http://www.sharepointhq.com/resources/what_is_SP.htm

•  Determine the information architecture of your site:�http://technet.microsoft.com/en-us/library/cc262873.aspx

•  Project cartoon: http://www.projectcartoon.com/

67

Page 68: Information architecture and SharePoint

Thanks!!�[email protected]

http://www.lushai.com�Photos found on Flickr and Google images

68