Wireframes & User Testing

  • Published on
    28-Jan-2016

  • View
    26

  • Download
    0

DESCRIPTION

This is a report showcasing the user flow of interactive wireframes (with links to the Invision version) after three rounds of user testing had been done.

Transcript

1logandowell.comTaskly WireframesThis is a report on non-interactive and interactive wireframes after extensive user testing.2Mobile PlatformTablet PlatformDesktop PlatformAdd & Delete Calendar EventAdd & Delete Calendar EventAdd & Delete Calendar EventAdd & Delete ProjectAdd & Delete ProjectAdd & Delete Project030817040918061322Contents Follow the bright blue road!The user flow that must be taken to achieve the goals set out during the user test have been guided by a large bright blue arrow. The grey arrows are optional pathways to achieve extra goals.Testing ProcessTo perform the interactive user testing, the following process for each individual tester comprised of: Summarising the persona they would adopt; Giving them a run down of what Taskly is and what it wants to achieve; Reassured them they are not being tested, but rather it is the application; Provided them with a clear goal as to what they needed to do, once they achieved that goal they would be given a new goal to follow until the exercise has been completed; and Asked follow-up questions to help find underlying points they agree or disagree on.Features tested for each person involves the Calendar and Projects section (adding, editing and deleting an event and project). Please note that these tests have been conducted physically with paper prototypes and online using Invision through Skypes screen sharing.Interactive WireframesThe following links will allow you to test Taskly for yourself, using Invision: Mobile: https://invis.io/UA54L6FBJ Tablet: https://invis.io/S654LPH5M Desktop: https://invis.io/5Z5AGM7T33Mobile PlatformWireframe user flows for use on mobile devices.4Add & Delete Calendar EventMobile PlatformCalendars home page. Enter details into new calendar event.Add new calendar event.01 0302Go to Projects01 0203OPTIONAL OPTIONAL OPTIONAL OPTIONAL OPTIONALOPTIONALOPTIONALOPTIONALOPTIONAL5Add & Delete Calendar EventMobile PlatformConfirmation that you created a new calendar event. Sharing the event with a team or individual. Warning prompt when deleting the event.Team and individuals added to the event. Confirmation that event is deleted, can undo.A calendar events page to edit its details.04 06 0807 0905Back to Start0405 06 0708 09OPTIONAL6Add & Delete ProjectMobile PlatformProject home page. Enter the projects name.Enter the projects description.Click to create a new project.01 030402Go to Calendar01 0203 04OPTIONALOPTIONAL OPTIONALOPTIONAL OPTIONAL OPTIONAL7Add & Delete ProjectMobile PlatformConfirmation that you created a new project. Invite a team or individual to collaborate. Warning prompt when deleting the project.Team and individuals added to the project. Confirmation that project is deleted, can undo.A projects page to edit its details.05 07 0908 1006Back to Start0506 07 080910OPTIONAL8Tablet PlatformWireframe user flows for use on tablet devices.9Add & Delete Calendar EventTablet PlatformCalendar home page.01Go to Projects01OPTIONALOPTIONALOPTIONAL10Add & Delete Calendar EventTablet PlatformPop-up to create a new event. Add a description to the event.Drop-down menu to select where to post event.02 04030203 04OPTIONAL OPTIONAL11Add & Delete Calendar EventTablet PlatformConfirmation that you created a new calendar event. Drop down menu to share with a team or individual member.A calendar events page to edit its details.05 070605 06 0712Add & Delete Calendar EventTablet PlatformEdit event page with team and individuals added. Confirmation that the event has been deleted, with undo.Warning prompt when going to delete an event.08 1009Back to Start080910OPTIONAL13Add & Delete ProjectTablet PlatformHome page for projects; projects horizontally scroll.01Go to Calendar01OPTIONAL OPTIONALOPTIONAL OPTIONAL14Add & Delete ProjectTablet PlatformPop-up to create a new project. Enter the projects description.Enter the projects name.02 040302 0304OPTIONAL15Add & Delete ProjectTablet PlatformConfirmation that you created a new project. Invite a team or individual to collaborate.A projects page to edit its details.05 07060506 0716Add & Delete ProjectTablet PlatformA projects page with team and individuals added. Confirmation that the project has been deleted, with undo.Warning prompt when attempting to delete a project.08 1009Back to Start080910OPTIONAL17Desktop PlatformWireframe user flows for use on desktop computers.18Add & Delete Calendar EventDesktop PlatformCalendar home page.A window to add a new event (pushes calendar dates down).*Projects can be accessed via the side menu at any time, so long as the menu is shown and there are no pop-ups or prompts that are in focus.010201 02OPTIONAL19Add & Delete Calendar EventDesktop PlatformDrop-down menu to select where to post the event. Enter the events description.Drop-down menu to reveal options for the time and date.03 0504*Projects can be accessed via the side menu at any time, so long as the menu is shown and there are no pop-ups or prompts that are in focus.03 0405OPTIONAL20Add & Delete Calendar EventDesktop PlatformConfirmation that you created a new calendar event. Drop-down menu to add teams and individuals to share event.A calendar events page to edit its details.06 0807*Projects can be accessed via the side menu at any time, so long as the menu is shown and there are no pop-ups or prompts that are in focus.06 07 0821Add & Delete Calendar EventDesktop PlatformCalendar events page with team and individuals added. Confirmation that the event was deleted, with undo.Warning prompt when attempting to delete the event.09 1110*Projects can be accessed via the side menu at any time, so long as the menu is shown and there are no pop-ups or prompts that are in focus.Back to Start091011OPTIONAL22Add & Delete ProjectDesktop PlatformProjects home page.Pop-up to create a new project.0102*Calendar can be accessed via the side menu at any time, so long as the menu is shown and there are no pop-ups or prompts that are in focus.01 02OPTIONAL23Add & Delete ProjectDesktop PlatformAdd a project name.Add a project description.0304*Calendar can be accessed via the side menu at any time, so long as the menu is shown and there are no pop-ups or prompts that are in focus.03 04OPTIONAL24Add & Delete ProjectDesktop PlatformConfirmation that a new project was created. Drop-down menu to add teams or individuals to the project.Project details page, able to edit all details from here.05 0706*Calendar can be accessed via the side menu at any time, so long as the menu is shown and there are no pop-ups or prompts that are in focus.0506 0725Add & Delete ProjectDesktop PlatformProject detail page with a team and individuals added. Confirmation that the project was deleted, with undo.Warning prompt when attempting to delete a project.08 1009*Calendar can be accessed via the side menu at any time, so long as the menu is shown and there are no pop-ups or prompts that are in focus.Back to Start080910OPTIONALlogandowell.com