Abqla2014 ebilodeau-morethanwireframes pub

30
More than Wireframes Reflections on the Traditions of Web Design Edward Bilodeau McGill Library [email protected] | @edbilodeau

description

 

Transcript of Abqla2014 ebilodeau-morethanwireframes pub

Page 1: Abqla2014 ebilodeau-morethanwireframes pub

More than Wireframes

Reflections on the Traditions of Web Design

Edward BilodeauMcGill [email protected] | @edbilodeau

Page 2: Abqla2014 ebilodeau-morethanwireframes pub

More than Wireframes

Reflections on the Traditions of Web Design

Page 3: Abqla2014 ebilodeau-morethanwireframes pub

More than Wireframes

Reflections on the Traditions of Web Design

A B C D

Web Design as Process

Well-defined

Ordered

Understandable

Optimizable

Repeatable

Page 4: Abqla2014 ebilodeau-morethanwireframes pub

More than Wireframes

Reflections on the Traditions of Web Design

Tradition A long established and generally accepted custom or method of procedure, having almost the force of a law;

an immemorial usage;

the body (or any one) of the experiences and usages of any branch or school of art or literature, handed down by predecessors and generally followed.

[…] an embodiment of an old established custom or institution, a ‘relic’.

Source: OED

Page 5: Abqla2014 ebilodeau-morethanwireframes pub

More than Wireframes

Reflections on the Traditions of Web Design

(cc) Ben Bawden <http://www.flickr.com/photos/benbawden/2829453577>

Page 6: Abqla2014 ebilodeau-morethanwireframes pub

Web Services User Experience

What does UX look like at my library?

Constrained by timeresources

Page 7: Abqla2014 ebilodeau-morethanwireframes pub

Your design process should respectyour ability to implement.

Page 8: Abqla2014 ebilodeau-morethanwireframes pub

Design Implementation

Page 9: Abqla2014 ebilodeau-morethanwireframes pub

Design Implementation

Design Implementation

Page 10: Abqla2014 ebilodeau-morethanwireframes pub

On the subject of feasibility…

Page 11: Abqla2014 ebilodeau-morethanwireframes pub

Hunt LibraryNorth Carolina State UniversityHunt LibraryNorth Carolina State University

Source: architecture norway <http://www.architecturenorway.no/projects/learning/hunt-2013>

Page 12: Abqla2014 ebilodeau-morethanwireframes pub

Incredible spaces!Incredible spaces!

Page 13: Abqla2014 ebilodeau-morethanwireframes pub

ROBOTS!!!ROBOTS!!!

Page 14: Abqla2014 ebilodeau-morethanwireframes pub

Robots.Robots.

Page 15: Abqla2014 ebilodeau-morethanwireframes pub

“Build this!”

Page 16: Abqla2014 ebilodeau-morethanwireframes pub

Know yourself.

Page 17: Abqla2014 ebilodeau-morethanwireframes pub

Next…Next…

Page 18: Abqla2014 ebilodeau-morethanwireframes pub

library problem space

design solutions

DIYHTML, Perl, CSS, JavaScript, PHP, …All custom solutions

Phase 1:

Products and ServicesDrupal, WordPress, Prefab, …

Standardized solutions that offer limited customization

Phase 2:

Page 19: Abqla2014 ebilodeau-morethanwireframes pub

by Configuration

Requirements met by…

Base Functionality

Customizing software applications

Page 20: Abqla2014 ebilodeau-morethanwireframes pub

Applications constrain designpossibilities…

… so what am I doing here?

Page 21: Abqla2014 ebilodeau-morethanwireframes pub

technologyoperations

marketing

communicationscommunity

people

strategy

web design

Page 22: Abqla2014 ebilodeau-morethanwireframes pub

Good web design supports a good library.

Bad web design undermines a good library.

Good web design can’t save a bad library.

Page 23: Abqla2014 ebilodeau-morethanwireframes pub
Page 24: Abqla2014 ebilodeau-morethanwireframes pub

Amoco Oil and Gas

Use participatory design to implement open-plan workspaces.

Page 25: Abqla2014 ebilodeau-morethanwireframes pub

Web design process

Design the solution that will fulfill the project objectives

Facilitate the adoption and success of new design*

* Assuming you use a participatory design approach!

Page 26: Abqla2014 ebilodeau-morethanwireframes pub

A few questions for you to reflect on…

Page 27: Abqla2014 ebilodeau-morethanwireframes pub

How is my web design process constrained by time? By resources? By expertise? By our ability to implement?

To what extent have I tailored our web design process to the realities of our library?

Is my bias for/against applications/solutions warranted?

Is web design carried out as apart from or as a part of related aspects of the library (operations, marketing, human resources, etc)?

How much effort do I put into managing change?

Page 28: Abqla2014 ebilodeau-morethanwireframes pub

Web design is hard.

Page 29: Abqla2014 ebilodeau-morethanwireframes pub

Be thoughtful, honest, & considerate.

Page 30: Abqla2014 ebilodeau-morethanwireframes pub

Thank you.