Presentation is loading. Please wait.

Presentation is loading. Please wait.

2006 Integrated Studies 2: Website Design Project University of Sussex - Informatics.

Similar presentations


Presentation on theme: "2006 Integrated Studies 2: Website Design Project University of Sussex - Informatics."— Presentation transcript:

1 2006 Integrated Studies 2: Website Design Project University of Sussex - Informatics

2 Presentation Structure Introductions and Management Team Contributions Demo and Conclusions Questions & Answers 1

3 Introductions and Management Assignment Overview Management Tools Presentation Structure Management Approach 2

4 Overview of the Assignment 3 What is interdisciplinary? Why interdisciplinary? Barriers for interdisciplinary.

5 Learning Points 4 Differences between interdisciplinarity and multidisciplinarity. How can we achieve interdisciplinarity. Working in a team. (from different disciplines). Understanding different perspectives.

6 Introduction to the Presentation 5 OrderTopicPresenterPicture 1Assignment OverviewVikram 2Intro to the presentationMax 3Management / ToolsHannah / Jon 4ContentYash / Alicja 5DesignAntonia / Cy 6CodingGeorge / Louis / Sudhagar 7TestingDavid / Sudhagar 8Website DemoZulfi 9InterdisciplinarityAaron / Josey 10ConclusionHannah Introductions & Management Team Contributions Demo & Conclusion

7 The Presentation 6 The Starting Point The Format / Look and Feel Putting it all together

8 Management Approach 7 Fussy Beginnings Skills Matrix No Micro Management Open Communication Status Updates Celebrate Successes

9 Management Tools 8 Backpack Basecamp (Inuda) Blogger (IS:A Diary)

10 Team Contributions Content Team Testing Team Design Team Coding Team 9

11 The Content Team Content Team Testing Team Design Team Coding Team 10

12 Content Team - 1 11 Yashs sound recording…

13 Content Team - 2 12 YASH CY ALICJA JOSEY

14 Content Team - 3 13 Spring Term Integrated Studies II – the reason why this website was created! Thats what you call integration! Software Design and Evaluation – your chance to learn how to use Macromedia Director for rapid prototyping. You will design an interface and basic functionality of an application, test it with users and then document it in UML, yumm… Modules descriptions are meant to give prospective students a better idea about the nature of each course than the dry official briefs.

15 Content Team - 4 14 AARON & JOSEY EVERYBODY

16 Content Team - 5 15 AARON EVERYBODY

17 Content Team - 6 16 ANTONIA

18 Content Team - 7 17 YASH ALICJA CY

19 Content Team - 8 18 Statistics of graduates employment turned out to be very poor so I tried to get in touch with last years graduates and ask them what they are currently doing and in what ways was the course useful for their career. My job is Graduate Software Engineer, the industry is Defence. HCCS was of use as I am in the HCI team, so I am using HCI techniques for designing the interfaces and I use UML design techniques for the requirements spec, etc…

20 Content Team - 9 19

21 The Design Team Content Team Testing Team Design Team Coding Team 20

22 Design Team 21 Home Page HCCS A World Without HCI Blog Course Modules Dissertations Current Student Profiles Past Students Employeers University Brighton University Map Map HCI

23 Design Approach 22 Structure Content (IA) IA approaches Select approach Design lo-fi prototypes for all pages Design hi-fi prototypes for all pages

24 Design Team - 1 23 -About Course -A world without HCCS -Blog -Course Modules -Dissertations -Student Profiles -Past Students Alumni -Employers and Jobs -University Photos/Map -Brighton links -What -How -Why -The course -2005-2006 -How to apply -After the course Approach AApproach BApproach C

25 Approach A 24 -About Course -A world without HCCS -Blog -Course Modules -Dissertations -Student Profiles -Past Students Alumni -Employers and Jobs -University Photos/Map -Brighton links About Course … Student profiles Blog

26 Approach B 25 -What -Why -How HCCS article What … Why … How …

27 Approach C 26 -The course -2005-2006 -How to apply -After the course The course … 2005-2006 … After the course … How to apply …

28 Low Fi Prototypes (Home page) 27

29 Low Fi Prototype (Global Template) 28

30 Low Fi Prototypes (Content Frame) 29

31 Low Fi Prototypes (Content Frame) 30

32 High Fi Prototype A 31 Sudhagar

33 High Fi Prototype B 32 Vikram

34 High Fi Prototype C 33 Antonia

35 High Fi Prototype D (Home Page) 34

36 High Fi Prototype D (Main Template) 35

37 High Fi Prototype D (Main Template) 36

38 High Fi Prototype D 37

39 The Coding Team Content Team Testing Team Design Team Coding Team 38

40 Coding Team – 1 39

41 Coding Team – 2 40

42 Coding Team – 3 41

43 Coding Team - 4 42

44 Coding Team - 5 43

45 Coding Team - 6 44

46 Coding Team - 7 45

47 Coding Team - 8 46 function toggle (area) { // if element is hidden, show it to me! if (document.getElementById(area).style.display=='none') { document.getElementById(area).style.display=''; } // if it's visible, hide it please else { document.getElementById(area).style.display='none'; }

48 Coding Team - 9 47 // hide all areas that are not supposed to be shown when page renders function hideAreas() { toggle("divUserExperienceDesigner"); toggle("divWirelessUIDesigner"); toggle("divUserInteractionDesigner"); toggle("divInformationArchitect);

49 Coding Team - 10 48 User Experience Designer The QUALCOMM User Experience Group (QUE) is seeking user experience

50 Coding Team - 11 49

51 Coding Team - 12 50

52 The Testing Team Content Team Testing Team Design Team Coding Team 51

53 Background 52 Testing originally scheduled for Week 9 not enough time site not yet completely finished Therefore, allocated at last minute with limited time to complete Indicative of programming projects? Alicja completed ALL of the proofreading

54 Methodology 53 Due to limited time; a heuristic evaluation methodology Jacob Nielsens 10 heuristics plus a walkthrough using a persona Nielsen recommends 5 evaluators; typically finding 75% of usability problems

55 Personnel 54 Lead testersTesters DavidHannahAaronVikram We had 4 evaluators…..

56 Heuristics 55 1.Visibility of system status 2.Match between system and the real world 3.User control and freedom 4.Consistency and standards 5.Error prevention 6.Recognition rather than recall 7.Flexibility and efficiency of use 8.Aesthetic and minimalist design 9.Help users recognize, diagnose, and recover from errors 10. Help and documentation

57 Results of Heuristics 1 56 Scores out of 10 for each of 8 heuristics Totals…

58 57 Usability Problems 2005 Home button doesnt work Navigation is plural – multiple links to same pages Not always clear what is clickable and what is not; pictures, words, icons Layout of links on separate pages is different breaking internal consistency Unclear terminology Mouse-over guides to links only on home page No physical representation of current location (breadcrumbs etc) Phidgets link should open a new window 2005 Home button doesnt work Navigation is plural – multiple links to same pages Not always clear what is clickable and what is not; pictures, words, icons Layout of links on separate pages is different breaking internal consistency Unclear terminology Mouse-over guides to links only on home page No physical representation of current location (breadcrumbs etc) Phidgets link should open a new window 2006 Home button is not immediately clear as such and is unusually on right-hand side Need to scroll down to see bottom of home page Blogger link should open a new window 2006 Home button is not immediately clear as such and is unusually on right-hand side Need to scroll down to see bottom of home page Blogger link should open a new window Results of Heuristics 2

59 Persona Evaluation 58 Name:Carla Fernandez Age:25 Sex:Female Student:Part-time Carla Studied Information Science at Universidade Nova de Lisboa in Portugal. After she graduated she worked for a software development company in Lisbon specialising in innovative applications for the media industry. Her interest in the gaming industry brought her to work for a company specialising in fantasy adventure games where she met her current partner, Jon. Carlas interest interactive learning and games applications has nurtured an interest in HCI. So much so that the company have offered to sponsor her to study for a Masters degree in the subject. Her project manager has requested that she look for a University offering a course on a part-time basis. This would allow Carla work and contribute her enhanced knowledge and skills to various projects within the company out of term time. Created by Josey

60 Persona Evaluation 59 2005 Website Persona evaluation directed more toward content than strictly usability problems not used as a means of comparison…. But….. Cursory run through of 2005 site: Possibly of interest if personally know the people featured, but really gives very little information about the course

61 Persona Results 1 60 Home Page Blogger icon – looks like branding not necessarily an external link World without HCCS looks like an error message. If this is the first link the user goes to – first impression is poor – too much text – maybe as link off one of main pages? Animation is off screen – and although is nice is slightly irrelevant to site But very clean, uncluttered and inviting Home page

62 Persona Results 2 61 General Feedback Plus + Excellent navigation – colour coded, blocks act as You are here Clear & Concise, can show more or less info depending on preference No confusing terminology Gives students eye view of course and gives users good idea of kind of people doing course and why they did it Almost all content novel, unique and not available elsewhere Minus – Clickable picture is great, but needs text invitation to click Info on How to Apply Page available elsewhere – perhaps a more, informal realistic view? No information specifically for foreign students

63 Critique of Technique 62 Heuristic Evaluation Nielsens heuristics not ideal for web pages Two questions not relevant Others had to be interpreted Persona Evaluation Hardly a classical evaluation technique No User Evaluation Not sufficient time

64 Demo and Conclusions Website Demo Q & A Interdisciplinarity Conclusion 63

65 Website Demo 64 Http://cy.ekei.com/projects/is2/

66 Interdisciplinarity - 1 65 Interdisciplinarity is the practice of forming an alliance (-inter) between two or more disciplines (-disciplinarity), producing either a product (in industry) or a disciplinary hybrid (in academia) that is identifiable from methodologies or tools appropriated interchangeably from the progenitors.

67 Interdisciplinarity - 2 66 Did the project follow interdisciplinary practice? The focus of the course was for the class to work as project team and follow an interdisciplinary approach to designing a website aimed at prospective HCCS students. In order to assess the effectiveness of these aims, we examined the project teams methods of practice from 2 perspectives: Whether the 'Content' team worked in an interdisciplinary way Whether all the project teams worked across disciplinary boundaries in an interdisciplinary way? In order to consider these aspects we consulted each member of the team to gain feedback particularly with regard to the following: The underlying methods of practice within the project and whether they were influenced by an interdisciplinary approach. The methods of communication and their effectiveness in supporting the team and their tasks

68 Interdisciplinarity - 3 67 Interdisciplinarity and the content team: Very early on, to facilitate effective movement through the stages of development, the project was broken down into several clearly demarcated domains. Content Code General Management Design Here we will discuss Interdisciplinarity with reference to the content project domain.

69 Interdisciplinarity - 4 68 The content team (below) all brought with them a variety of skills and aptitudes: 'X' refers to aptitudes & 'O' refers to areas people wanted to learn more about The skills matrix demonstrates that with the exception on Antonia, all the content crew felt that the requirements of the content domain fell within their expertise. HTMLXMLGraphicsAnalysis Content PMTesting/U sability Antonia0xx Josey0xxx Yashxxxx Alicja0xxx Aaron0xxx0 David00xxx

70 Interdisciplinarity - 5 69 Designing the content: Brainstorming commenced discussing issues of Content and a short list of ideas was generated. We then discussed these ideas in relation to whether each was useful/helpful/imperative in achieving the goal. A pruning exercise was then conducted in which irrelevant stuff was ditched. We concluded with a to-do-list of items each of which was assigned to team members. It is hard to imagine at what stage this exercise might have been interdisciplinary as no one person or sub-group within the content team could be identified as a practitioner of a particular approach.

71 Interdisciplinarity - 6 70 Designing the content cont….. The entire group (not just content) could be roughly divided into two camps. Those with a Social Science background and those with a Computer Science background. The Social Scientists tended towards requirements gathering and testing whist the Computer Scientists were comfortable with Coding, HTML and design. At the initial, and most important content team meeting, Kyriakos, the head of the design team sat in to advise us on how well the sorts of information we were gathering would make the transition to an electronic format. Here a dynamic tension was created between the content and design team where the format of the content gathered was steered by design logistics. The boundaries of design were in turn pushed by the creative content team. This, perhaps our only true interdisciplinary moment, allowed these two cogs (design and content teams) to work effectively. The grease for these cogs being the common language afforded by our recent, shared academic history.

72 Interdisciplinarity - 7 71 Did each group follow an interdisciplinary approach? Following a survey completed by team members similar issues were found to be common to all teams. Our findings revealed that a lot of us felt that we mostly worked in a multidisciplinary way – using our individual specialist knowledge (or personal preferences) to contribute to the Project. Perhaps this was due to the way we used the skills matrix - matching roles to team members who had previous experience within those roles. If we had used the matrix in an alternative way by ensuring we all worked within teams comprising members with different specialist knowledge we would have followed an Interdisciplinarity approach far more closely. But would we have delivered the project within the deadline? For many of us one of the underlying factors preventing Interdisciplinarity was that of time constraints.

73 Interdisciplinarity - 8 72 Did each group follow an interdisciplinary approach? Following a survey completed by team members similar issues were found to be common to all teams. Our findings revealed that a lot of us felt that we mostly worked in a multidisciplinary way – using our individual specialist knowledge (or personal preferences) to contribute to the Project. Perhaps this was due to the way we used the skills matrix - matching roles to team members who had previous experience within those roles. If we had used the matrix in an alternative way by ensuring we all worked within teams comprising members with different specialist knowledge we would have followed an Interdisciplinarity approach far more closely. But would we have delivered the project within the deadline? For many of us one of the underlying factors preventing Interdisciplinarity was that of time constraints.

74 Interdisciplinarity - 9 73 HCCS - and Interdisciplinarity There is an argument to be made that suggests that while not interdisciplinary in the practice of producing this website, the practice we did employ is the product of interdisciplinary precedents. The HCCS course is itself an Interdisciplinary domain and we have learnt its domain specific language. It is our first tongue and the methodologies acquired on this course are our only tools for approaching HCCS concerns. Our actual practice is therefore unlikely to be interdisciplinary as all the methodologies we have acquired over the last two years on this course are HCCS specific; furthermore, we have acquired these skills together. Thus, while we have leanings (and indeed historical legacies) towards certain domains (either social science or comp science), we were keen to use our new skills to build this site. Thus we have not applied the characteristically different methodologies required for true interdisciplinary practice. In conclusion, we believe that our performance as a team has demonstrated that productive practice can be generated through multidisciplinary working; effective informal communication between the teams ensuring that cross-team concerns are addressed. As a result, it is felt that our teams collaboration has generated a unique approach to the web site which should be a refreshing change from the sites of previous years.

75 74 Conclusion

76 Fin 75 Questions & Answers


Download ppt "2006 Integrated Studies 2: Website Design Project University of Sussex - Informatics."

Similar presentations


Ads by Google