Finalcalibredesign 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.