Human Computer Interaction Design by ijk77032

VIEWS: 14 PAGES: 60

									                      2007‐2008 Semester 1: Human Computer Interaction Design  (HUCIDDL‐07S1) 
                    Derek Almond (cam70634)  Michael Blanchard (cam209495) John Adu (cam70633)



                    Human Computer Interaction Design 
                                                                    (HUCIDDL‐07S1) 
                                                                                                    
       Interface Design, Prototyping and Analysis for a community level 
       car sharing website with an accompanying in car device. 
                                                                                                    

                                                                  Derek Almond (cam70634) 
                                                              Michael Blanchard (cam209495) 
                                                                        John Adu (cam70633) 

                                                                                  18th January 2008 
1 
Page
                                        2007‐2008 Semester 1: Human Computer Interaction Design  (HUCIDDL‐07S1) 
                                      Derek Almond (cam70634)  Michael Blanchard (cam209495) John Adu (cam70633)



        

       Contents 
       Task Definition ........................................................................................................................................ 3 
           Domain Analysis .................................................................................................................................. 4 
           Task Analysis ....................................................................................................................................... 5 
           User Analysis ....................................................................................................................................... 6 
           Prototyping Methods .......................................................................................................................... 7 
           Evaluation procedure .......................................................................................................................... 8 
           Web Based Booking System Interface Tests ....................................................................................... 9 
           In Car System Tests ............................................................................................................................. 9 
           Analysis of Collected Data ................................................................................................................. 10 
           Appendix A: In Car System Interface Mock Ups ............................................................................... 12 
           Appendix B: Website Booking System Mock Ups ............................................................................. 30 
           Appendix C:  Website Booking System Test Results ......................................................................... 42 
                                                 .
           Appendix D: In Car System Test Results  ........................................................................................... 48 
           Further Reading. ............................................................................................................................... 60 
        
2 
Page
                              2007‐2008 Semester 1: Human Computer Interaction Design  (HUCIDDL‐07S1) 
                            Derek Almond (cam70634)  Michael Blanchard (cam209495) John Adu (cam70633)


        

        

       Task Definition 
       The task is stated as follows. 

       I'm interested in the development of an interface design for software, probably web based to allow 
       car sharing. Car sharing clubs allow several families to share a single car, and its associated costs. 
       They allow members of the club to 'book' the car online, and will also log when and who uses the car. 
       An electronic lock/rf tag system might be used to log usage of the car. A relatively low tech solution 
       in the car will report the number of miles travelled when the car is returned 'home'. Inside the car a 
       PDA or cell phone with a simple interface will pick up the data from the car and upload it to the 
       online site. Each member of the 'club' would have equal opportunity to use the car, and costs 
       associated would be shared pro‐rata based on usage. There are several commercial schemes that do 
       this at the moment, one operates in Portsmouth, but your task is to design an interface for a small 
       scale local scheme, say one car to five families.  

       You will need to design a web based interface, and an interface for a mobile device (which would be 
       inside the car). You can choose a cell phone or pda for the mobile device. There are several ways the 
       architecture of the system might be devised, for example the pda/phone may only communicate with 
       the home 'server' when the car is back at base, using low range wireless networking e.g. Bluetooth or 
       wifi.  

       Remember that your focus here is the INTERFACE for this system, you are not expected to build the 
       functionality of the system. You will need to produce a prototype of the system's interface, for testing 
       with users during the 'evaluation' weeks of the unit.  

        
3 
Page
                             2007‐2008 Semester 1: Human Computer Interaction Design  (HUCIDDL‐07S1) 
                           Derek Almond (cam70634)  Michael Blanchard (cam209495) John Adu (cam70633)


       Domain Analysis 
       There are many similar systems already in place however this data is not accessible to us (in the case 
       of large commercial services), or may not be relevant (in the case of community level services like 
       ours where their small user base makes it impossible to draw parallels with our community), 
       however from examining the methods used within these systems and DA’s brief interaction with a 
       “domain expert” in the technical department of www.carplus.org.uk some knowledge of potential 
       problems within the problem domain was acquired. 

           1. Users of varying ability will need to register on a website in order to make bookings for a car, 
               the system its self will need to track mileage and time usage so that equivalent pro‐rata 
               charges can be applied to each user.  
           2. To prevent misuse it may be advisable to have a limit on the total time any one person can 
               book the vehicle during any one billing cycle – i.e. to dissuade them from booking the vehicle 
               “just in case” 
           3. Users in the same family will often share bookings to overcome point 2; substantial 
               education is needed to overcome this. 
           4. Charging per time block as well as per mile will dissuade users from booking for short 
               journeys (which cause more wear and tear on the vehicle) and dissuade them from booking 
               the vehicle “just in case” 
           5. Some users would prefer to book by phone – while outside the scope of this module, there 
               would ideally be some kind of admin interface for authorised users to enter a booking on 
               behalf other users. 
           6. Users will need to be penalised for going over their time limit, losing the vehicle keys or any 
               other events that impact on subsequent users. 
           7. Where possible the in car and web systems should use similar paradigms for their interfaces 
               so that there is a clear relationship between the two separate systems.  
           8. The vehicle will need a certain amount of downtime – MOT / Servicing; this must be booked 
               early so that users are forewarned. 
                
       The following glossary of terms was also established. 
        
               In Car Device: 
                        The hand held unit which will record user activity while in the vehicle, 
               In Car System: 
                        The software running on the In Car Device that will allow the driver to interact with 
                        the booking service,  
               Web Based Booking System: 
                        An internet based facility for booking the vehicle; this will also cover monitoring the 
                        users account etc. 
               User: 
4 




                        The person interacting with the In Car System or Web Based Booking System, this is 
Page




                        normally expected to be the driver of the vehicle, but is not required to be so. 
                             2007‐2008 Semester 1: Human Computer Interaction Design  (HUCIDDL‐07S1) 
                           Derek Almond (cam70634)  Michael Blanchard (cam209495) John Adu (cam70633)


       Task Analysis 
       A preliminary sketch and a cognitive walkthrough of the workflow involved reveal the following 
       discrete tasks. 

               1. When in the vehicle, users will use an In Car Device to make bookings, alter booking 
                   details, log travel information, find and plan travel routes. 
               2. When not in the vehicle, users will be able to access a dedicated website to make and 
                   bookings. 
               3. The users preferred times for the car will often conflict; the reasons for rejecting a 
                   booking must be clearly conveyed. 
               4. Users will be required to upload data to an Internet based system; ideally this should be 
                   done automatically at the end of a booking. 
               5. The In Car Device will use one browser and operating system.(Pocket IE/ Windows 
                   Mobile 2006) 
               6. The Web Based Booking System will be accessed from a variety of user’s operating 
                   systems and browsers. 
               7. Varying external environments may affect the users’ concentration when making a 
                   booking. 
               8. Users will have minimal basic training for use of the In Car Device and Web Based 
                   Booking System. 
               9. Active training on the In Car device will be given when the user picks up the vehicle for 
                   their first booking.  
               10. Users will have time constraints when using the device to complete tasks. 
               11. Help hints and tips will need to be available to the user when completing a task. 
               12. Users will often want to extend their booking if it does not conflict with another user, 
                   this information will need to be communicated to the In Car Device in the field and in 
                   real time. 

                

            

        
5 
Page
                                   2007‐2008 Semester 1: Human Computer Interaction Design  (HUCIDDL‐07S1) 
                                 Derek Almond (cam70634)  Michael Blanchard (cam209495) John Adu (cam70633)


       User Analysis 
       The project will be designed to cover 5 families using one vehicle, therefore assuming a 2 parent 2.4 
       children family with children of varying ages; it is likely that there will be around 15 to 20 users in 
       total. This is not a significant user population however we can assume the following will be true for 
       our users 

                  1. Age range 17+. There is (theoretically) no upper limit though insurance restrictions 
                     would probably impose an artificial one. 
                  2. Male and female users. 
                  3. Not all users will be familiar with modern technology. 
                  4. Not all users will be comfortable using modern technology. 
                  5. Some users maybe apprehensive about using new technologies. 
                  6. Users will have a varied knowledge of new technologies. 
                  7. Users will have special conditions that may affect how they view or use the device ‐ 
                     colour blindness ‐ and some physical limitations; however we must remember that there 
                     is a basic barrier to entry in that the users must be able to drive a car. 

       The following representative avatars will be used in initial testing, by considering these we can draw 
       some basic conclusions on the needs we need to meet. 

       Avatar          Background             Factors that the user population vary in, that may impact on usability 
       Name 
       Mansa           Student            Mansa is an 18 year old Student and PC literate, he is familiar with 
                                          website and mobile phone interfaces. 

                                           
       Raspy           Artist             Raspy comes from an Art background, she does not use her computer 
                                          for browsing the web very often and only uses her mobile phone for 
                                          basic functions – making and receiving calls. She has a mild form of 
                                          dyslexia and therefore has trouble with complicated phrases and 
                                          instructions. 

                                           
       Jillian         Housewife          Jillian is a housewife she has some experience off shopping online and 
                                          is familiar with the intricacies of registration and log‐in to website 
                                          secure areas. 

                                           
       John            Teacher            All though John has a high level of education, he has only recently 
                                          started to use the internet. Therefore he is not always familiar with the 
                                          protocols and standard work flow of website usage “register ‐> login ‐> 
                                          use” 

                                           
6 
Page




       These figures were compiled using field studies where the focus is on understanding how users 
       interact with technology in their work or every day environment. 

        
                             2007‐2008 Semester 1: Human Computer Interaction Design  (HUCIDDL‐07S1) 
                           Derek Almond (cam70634)  Michael Blanchard (cam209495) John Adu (cam70633)

        

       Prototyping Methods 
       We have selected to use an iPAQ™ for the In Car System for the following reasons: 

               1. Touch screen technology means the interface can be flexible for prototyping, and the 
                  user can see exactly where to “click” for each action” rather than having to interpret 
                  how the keys match the screen buttons. 
               2. Many users will have seen a similar unit before. 
               3. Low cost of the unit means ease of entry and replacement of missing units. 
               4. In built connectivity for uploading data. 
               5. Subsequent improvements to the software can be made without requiring new 
                  hardware. 

       Initially the in car system will be developed using mock‐ups of potential screens that can be shown 
       to a test group. These can be seen in appendix A. 

       The Web Based Booking System will be developed using a rapid prototyping framework, the chosen 
       framework being symfony [http://www.symfony‐project.org.], this will allow a quick turnaround of 
       different ideas while providing an interactive testable interface. 

       DA will provide the prototype – MB and JA will serve as the “customer” reviewing each of the screen 
       iterations and passing back improvements to the interface. 

       The prototype for Web Based Booking System can be seen at http://carbooker.derekalmond.com 
       with screen shots in Appendix B. 

       For both the In Car System and the Web Based Booking System we have decided to use a “traffic 
       light” scheme to aid users in knowing when a car is available,  

           •   Green indicates no previous bookings on that date,  

           •   Amber shows that some blocks are already booked,  

           •   Red shows that the date is fully booked. 

       This will provide visual clues to the user when making a booking. 
7 
Page
                             2007‐2008 Semester 1: Human Computer Interaction Design  (HUCIDDL‐07S1) 
                           Derek Almond (cam70634)  Michael Blanchard (cam209495) John Adu (cam70633)


       Evaluation procedure 
       To evaluate the effectiveness of the In Car System prototype we will give two tasks to four different 
       users who have been selected to cover a range of capabilities and requirements.  For the In Car 
       System the two tasks will be to make a booking and also to make a journey.  

       Tests on the Web Based Booking System will require the users to register on the site, and then to log 
       in and book a time slot for the vehicle.  

       These two tasks have been chosen as they will be the two most difficult or common tasks that users 
       will have to undertake and will incorporate a number of small tasks, such as logging in or booking a 
       time slot.  

       When testing the In Car System, each user will be given print outs of the relevant screens, (as seen in 
       Appendix A), which will be sorted into the order they should appear. The Web Based Booking System 
       will be tested using the prototype at http://carbooker.derekalmond.com. Screen shots for this 
       interface can be seen in Appendix B.  When evaluating the Web Based Booking System we will 
       additionally be using Morae [http://www.techsmith.com/morae.asp] to capture screen input and 
       user activity as the evaluation runs, as this will provide further insight into the problems users 
       encounter. 

       Users will be provided with the information they will need to complete the different tasks, such as 
       pin number, date and time of booking, mileages and destination.  

       We will not be able to have the user complete the tasks in a realistic environment as the varying 
       environments the user will encounter will be too difficult to replicate. Therefore the tasks will be 
       completed in a quiet and controlled environment, and therefore will not be a completely accurate 
       representation. Whilst completing the tasks a number of measures will be taken to collect data on 
       each of the tasks as they are performed. This will provide data that we can then analysis to assess 
       the effectiveness of each task and the ease of use for the two systems.  

           1. Users will be timed to see how long it takes each user to complete each task.  

           2. Users will also be observed so that any mistakes that are made can be noted as well as any 
              difficulties the user has when using the system.  

           3. Once the user has completed each task they will be given a questionnaire to fill in. the 
              purpose of the questionnaire will be to get the users feedback on how challenging the task 
              was to complete, how consistent they feel the screen layouts are and to highlight any other 
              problems or issues the user feels may be detrimental to the use of the system. 

           4. The users that will be selected to test the system will be a wide cross‐section of the 
              population to enable the most diversity possible. The users will be of varying age groups 
              from young to older users, there will be a mixture of genders and also users from different 
8 




              ethnic groups. The users will also have varying levels of computing knowledge 
Page
                             2007‐2008 Semester 1: Human Computer Interaction Design  (HUCIDDL‐07S1) 
                           Derek Almond (cam70634)  Michael Blanchard (cam209495) John Adu (cam70633)


       Web Based Booking System Interface Tests 
        
       Task 1: The user will successfully register on the site at http://carbooker.derekalmond.com. 

       Information provided: Location of Website. 

       Task 2:  Following on from registration the user will book a two hour session starting at 12:00 on 
       Thursday 24th January. 2008 if there is a conflict in booking this period; the user should book a 
       period of time either before or after the conflicting period. 

       Information provided: Date of required booking, Time of required booking, Length of session. 

       The results of these tests can be seen in Appendix C 

       In Car System Tests 
        
       Task 1: The user will log in to the system and then proceed to the booking menu. Once there they 
       will book a two hour session starting at 12:00 on Thursday 24th January. 2008 

       Information provided: Pin number, Date of required booking, Time of required booking, Length of 
       session. 

       Task 2: The user is to log in to the system and navigate to the journey planner, where they will 
       follow a simulated a journey. 

       Information provided: Pin number, Starting mileage, Destination, Finishing mileage. 

       The results of these tests can be seen in Appendix D 
9 
Page
                              2007‐2008 Semester 1: Human Computer Interaction Design  (HUCIDDL‐07S1) 
                            Derek Almond (cam70634)  Michael Blanchard (cam209495) John Adu (cam70633)


        Analysis of Collected Data  
        From the testing that has been completed on the In Car System it is clear to see that most users 
        were able to work through both the task as expected, there were only very minor mistakes made by 
        the users. Only one of these mistakes was made by two or more of the users and that was selecting 
        the two hours required instead of just selecting the start time before proceeding to the following 
        screen to select the length of the booking. Other mistakes include one user making no selection 
        from the list of possible destinations and another user selecting the day of the week and the date 
        required for the booking.  

        These mistakes could be overcome by adding more instructions on screen to guide the users. There 
        were also a few instances where users were hesitating and seemed unclear as to what interaction 
        was required on different screens, this could again be solved by the addition of user instructions. 

        The Web Based Booking System also proved successful; however both test subjects had the same 
        criticism, in that you were not told of conflicting times before making a booking. This is Cleary 
        something that would be improved in the next iteration of development.  

        One user also noted that the date format required was not noted on the screen, there are two ways 
        to improve this, either by noting the required format or by building a better date parser that will 
        recognise date strings. However the latter will still leave some users unclear as to how to proceed. 
        That same user also didn’t recognise that the button to the right of the input box was a date 
        selector; an improved icon could be used to indicate this more clearly. 

        The average times taken to complete the tasks on the In Car System were 1 minute 25 seconds for 
        the first task and 2 minutes and 3 seconds for the second tasks. This shows that the users completed 
        the tasks in a reasonable timeframe and that they were able to complete the tasks quickly and 
        accurately with a minimal amount of instructions on how they should be carried out.  

        For both systems adding instructions to the screen giving the users more details as to the necessary 
        interaction it could speed up the time the user takes to complete the task. This would mean that the 
        user would be able to spend more time driving and less time trying to use the system. However 
        added instructions could also have a detrimental effect, by giving the user more to read may 
        increase the time they spend using the system. A solution to this might be to add a button to each 
        screen that the user can select to bring up instructions if they are required, for functions they are 
        unsure about, or by providing information for the first time each function is used but suppressing it 
        on subsequent uses unless asked for. 

        The results of the questionnaires indicate that all the users felt that there experience was a 
        successful one, also that the screen interaction and overall use of the system was very easy. The 
        users all found the use of colour helpful but some did not find it as useful as others. On the Web 
        Based Booking System the main focus for booking, the calendar, was not immediately visible to 
10 




        some users. 
 Page




         It may also make sense to users of the In Car System to use different colours on the calendars to 
        those used on the buttons allowing the user to differentiate between them. Or it is possible that the 
        users would prefer brighter or darker variations of the same colours to be used. This perhaps should 
        have been looked at in more detail.  
                              2007‐2008 Semester 1: Human Computer Interaction Design  (HUCIDDL‐07S1) 
                            Derek Almond (cam70634)  Michael Blanchard (cam209495) John Adu (cam70633)

        The feedback and comments given by the users were, in general, very positive. They also provided 
        some possible improvement to the system as well as highlighting some omissions. Firstly on the In 
        Car Device the possibility of using a QWERTY keyboard to type in the destination as oppose to having 
        the keys laid out in alphabetical order was suggested. As alphabetical order was used to allow users 
        who have had little to no experience using a QWERTY feel more comfortable using the system it may 
        be necessary to get a more varied opinion on this before any alterations are made, this would 
        require further testing of the system and asking more question to the users. However this comment 
        was only made by one user so this made suggest that a majority of users are comfortable with 
        having the keys set out in alphabetical order. By further testing this point we would be able to get a 
        clearer view.  

        Another user said that they felt the ‘Availability’ option from the booking menu was not required as 
        the user can see if a date is available when they attempt to make a booking. The idea of the 
        ‘Availability’ option was to allow users to check if a certain day was free without entering the 
        booking process. This may suggest that users could become confused by having different options 
        that seem to offer more or less the same service. More testing into more areas would be necessary 
        to find out the extent of this issue. This same user also suggested that the screen used to select the 
        start time of the booking be made clearer indicating that instruction could be added to aid user 
        interaction. 

        One alteration that was suggested to aid the consistency of the screen layouts was to move the 
        ‘Enter’, ‘Clear’ and ‘Delete’ buttons to the bottom of the screen used to enter the users destination. 
        This is suggested because on all the other screens containing buttons have them either at the 
        bottom or down the right hand side of the screen. The user also noticed that there was no zero on 
        this screen which would prevent users entering a postcode containing a zero. 

        Having completed this analysis it is clear to see that there are several possible changes that could be 
        made to improve the system for the user. However these changes may also hinder the user in 
        different ways. This suggests that it is necessary to carry out further user tests, preferably before 
        and after any of the changes have been implemented. This would allow us to determine which of the 
        changes will really improve the overall user experience and which will have either a detrimental 
        effect or none at all. 
11 
 Page
                        2007‐2008 Semester 1: Human Computer Interaction Design  (HUCIDDL‐07S1) 
                      Derek Almond (cam70634)  Michael Blanchard (cam209495) John Adu (cam70633)

         

        Appendix A: In Car System Interface Mock Ups 
                                                       

        Log In 




                                                                                             
12 




        Pin Entry  
 Page
              2007‐2008 Semester 1: Human Computer Interaction Design  (HUCIDDL‐07S1) 
            Derek Almond (cam70634)  Michael Blanchard (cam209495) John Adu (cam70633)




                                                                                   

         

         

         
13 
 Page
                       2007‐2008 Semester 1: Human Computer Interaction Design  (HUCIDDL‐07S1) 
                     Derek Almond (cam70634)  Michael Blanchard (cam209495) John Adu (cam70633)

        Main Menu 

         




                                                                                          

         

         

         
14 
 Page
                              2007‐2008 Semester 1: Human Computer Interaction Design  (HUCIDDL‐07S1) 
                            Derek Almond (cam70634)  Michael Blanchard (cam209495) John Adu (cam70633)

        Personal Details 

         




                                                                                                          

         

         
15 




        Start Mileage 
 Page




         
              2007‐2008 Semester 1: Human Computer Interaction Design  (HUCIDDL‐07S1) 
            Derek Almond (cam70634)  Michael Blanchard (cam209495) John Adu (cam70633)




                                                                                 

         

         

         
16 
 Page
                                 2007‐2008 Semester 1: Human Computer Interaction Design  (HUCIDDL‐07S1) 
                               Derek Almond (cam70634)  Michael Blanchard (cam209495) John Adu (cam70633)


        Destination Entry 

         




                                                                                                       

         

         

         
17 




        Destination Results 
 Page




         
                        2007‐2008 Semester 1: Human Computer Interaction Design  (HUCIDDL‐07S1) 
                      Derek Almond (cam70634)  Michael Blanchard (cam209495) John Adu (cam70633)




                                                                                              

         

         

         

        Directions 

         
18 
 Page
                            2007‐2008 Semester 1: Human Computer Interaction Design  (HUCIDDL‐07S1) 
                          Derek Almond (cam70634)  Michael Blanchard (cam209495) John Adu (cam70633)




                                                                                                  

         

         

         

        Finish Mileage 

         
19 
 Page
              2007‐2008 Semester 1: Human Computer Interaction Design  (HUCIDDL‐07S1) 
            Derek Almond (cam70634)  Michael Blanchard (cam209495) John Adu (cam70633)




                                                                                 

         

         

         
20 
 Page
                           2007‐2008 Semester 1: Human Computer Interaction Design  (HUCIDDL‐07S1) 
                         Derek Almond (cam70634)  Michael Blanchard (cam209495) John Adu (cam70633)

        Bookings Menu 

         




                                                                                                

         

         
21 




        Month Planner 
 Page




         
              2007‐2008 Semester 1: Human Computer Interaction Design  (HUCIDDL‐07S1) 
            Derek Almond (cam70634)  Michael Blanchard (cam209495) John Adu (cam70633)




                                                                                          

         

         
22 
 Page
                          2007‐2008 Semester 1: Human Computer Interaction Design  (HUCIDDL‐07S1) 
                        Derek Almond (cam70634)  Michael Blanchard (cam209495) John Adu (cam70633)

        Week Planner 

         




                                                                                                      

         

         
23 
 Page
                               2007‐2008 Semester 1: Human Computer Interaction Design  (HUCIDDL‐07S1) 
                             Derek Almond (cam70634)  Michael Blanchard (cam209495) John Adu (cam70633)

        Day Planner 

         




                                                                                                           

         

         
24 




        Finish Time Entry 
 Page




         
              2007‐2008 Semester 1: Human Computer Interaction Design  (HUCIDDL‐07S1) 
            Derek Almond (cam70634)  Michael Blanchard (cam209495) John Adu (cam70633)




                                                                                          

         

         
25 
 Page
                             2007‐2008 Semester 1: Human Computer Interaction Design  (HUCIDDL‐07S1) 
                           Derek Almond (cam70634)  Michael Blanchard (cam209495) John Adu (cam70633)

        Booking Summary 

         




                                                                                                         

         

         
26 
 Page
                            2007‐2008 Semester 1: Human Computer Interaction Design  (HUCIDDL‐07S1) 
                          Derek Almond (cam70634)  Michael Blanchard (cam209495) John Adu (cam70633)

        Booking Confirmation 

         




                                                                                                        

         

         
27 
 Page
                            2007‐2008 Semester 1: Human Computer Interaction Design  (HUCIDDL‐07S1) 
                          Derek Almond (cam70634)  Michael Blanchard (cam209495) John Adu (cam70633)

        Cancel Booking 

         




                                                                                                

         

         

         
28 
 Page
                    2007‐2008 Semester 1: Human Computer Interaction Design  (HUCIDDL‐07S1) 
                  Derek Almond (cam70634)  Michael Blanchard (cam209495) John Adu (cam70633)

        Upload 

         




                                                                                        

         
29 
 Page
                            2007‐2008 Semester 1: Human Computer Interaction Design  (HUCIDDL‐07S1) 
                          Derek Almond (cam70634)  Michael Blanchard (cam209495) John Adu (cam70633)

        Disconnect 

         




                                                                                                

         

         

         
30 




         
 Page




        Appendix B: Website Booking System Mock Ups 
         

        Home Screen (Not Logged In) 
          2007‐2008 Semester 1: Human Computer Interaction Design  (HUCIDDL‐07S1) 
        Derek Almond (cam70634)  Michael Blanchard (cam209495) John Adu (cam70633)




                                                                                      
31 
 Page
                                 2007‐2008 Semester 1: Human Computer Interaction Design  (HUCIDDL‐07S1) 
                               Derek Almond (cam70634)  Michael Blanchard (cam209495) John Adu (cam70633)

        Registration Screen 




                                                                                                             
32 
 Page
                              2007‐2008 Semester 1: Human Computer Interaction Design  (HUCIDDL‐07S1) 
                            Derek Almond (cam70634)  Michael Blanchard (cam209495) John Adu (cam70633)

        Registration Error Screen 




                                                                                                          
33 
 Page
                             2007‐2008 Semester 1: Human Computer Interaction Design  (HUCIDDL‐07S1) 
                           Derek Almond (cam70634)  Michael Blanchard (cam209495) John Adu (cam70633)

        Registration Confirmation Screen 




                                                                                                         

         
34 
 Page
                          2007‐2008 Semester 1: Human Computer Interaction Design  (HUCIDDL‐07S1) 
                        Derek Almond (cam70634)  Michael Blanchard (cam209495) John Adu (cam70633)

        Login Screen 




                                                                                                      
35 
 Page
                            2007‐2008 Semester 1: Human Computer Interaction Design  (HUCIDDL‐07S1) 
                          Derek Almond (cam70634)  Michael Blanchard (cam209495) John Adu (cam70633)

        Home Screen (Logged In) 




                                                                                                        
36 
 Page
                            2007‐2008 Semester 1: Human Computer Interaction Design  (HUCIDDL‐07S1) 
                          Derek Almond (cam70634)  Michael Blanchard (cam209495) John Adu (cam70633)

        Make a Booking Screen 




                                                                                                        
37 
 Page
                             2007‐2008 Semester 1: Human Computer Interaction Design  (HUCIDDL‐07S1) 
                           Derek Almond (cam70634)  Michael Blanchard (cam209495) John Adu (cam70633)

        Booking form with active calendar 
38 
 Page
                            2007‐2008 Semester 1: Human Computer Interaction Design  (HUCIDDL‐07S1) 
                          Derek Almond (cam70634)  Michael Blanchard (cam209495) John Adu (cam70633)

        Booking Confirmed Screen 




                                                                                                        

         
39 
 Page
                              2007‐2008 Semester 1: Human Computer Interaction Design  (HUCIDDL‐07S1) 
                            Derek Almond (cam70634)  Michael Blanchard (cam209495) John Adu (cam70633)

        Booking Conflict Screen 




                                                                                                          
40 
 Page
                            2007‐2008 Semester 1: Human Computer Interaction Design  (HUCIDDL‐07S1) 
                          Derek Almond (cam70634)  Michael Blanchard (cam209495) John Adu (cam70633)

        Users Bookings 




                                                                                                        
41 
 Page
                               2007‐2008 Semester 1: Human Computer Interaction Design  (HUCIDDL‐07S1) 
                             Derek Almond (cam70634)  Michael Blanchard (cam209495) John Adu (cam70633)

         

        Appendix C:  Website Booking System Test Results 

        Website Booking System Test 1: User 1 
         
        Expected Interaction          Actual Interaction                       Mistakes/Observations 
        Step 1: Log In. Follow the         As expected                           
        Register Link 
        Step 2: Register. Complete         As expected                          Entered a PIN number that 
        the form following the on                                              was too long by accident, 
        screen instructions.                                                   “didn’t think the colour of 
                                                                               the error message stood out 
                                                                               enough.” 
        Step 3: Realise that               As expected                          “liked that the password and 
        Registration Is complete.                                              pin requirements were 
                                                                               explained in advance” 



         Time taken to complete task: 2 minutes 15 seconds 
42 
 Page
                               2007‐2008 Semester 1: Human Computer Interaction Design  (HUCIDDL‐07S1) 
                             Derek Almond (cam70634)  Michael Blanchard (cam209495) John Adu (cam70633)

        Website Booking System Test 2: User 1 
         
        Expected Interaction          Actual Interaction                       Mistakes/Observations 
        Step 1: Log In. Follow the         As expected                          
        Login  Link 
        Step 2: Log In. Complete the       As expected                           
        form following the on screen 
        instructions. 
        Step 3: Proceed to booking         User  followed the make a            The calendar was below the 
        screen. Select either a date       booking link                        fold on that test unit (1280 X 
        on the calendar or follow the                                          800 – Firefox / vista) user 
        link to book a link in the                                             followed the first link they 
        future.                                                                encountered. 
        Step 4: Select the start and       User entered date manually          The date format is not 
        end times for the booking as       for start date, before              explained on the page,  
        specified                          experimenting with the 
                                           buttons to the side of the            “I’ve seen the calendar drop 
                                           box.                                downs before, but not with 
                                                                               an integrated time selector” 
                                           For the second box, once the 
                                           date format was clear the           Entered time using the 
                                           user simply typed the date          selector for start date, but 
                                           and time.                           found it less intuitive,  
        Step 5: Realise there is a         As expected                         Would be nice to see the list 
        conflict and the booking is                                            of the bookings for this date 
        not complete                                                           on screen before selecting 
                                                                               the times so you know when 
                                                                               to avoid, this could be 
                                                                               frustrating when in a rush to 
                                                                               book the car. 
        Step 6: Choose a new time          As expected                         Typed both dates out , 
                                                                               realised they could simply 
                                                                               type in the new time to the 
                                                                               boxes 

        Step 7: Realise the booking        As expected                          
        is completes 




         Time taken to complete task: 5 minutes 04 seconds 
43 




         
 Page




        End of Test Questionnaire: User 1 
         
         1. How easy did you find the overall use of the Web Based Booking System? 
                               2007‐2008 Semester 1: Human Computer Interaction Design  (HUCIDDL‐07S1) 
                             Derek Almond (cam70634)  Michael Blanchard (cam209495) John Adu (cam70633)


         Not very easy       1  2  3        4  5        6        7       8       9        10    Very easy  

         2. How easy was the screen interaction? 

         Not very easy       1  2  3        4  5        6        7       8       9        10    Very easy  

         3. How clear was the use of colour? 

         Not very clear      1  2  3        4  5        6        7       8       9        10    Very clear 

         4. How consistent was the screen layouts? 

         Not very consistent         1  2      3    4        5       6       7        8    9    10    Very consistent 

         5. How well do you feel your overall user experience went? 

         Not very well       1  2  3        4  5        6        7       8       9        10    Very well  

         Any Other Feedback or Comments 

        Didn’t find the calendar very easy to user,  

        I like to read every instruction before doing anything, so that I don’t get it wrong 

        “I’ve not used the internet much, and was scared I would break something”  

        I would prefer a set of drop downs for each component of the date and time, 

         

         
44 
 Page
                               2007‐2008 Semester 1: Human Computer Interaction Design  (HUCIDDL‐07S1) 
                             Derek Almond (cam70634)  Michael Blanchard (cam209495) John Adu (cam70633)

         

        Website Booking System Test 1: User 2 
         
        Expected Interaction               Actual Interaction                  Mistakes/Observations 
        Step 1: Log In. Follow the         As expected                           
        Register Link 
        Step 2: Register. Complete         As expected                           
        the form following the on 
        screen instructions. 
        Step 3: Realise that               As expected                          Would like to see the 
        Registration Is complete.                                              username, password and car 
                                                                               pin on the screen so that 
                                                                               they can be printed out for 
                                                                               filling. 
         

        Time taken to complete task: 1 minutes 02 seconds 
45 
 Page
                               2007‐2008 Semester 1: Human Computer Interaction Design  (HUCIDDL‐07S1) 
                             Derek Almond (cam70634)  Michael Blanchard (cam209495) John Adu (cam70633)

        Website Booking System Test 2: User 2 
         
        Expected Interaction        Actual Interaction                         Mistakes/Observations 
        Step 1: Log In. Follow the         As expected                           
        Login  Link 
        Step 2: Log In. Complete the       As expected                           
        form following the on screen 
        instructions. 
        Step 3: Proceed to booking         User followed calendar link          Thought the calendar was a 
        screen. Select either a date                                           more intuitive way of doing 
        on the calendar or follow the                                          it. (1280/1024) Calendar was 
        link                                                                   above the fold 

        Step 4: Select the start and       As expected                         Was pleased to see the date 
        end times for the booking as                                           was pre populated in the 
        specified                                                              input area. 


        Step 5: Realise there is a         As expected                         Wondered why the interface 
        conflict and the booking is                                            didn’t tell you that some of 
        not complete                                                           the times were not available. 


        Step 6: Choose a new time          As expected                          




        Step 7: Realise the booking        As expected                          
        is completes 




         Time taken to complete task: 1 minutes 42 seconds 
46 
 Page
                              2007‐2008 Semester 1: Human Computer Interaction Design  (HUCIDDL‐07S1) 
                            Derek Almond (cam70634)  Michael Blanchard (cam209495) John Adu (cam70633)

        End of Test Questionnaire: User 2 
         
         1. How easy did you find the overall use of the Web Based Booking System? 

         Not very easy      1  2  3        4  5      6        7       8       9        10    Very easy  

         2. How easy was the screen interaction? 

         Not very easy      1  2  3        4  5      6        7       8       9        10    Very easy  

         3. How clear was the use of colour? 

         Not very clear     1  2  3        4  5      6        7       8       9        10    Very clear 

         4. How consistent was the screen layouts? 

         Not very consistent        1  2      3    4      5       6       7        8    9    10    Very consistent 

         5. How well do you feel your overall user experience went? 

         Not very well      1  2  3        4  5      6        7       8       9        10    Very well  

         Any Other Feedback or Comments 

         User works with computers most days, so is used to the paradigms of the interface, in particular 
        they “knew” that the button by the date input fields would be a calendar selector.” 

        “Since you obviously know about the conflicting times from the colour scheme, why not show them 
        when you first come to make a booking” 

         
47 
 Page
                             2007‐2008 Semester 1: Human Computer Interaction Design  (HUCIDDL‐07S1) 
                           Derek Almond (cam70634)  Michael Blanchard (cam209495) John Adu (cam70633)


         

        Appendix D: In Car System Test Results 
        In Car Systems Test 1: User 1 
         Expected Interaction            Actual Interaction                  Mistakes/Observations 
        Step 1: Log in. Press the        As expected                           
        Log in button. 
        Step 2: Enter Pin. Type in       As expected                           
        pin number provided and 
        press the enter button. 
        Step 3: Proceed to               As expected                           
        Bookings Menu. Select the 
        Booking button from the 
        main menu. 
        Step 4: Start booking            As expected                           
        process. Select the Make 
        Booking button from the 
        bookings menu. 
        Step 5: Select Date. Select      As expected                         Unsure of what the 
        the required date.                                                   interaction should be 
        Step 6: Select Time. Select      As expected                           
        the start time required. 

        Step 7: Duration. Use the        As expected                           
        drop down menu to select 
        and confirm the required 
        duration of the session. 
        Step 8: Confirm Details.         As expected                           
        Check the booking details 
        are correct and push the 
        confirm button. 

           

        Time taken to complete task: 1 minutes 57 seconds
48 
 Page
                             2007‐2008 Semester 1: Human Computer Interaction Design  (HUCIDDL‐07S1) 
                           Derek Almond (cam70634)  Michael Blanchard (cam209495) John Adu (cam70633)

        In Car Systems Test 2:  User 1 

         Expected Interaction            Actual Interaction                  Mistakes/Observations 
        Step 1: Log In. Press the        As expected                           
        Log in button. 
        Step 2: Enter Pin. Type in       As expected                           
        pin number provided and 
        press the enter button. 
        Step 3: Start Journey            As expected                         Hesitation  
        Process. Select the 
        Journey Planner button 
        from the main menu.  
        Step 4: Start Mileage.           As expected                           
        Input the starting mileage 
        provided. 
        Step 5: Enter Destination.       As expected                         Entered the whole 
        Enter the City, Town or                                              address. Used the clear 
        Postcode of the                                                      button instead of delete. 
        destination provided. 
        Step 6: Select Destination.      As expected                         Unclear of what the 
        Select the required                                                  interaction should be. 
        destination from the list of 
        possibilities. 
        Step 7: Follow Directions.       As expected                           
        Follow the directions to 
        your chosen destination. 
        Step 8: Finish Mileage.          As expected                           
        Input the finish mileage 
        provided. 

          

        Time taken to complete task: 3 minutes 16 seconds 

          
49 
 Page
                             2007‐2008 Semester 1: Human Computer Interaction Design  (HUCIDDL‐07S1) 
                           Derek Almond (cam70634)  Michael Blanchard (cam209495) John Adu (cam70633)


         

        End of Test Questionnaire: User 1 
         
         1. How easy did you find the overall use of the In Car System? 

         Not very easy     1  2  3        4  5      6        7       8       9        10    Very easy  

         2. How easy was the screen interaction? 

         Not very easy     1  2  3        4  5      6        7       8       9        10    Very easy  

         3. How clear was the use of colour? 

         Not very clear    1  2  3        4  5      6        7       8       9        10    Very clear 

         4. How consistent was the screen layouts? 

         Not very consistent       1  2      3    4      5       6       7        8    9    10    Very consistent 

         5. How well do you feel your overall user experience went? 

         Not very well     1  2  3        4  5      6        7       8       9        10    Very well  

         Any Other Feedback or Comments 

         Not using a QWERTY keyboard threw me  

         Sometimes I didn’t know what button to touch. In reality would have tried and gone back if 
        wrong. 

         Overall my general knowledge of computer software enabled me to navigate screens.
50 
 Page
                             2007‐2008 Semester 1: Human Computer Interaction Design  (HUCIDDL‐07S1) 
                           Derek Almond (cam70634)  Michael Blanchard (cam209495) John Adu (cam70633)

        In Car Systems Test 1: User 2 

         Expected Interaction            Actual Interaction                  Mistakes/Observations 
        Step 1: Log in. Press the        As expected                           
        Log in button. 
        Step 2: Enter Pin. Type in       As expected                           
        pin number provided and 
        press the enter button. 
        Step 3: Proceed to               As expected                           
        Bookings Menu. Select the 
        Booking button from the 
        main menu. 
        Step 4: Start booking            As expected                           
        process. Select the Make 
        Booking button from the 
        bookings menu. 
        Step 5: Select Date. Select      As expected                         Selected the day of the 
        the required date.                                                   week along the top and 
                                                                             the date. 
        Step 6: Select Time. Select      As expected                           
        the start time required. 

        Step 7: Duration. Use the        As expected                           
        drop down menu to select 
        and confirm the required 
        duration of the session. 
        Step 8: Confirm Details.         As expected                           
        Check the booking details 
        are correct and push the 
        confirm button. 

         Time taken to complete task: 1 minutes 10 seconds
51 
 Page
                             2007‐2008 Semester 1: Human Computer Interaction Design  (HUCIDDL‐07S1) 
                           Derek Almond (cam70634)  Michael Blanchard (cam209495) John Adu (cam70633)


        In Car Systems Test 2: User 2  

        Expected Interaction             Actual Interaction                  Mistakes/Observations 
        Step 1: Log In. Press the        As expected                           
        Log in button. 
        Step 2: Enter Pin. Type in       As expected                           
        pin number provided and 
        press the enter button. 
        Step 3: Start Journey            As expected                         Hesitated. Unclear of what 
        Process. Select the                                                  interaction should be. 
        Journey Planner button 
        from the main menu.  
        Step 4: Start Mileage.           As expected                           
        Input the starting mileage 
        provided. 
        Step 5: Enter Destination.       As expected                         Entered postcode 
        Enter the City, Town or 
        Postcode of the 
        destination provided. 
        Step 6: Select Destination.      As expected                           
        Select the required 
        destination from the list of 
        possibilities. 
        Step 7: Follow Directions.       As expected                           
        Follow the directions to 
        your chosen destination. 
        Step 8: Finish Mileage.          As expected                           
        Input the finish mileage 
        provided. 

          

        Time taken to complete task: 1 minutes 12 seconds 

          
52 
 Page
                             2007‐2008 Semester 1: Human Computer Interaction Design  (HUCIDDL‐07S1) 
                           Derek Almond (cam70634)  Michael Blanchard (cam209495) John Adu (cam70633)


                                                                  

        End of Test Questionnaire: User 2 

        1. How easy did you find the overall use of the In Car System? 

         Not very easy     1  2  3        4  5      6        7           8       9        10    Very easy  

         2. How easy was the screen interaction? 

         Not very easy     1  2  3        4  5      6        7           8       9        10    Very easy  

         3. How clear was the use of colour? 

         Not very clear    1  2  3        4  5      6        7           8       9        10    Very clear 

         4. How consistent was the screen layouts? 

         Not very consistent       1  2      3    4      5           6       7        8    9    10    Very consistent 

         5. How well do you feel your overall user experience went? 

         Not very well     1  2  3        4  5      6        7           8       9        10    Very well  

         Any Other Feedback or Comments 

         The screens were very clearly laid out  

         Interaction was easy and obvious 

         No zero on the destination screen for postcodes. 

         The Enter Clear and Delete buttons should be at the bottom of the destination screen to 
        maintain consistency.  
53 
 Page
                             2007‐2008 Semester 1: Human Computer Interaction Design  (HUCIDDL‐07S1) 
                           Derek Almond (cam70634)  Michael Blanchard (cam209495) John Adu (cam70633)

        In Car Systems Test 1: User 3 
        Expected Interaction             Actual Interaction                  Mistakes/Observations 
        Step 1: Log in. Press the        As expected                           
        Log in button. 
        Step 2: Enter Pin. Type in       As expected                           
        pin number provided and 
        press the enter button. 
        Step 3: Proceed to               As expected                           
        Bookings Menu. Select the 
        Booking button from the 
        main menu. 
        Step 4: Start booking            As expected                           
        process. Select the Make 
        Booking button from the 
        bookings menu. 
        Step 5: Select Date. Select      As expected                           
        the required date. 
        Step 6: Select Time. Select      Selected both hours not               
        the start time required.         just the start time 
                                         required 
        Step 7: Duration. Use the        As expected                           
        drop down menu to select 
        and confirm the required 
        duration of the session. 
        Step 8: Confirm Details.         As expected                           
        Check the booking details 
        are correct and push the 
        confirm button. 

         Time taken to complete task: 2 minutes 34 seconds
54 
 Page
                             2007‐2008 Semester 1: Human Computer Interaction Design  (HUCIDDL‐07S1) 
                           Derek Almond (cam70634)  Michael Blanchard (cam209495) John Adu (cam70633)

        In Car Systems Test 2: User 3 

        Expected Interaction             Actual Interaction                  Mistakes/Observations 
        Step 1: Log In. Press the        As expected                           
        Log in button. 
        Step 2: Enter Pin. Type in       As expected                           
        pin number provided and 
        press the enter button. 
        Step 3: Start Journey            As expected                           
        Process. Select the 
        Journey Planner button 
        from the main menu.  
        Step 4: Start Mileage.           As expected                         Used the clear button 
        Input the starting mileage                                           instead of delete 
        provided. 
        Step 5: Enter Destination.       As expected                         Postcode entered without 
        Enter the City, Town or                                              a space. 
        Postcode of the 
        destination provided. 
        Step 6: Select Destination.      No selection made                     
        Select the required 
        destination from the list of 
        possibilities. 
        Step 7: Follow Directions.       As expected                           
        Follow the directions to 
        your chosen destination. 
        Step 8: Finish Mileage.          As expected                           
        Input the finish mileage 
        provided. 

         Time taken to complete task: 2 minutes 04 seconds 

          
55 
 Page
                            2007‐2008 Semester 1: Human Computer Interaction Design  (HUCIDDL‐07S1) 
                          Derek Almond (cam70634)  Michael Blanchard (cam209495) John Adu (cam70633)


                                                                 

        End of Test Questionnaire: User 3 

        1. How easy did you find the overall use of the In Car System? 

        Not very easy      1  2  3       4  5      6        7           8       9        10    Very easy  

        2. How easy was the screen interaction? 

        Not very easy      1  2  3       4  5      6        7           8       9        10    Very easy  

        3. How clear was the use of colour? 

        Not very clear     1  2  3       4  5      6        7           8       9        10    Very clear 

        4. How consistent was the screen layouts? 

        Not very consistent       1  2      3    4      5           6       7        8    9    10    Very consistent 

        5. How well do you feel your overall user experience went? 

        Not very well      1  2  3       4  5      6        7           8       9        10    Very well  

        Any Other Feedback or Comments 

        Easy to use and understand. Everything seemed to work well
56 
 Page
                             2007‐2008 Semester 1: Human Computer Interaction Design  (HUCIDDL‐07S1) 
                           Derek Almond (cam70634)  Michael Blanchard (cam209495) John Adu (cam70633)

        In Car Systems Test 1 User 4 

        Expected Interaction             Actual Interaction                  Mistakes/Observations 
        Step 1: Log in. Press the        As expected                           
        Log in button. 
        Step 2: Enter Pin. Type in       As expected                         Was at first unclear as to 
        pin number provided and                                              what action was required 
        press the enter button. 
        Step 3: Proceed to               As expected                           
        Bookings Menu. Select the 
        Booking button from the 
        main menu. 
        Step 4: Start booking            As expected                           
        process. Select the Make 
        Booking button from the 
        bookings menu. 
        Step 5: Select Date. Select      As expected                           
        the required date. 
        Step 6: Select Time. Select      Selected both hours not               
        the start time required.         just the start time 
                                         required 
        Step 7: Duration. Use the        As expected                           
        drop down menu to select 
        and confirm the required 
        duration of the session. 
        Step 8: Confirm Details.         As expected                           
        Check the booking details 
        are correct and push the 
        confirm button. 

         Time taken to complete task: 2 minutes 1 seconds
57 
 Page
                             2007‐2008 Semester 1: Human Computer Interaction Design  (HUCIDDL‐07S1) 
                           Derek Almond (cam70634)  Michael Blanchard (cam209495) John Adu (cam70633)

        In Car Systems Test 2: User 4 

        Expected Interaction             Actual Interaction                  Mistakes/Observations 
        Step 1: Log In. Press the        As expected                           
        Log in button. 
        Step 2: Enter Pin. Type in       As expected                           
        pin number provided and 
        press the enter button. 
        Step 3: Start Journey            As expected                           
        Process. Select the 
        Journey Planner button 
        from the main menu.  
        Step 4: Start Mileage.           As expected                           
        Input the starting mileage 
        provided. 
        Step 5: Enter Destination.       As expected                           
        Enter the City, Town or 
        Postcode of the 
        destination provided. 
        Step 6: Select Destination.      As expected                         Entered both the town 
        Select the required                                                  and postcode 
        destination from the list of 
        possibilities. 
        Step 7: Follow Directions.       As expected                           
        Follow the directions to 
        your chosen destination. 
        Step 8: Finish Mileage.          As expected                           
        Input the finish mileage 
        provided. 

          

        Time taken to complete task: 1 minutes 41 seconds 

         
58 
 Page
                            2007‐2008 Semester 1: Human Computer Interaction Design  (HUCIDDL‐07S1) 
                          Derek Almond (cam70634)  Michael Blanchard (cam209495) John Adu (cam70633)

        End of Test Questionnaire: User 4 

        1. How easy did you find the overall use of the In Car System? 

        Not very easy      1  2  3       4  5      6        7       8       9        10    Very easy  

        2. How easy was the screen interaction? 

        Not very easy      1  2  3       4  5      6        7       8       9        10    Very easy  

        3. How clear was the use of colour? 

        Not very clear     1  2  3       4  5      6        7       8       9        10    Very clear 

        4. How consistent was the screen layouts? 

        Not very consistent       1  2      3    4      5       6       7        8    9    10    Very consistent 

         5. How well do you feel your overall user experience went? 

         Not very well     1  2  3       4  5      6        7       8       9        10    Very well  

         Any Other Feedback or Comments 

         Availability button does not seem necessary in the bookings menu, as you can see the 
        availability when making a booking. 

         On the start time screen the hours remaining needs to be clearer to understand. Do you 
        need to push both time slots required? 

         

         
59 
 Page
                            2007‐2008 Semester 1: Human Computer Interaction Design  (HUCIDDL‐07S1) 
                          Derek Almond (cam70634)  Michael Blanchard (cam209495) John Adu (cam70633)


         

        Further Reading 
         
        http://www.carplus.org.uk/Resources/press/Car%20passengers%20an%20analysis%20Liftshare.com
        %20Jun05.doc 

         
60 
 Page

								
To top