Abqla2014 ebilodeau-morethanwireframes pub
-
Upload
abqlapresentations -
Category
Technology
-
view
104 -
download
0
description
Transcript of Abqla2014 ebilodeau-morethanwireframes pub
![Page 1: Abqla2014 ebilodeau-morethanwireframes pub](https://reader034.fdocuments.us/reader034/viewer/2022051819/54c6d1374a7959ec2f8b4584/html5/thumbnails/1.jpg)
More than Wireframes
Reflections on the Traditions of Web Design
Edward BilodeauMcGill [email protected] | @edbilodeau
![Page 2: Abqla2014 ebilodeau-morethanwireframes pub](https://reader034.fdocuments.us/reader034/viewer/2022051819/54c6d1374a7959ec2f8b4584/html5/thumbnails/2.jpg)
More than Wireframes
Reflections on the Traditions of Web Design
![Page 3: Abqla2014 ebilodeau-morethanwireframes pub](https://reader034.fdocuments.us/reader034/viewer/2022051819/54c6d1374a7959ec2f8b4584/html5/thumbnails/3.jpg)
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](https://reader034.fdocuments.us/reader034/viewer/2022051819/54c6d1374a7959ec2f8b4584/html5/thumbnails/4.jpg)
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](https://reader034.fdocuments.us/reader034/viewer/2022051819/54c6d1374a7959ec2f8b4584/html5/thumbnails/5.jpg)
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](https://reader034.fdocuments.us/reader034/viewer/2022051819/54c6d1374a7959ec2f8b4584/html5/thumbnails/6.jpg)
Web Services User Experience
What does UX look like at my library?
Constrained by timeresources
![Page 7: Abqla2014 ebilodeau-morethanwireframes pub](https://reader034.fdocuments.us/reader034/viewer/2022051819/54c6d1374a7959ec2f8b4584/html5/thumbnails/7.jpg)
Your design process should respectyour ability to implement.
![Page 8: Abqla2014 ebilodeau-morethanwireframes pub](https://reader034.fdocuments.us/reader034/viewer/2022051819/54c6d1374a7959ec2f8b4584/html5/thumbnails/8.jpg)
Design Implementation
![Page 9: Abqla2014 ebilodeau-morethanwireframes pub](https://reader034.fdocuments.us/reader034/viewer/2022051819/54c6d1374a7959ec2f8b4584/html5/thumbnails/9.jpg)
Design Implementation
Design Implementation
![Page 10: Abqla2014 ebilodeau-morethanwireframes pub](https://reader034.fdocuments.us/reader034/viewer/2022051819/54c6d1374a7959ec2f8b4584/html5/thumbnails/10.jpg)
On the subject of feasibility…
![Page 11: Abqla2014 ebilodeau-morethanwireframes pub](https://reader034.fdocuments.us/reader034/viewer/2022051819/54c6d1374a7959ec2f8b4584/html5/thumbnails/11.jpg)
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](https://reader034.fdocuments.us/reader034/viewer/2022051819/54c6d1374a7959ec2f8b4584/html5/thumbnails/12.jpg)
Incredible spaces!Incredible spaces!
![Page 13: Abqla2014 ebilodeau-morethanwireframes pub](https://reader034.fdocuments.us/reader034/viewer/2022051819/54c6d1374a7959ec2f8b4584/html5/thumbnails/13.jpg)
ROBOTS!!!ROBOTS!!!
![Page 14: Abqla2014 ebilodeau-morethanwireframes pub](https://reader034.fdocuments.us/reader034/viewer/2022051819/54c6d1374a7959ec2f8b4584/html5/thumbnails/14.jpg)
Robots.Robots.
![Page 15: Abqla2014 ebilodeau-morethanwireframes pub](https://reader034.fdocuments.us/reader034/viewer/2022051819/54c6d1374a7959ec2f8b4584/html5/thumbnails/15.jpg)
“Build this!”
![Page 16: Abqla2014 ebilodeau-morethanwireframes pub](https://reader034.fdocuments.us/reader034/viewer/2022051819/54c6d1374a7959ec2f8b4584/html5/thumbnails/16.jpg)
Know yourself.
![Page 17: Abqla2014 ebilodeau-morethanwireframes pub](https://reader034.fdocuments.us/reader034/viewer/2022051819/54c6d1374a7959ec2f8b4584/html5/thumbnails/17.jpg)
Next…Next…
![Page 18: Abqla2014 ebilodeau-morethanwireframes pub](https://reader034.fdocuments.us/reader034/viewer/2022051819/54c6d1374a7959ec2f8b4584/html5/thumbnails/18.jpg)
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](https://reader034.fdocuments.us/reader034/viewer/2022051819/54c6d1374a7959ec2f8b4584/html5/thumbnails/19.jpg)
by Configuration
Requirements met by…
Base Functionality
Customizing software applications
![Page 20: Abqla2014 ebilodeau-morethanwireframes pub](https://reader034.fdocuments.us/reader034/viewer/2022051819/54c6d1374a7959ec2f8b4584/html5/thumbnails/20.jpg)
Applications constrain designpossibilities…
… so what am I doing here?
![Page 21: Abqla2014 ebilodeau-morethanwireframes pub](https://reader034.fdocuments.us/reader034/viewer/2022051819/54c6d1374a7959ec2f8b4584/html5/thumbnails/21.jpg)
technologyoperations
marketing
communicationscommunity
people
strategy
web design
![Page 22: Abqla2014 ebilodeau-morethanwireframes pub](https://reader034.fdocuments.us/reader034/viewer/2022051819/54c6d1374a7959ec2f8b4584/html5/thumbnails/22.jpg)
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](https://reader034.fdocuments.us/reader034/viewer/2022051819/54c6d1374a7959ec2f8b4584/html5/thumbnails/23.jpg)
![Page 24: Abqla2014 ebilodeau-morethanwireframes pub](https://reader034.fdocuments.us/reader034/viewer/2022051819/54c6d1374a7959ec2f8b4584/html5/thumbnails/24.jpg)
Amoco Oil and Gas
Use participatory design to implement open-plan workspaces.
![Page 25: Abqla2014 ebilodeau-morethanwireframes pub](https://reader034.fdocuments.us/reader034/viewer/2022051819/54c6d1374a7959ec2f8b4584/html5/thumbnails/25.jpg)
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](https://reader034.fdocuments.us/reader034/viewer/2022051819/54c6d1374a7959ec2f8b4584/html5/thumbnails/26.jpg)
A few questions for you to reflect on…
![Page 27: Abqla2014 ebilodeau-morethanwireframes pub](https://reader034.fdocuments.us/reader034/viewer/2022051819/54c6d1374a7959ec2f8b4584/html5/thumbnails/27.jpg)
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](https://reader034.fdocuments.us/reader034/viewer/2022051819/54c6d1374a7959ec2f8b4584/html5/thumbnails/28.jpg)
Web design is hard.
![Page 29: Abqla2014 ebilodeau-morethanwireframes pub](https://reader034.fdocuments.us/reader034/viewer/2022051819/54c6d1374a7959ec2f8b4584/html5/thumbnails/29.jpg)
Be thoughtful, honest, & considerate.
![Page 30: Abqla2014 ebilodeau-morethanwireframes pub](https://reader034.fdocuments.us/reader034/viewer/2022051819/54c6d1374a7959ec2f8b4584/html5/thumbnails/30.jpg)
Thank you.