UPC.edu renewal Degree in Multimedia. Final project Irene Escudé Capdevila November 2012.

21
UPC.edu renewal Degree in Multimedia. Final project Irene Escudé Capdevila November 2012

Transcript of UPC.edu renewal Degree in Multimedia. Final project Irene Escudé Capdevila November 2012.

Page 1: UPC.edu renewal Degree in Multimedia. Final project Irene Escudé Capdevila November 2012.

UPC.edu renewalDegree in Multimedia. Final project

Irene Escudé Capdevila

November 2012

Page 2: UPC.edu renewal Degree in Multimedia. Final project Irene Escudé Capdevila November 2012.

Project plan

➠Who does it concern?Dimension of the project

➠What is the starting point?Description of the current situation

➠What must be done?Conceptual definition of the project

Page 3: UPC.edu renewal Degree in Multimedia. Final project Irene Escudé Capdevila November 2012.

Project plan

➠What must be done?Conceptual definition of the project

A promotional website, of the studies, research and services for businesses

A unified website, the importance falls on the new, not the source.

A renovated look of the homepage that suits the previous requests.

Page 4: UPC.edu renewal Degree in Multimedia. Final project Irene Escudé Capdevila November 2012.

Project plan

➠Who does it concern?Dimensions of the project

Information systems: studies DB, intranets and UPC websites, Genweb, press room, Alumni UPC portal, UPCtv, DRAC, Chinese version, Meteocat webservice.

Teams and units: SCP, OMC, UPCnet, SRI.

System users: university community (students, professors and staff), companies linked with the university, prospective students, secondary education teachers.

Page 5: UPC.edu renewal Degree in Multimedia. Final project Irene Escudé Capdevila November 2012.

Project plan

➠What is the starting point?Description of the current situation

Page 6: UPC.edu renewal Degree in Multimedia. Final project Irene Escudé Capdevila November 2012.

Project plan

➠Project planningProject phases and UCD plan

Page 7: UPC.edu renewal Degree in Multimedia. Final project Irene Escudé Capdevila November 2012.

Project plan

Phase I: Definition and planning

Phase II: Development. Iterative design

Phase III: Implementation and migration

Phase IV: Release

Page 8: UPC.edu renewal Degree in Multimedia. Final project Irene Escudé Capdevila November 2012.

Project plan

Phase I: Definition and planning

Phase II: Development. Iterative design

Phase III: Implementation and migration

Phase IV: Release

Page 9: UPC.edu renewal Degree in Multimedia. Final project Irene Escudé Capdevila November 2012.

Project plan

Phase I: Definition and planning

Phase II: Development. Iterative design

Phase III: Implementation and migration

Phase IV: Starting-up

Page 10: UPC.edu renewal Degree in Multimedia. Final project Irene Escudé Capdevila November 2012.

UCD implementation

➠Plan execution. Context requirements

➠Plan execution. IA design

➠Plan execution. Definition

➠Plan execution. GUI design

Page 11: UPC.edu renewal Degree in Multimedia. Final project Irene Escudé Capdevila November 2012.

UCD implementation. Definition

➠Plan execution. Definition

➠ Stakeholder meeting1

Page 12: UPC.edu renewal Degree in Multimedia. Final project Irene Escudé Capdevila November 2012.

UCD implementation. Definition

➠Plan execution. Definition

➠ Stakeholder meeting1

✔Initial project specifications

Page 13: UPC.edu renewal Degree in Multimedia. Final project Irene Escudé Capdevila November 2012.

UCD implementation. Context requirements

➠Plan execution. Context requirements

➠ Brainstorming

➠ Usability test

➠ Interviews with subject matter experts

2

1

Page 14: UPC.edu renewal Degree in Multimedia. Final project Irene Escudé Capdevila November 2012.

UCD implementation. Context requirements

➠Plan execution. Context requirements

➠ Brainstorming

➠ Usability test

➠ Interviews with subject matter experts

2

1

✔Requirements report

Page 15: UPC.edu renewal Degree in Multimedia. Final project Irene Escudé Capdevila November 2012.

UCD implementation. IA design

➠Plan execution. IA design

➠ Competitor analysis

➠ Statistics analysis

➠ Card Sorting

➠ Navigation test

3

1 2

Page 16: UPC.edu renewal Degree in Multimedia. Final project Irene Escudé Capdevila November 2012.

UCD implementation. IA design

➠Plan execution. IA design

➠ Competitor analysis

➠ Statistics analysis

➠ Cardsorting

➠ Navigation test

3

1 2

✔Definitive Information Architecture proposal

Page 17: UPC.edu renewal Degree in Multimedia. Final project Irene Escudé Capdevila November 2012.

UCD implementation. GUI design

➠Plan execution. GUI design

➠ Braindrawing. Parallel design

➠ High fidelity paper prototyping. Screen testing

➠ Evaluate prototype

4

1 2 3

Page 18: UPC.edu renewal Degree in Multimedia. Final project Irene Escudé Capdevila November 2012.

UCD implementation. GUI design

➠Plan execution. GUI design

➠ Braindrawing. Parallel design

➠ High fidelity paper prototyping. Screen testing

➠ Evaluate prototype

4

1 2 3

✔Definitive Graphic User Interface proposal

Page 19: UPC.edu renewal Degree in Multimedia. Final project Irene Escudé Capdevila November 2012.

Next step

➠Implementation and migration phase➠ Study of edition use cases

➠ Functional prototype

➠ Usability test (content edition)

➠ Checking and creation contents

➠ Migration

1 2 3 4

Page 20: UPC.edu renewal Degree in Multimedia. Final project Irene Escudé Capdevila November 2012.

Conclusions

1 2 3 4

➠Users’ engagement in a disinterested way

➠Solution of detected problems

➠Two relevant changes of shape and concept

Page 21: UPC.edu renewal Degree in Multimedia. Final project Irene Escudé Capdevila November 2012.

Thanks

Irene Escudé Capdevila

November 2012