Finalcalibredesign 1

Page 1

REDESIGN

CALIBRE EBOOK MANAGER

Professor Jason Occhipinti Information and Interface Design LC4D @ Lindsey Wilson College

Kathy Loughlin M.A. Interactive Design


TABLE OF CONTENTS Project Brief

3

Wireframes & Comps

20

User Centered Design Process

5

Conclusion

35

Initial User Research

7

Exploration

10

Sketches

16

Wireframes & Comps


PROJECT BRIEF


Project Brief Calibre is a free and open source e-book library management application developed by users of ebooks for users of ebooks. It has lots of features, but the interface is not intuitive and is hard to use. The branding is also dated.

Improve the User Experience: - Create a more intuitive interface - Simplify the task completion - Improve the overall aesthetics - Incorporate visual hierachy


USER CENTERED DESIGN PROCESS


User Centered Design Process The user centered design process started with thinking about the user of the e-book library manager, their needs and behaviors. Then we moved into the mode of clearly defining the the problem for the user. Next we generated lots of ideas, created both low and medium fidelity wireframes to show the client. After a few more rounds of change, the visual comps have been delivered for our client review.


INITIAL USER RESEARCH


Persona One


Persona Two


EXPLORATION


Site Map (Current)


Competitive Analysis Delicious Library

iBooks


Ideation - Site Map


SKETCHES


Install Screen 1 (A) Version 1

Version 2*

*This covered Screen A, B1, B2 C from version 1 screens


Install Screen 2 (B1)

Install Screen 3 (B2)


Install Screen 4 (C)


Install Screen 4 (C) Version 1

Version 2


Find a Book

Store View

Version 1

Version 2


Library View

Book Details

Version 2

Version 2


WIREFRAMES


Install Screens - Low Fidelity Version 1


Library Screens - Low Fidelity


Library Screens - Low Fidelity


Library Screens - Low Fidelity


Library Screens - Low Fidelity


Medium Fidelity - Install Screens


Medium Fidelity - Install Screens

Medium Fidelity - Install Screens


Medium Fidelity - Library


Medium Fidelity - Library


Medium Fidelity - Library


Visual Comps - Install Screens


Visual Comps - Install Screens


Site Map


CONCLUSION


Conclusion This design project took us through all the steps in the HCD model and by focusing on the user and adhering to the steps, a better design for the control screen emerged.


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.