SlideShare a Scribd company logo
Video Producer & Editor
Stakeholders
● Balance requirements of client (especially as freelancer) and
opinions/skills of other creatives.
● Must defend creative choices but know when to acquiesce.
Discovery
● I’m an expert at getting people to talk -- learned from hours of
conducting video interviews, and sourcing product expert
knowledge for writing scripts.
● With video interviews, aim to bring out genuine emotions from
subject.
Ideation
● Take results from Discovery & look for patterns, trends, and
the main emotional storyline.
● Outputs: Start creating/organizing video edit.
Execution
● Iterate on edit until have a final “cut”.
● Sometimes able to collect more footage, but often stuck with
what’s been shot and have to figure it out.
UX Researcher
Stakeholders
● Balance requirements of business and opinions/skills of other
creatives.
● Must defend creative choices and decisions based on user research.
Discovery
● Conduct user interviews, aiming to discover genuine pain points and
needs.
● The user is the expert on what they want.
Ideation
● Analyze results from Discovery phase
● Look for patterns, trends, and the main emotional storyline.
● Outputs: Personas, Information architecture, wireframes.
Execution
● Iterate on wireframes until have a final “cut”.
● Ideally continue to test and collect more research, but budget and
timeline limitations may require executing based on available
information.
Discovery Ideation Execution
Iterate on Design
●
●
●
●
●
○
●
○
○
●
●
○
○
○
●
●
●
●
Discovery
●
●
●
Ideation
Ideation
The “Projects” section is the Default page for Project Managers when they open Taskly.
Version 1
Version 2
Version 3
Version 4/5
Projects Page, Version 1
Projects Drop-Down:
View one project at a
time, or all projects.
Progress / Calendar
Tabs - Switch between
milestones view and
calendar view. Can look
at next to Projects list.
Big Buttons for Major
Project Manager Actions:
- New Project
- Add Event
- Add Task
Auto-Prioritzed Task
List (with filters) -
Taskly automatically
bubbles most pressing
tasks to top of “Top
Tasks” list. Filters (in
drop-down) will reveal
different tasks, such as
Blocked Tasks or
Unassigned Tasks.
View Task Button on
each task - Opens
Pop-up with all the Task
details, including
Commenting section
Projects Dashboard v1 - Progress View Projects Dashboard v1 - Calendar View
“Where is the calendar?”
“Is this clickable?”
New Project & New Event don’t need to be
shown all the time. Users were already looking
for them close to New Projects Drop-down and
Calendar anyways.
“Calendar is too small.”
When the user clicks here, they want to see
the Calendar so make it bigger.
Users went to “Account” to add
new team members, which is
actually an administrative settings
section.
Too much visually asking for
my attention on one page --
Where should the user look?
Projects Page, Version 1: Testing Results
Changed “Account” to
“Settings” - So doesn’t appear
that you can add new user accounts
here.
Calendar Moved to Main Menu - Brought “Calendar” into high-level menu to
see if users will access more.
Version 2 User Testing: User kept going back to Calendar page.
Visually divided Navigation
for Project Manager: what they
can see on right & what Team
can see on left:
- My Dashboard, Team,
Calendar is visible to team.
- Project Manager, Clients is
only Project Managers.
“Add Team Member” &
“Add Task” are only main
buttons.
● Moved “New Project” into
Projects Drop-down
● “New Event” is only visible
under Calendar.
Moved “New Project”
into Projects
Drop-down. a) Users
were looking for it there,
b) Infrequent action so
OK to hide.
Added Search in
Projects Dropdown to
facilitate switching projects
faster. Will search Active and
Archived Projects.
Version 2 User Testing: “
“Where is the Milestone on
each task?”
Projects Page, Version 2
Moved Project Drop-down
- Quickly change to individual projects or
All Active Projects on any page of site.
- Drop-down was within page sections,
but it was confusing if changing for just
Projects section or entire site.
- “Viewing” makes it clear the user is
changing current view. Can also quickly
glance current view.
Added “Total Progress” section
so PM can quickly glance high level
progress.
- Progress bar shows % of total
tasks completed
- Shows each project’s final due
date and next milestone
- Quick Project Symbol Legend
“Add Task” is highlighted in
main navigation on all
pages since a main &
frequent action for PMs.
- Moved “Add Team Member”
to only “Team” section,
where users were looking
for it anyway.
Added “Upcoming MIlestones”,
showing Next Milestone for each active
project.
- Can use arrows to skip
forward/back to see other
milestones.
- Clicking on Milestone
automatically loads that
Milestones’ tasks in Tasks list
on right (expected by users)
Added associated milestone for
Tasks
- Instead of Priority. Can still see
Priority when “View Task”
Projects Page, Version 3
Too much going on. Not
answering PM’s big question:
What needs my immediate
attention?
Added “Search Tasks” to Task List
- Search missing from previous
iteration.
Projects Page, Version 4
Search & “New Task”
highlighted at top
- Frequent actions
- Typing in search bar drops
down Search list, which user
can select from.
“New Project” button
only on Projects page.
Top Navigation Simplified
- My Tasks: User manages their
assigned tasks
- Team Tasks: User views what
team members are working on.
- Calendar
- Projects (Clients are now
accessible via clicking on their name
in individual Projects widget.)
- Notifications: Messages &
Updates (see next slides)
Logged In as
Clickable to edit current user’s
account settings. All other
settings are editable within
relevant sections.
Project Widgets
- Each widget shows: Project name,
Final Due Date, Client, Team,
Progress towards next milestone.
- Each section is clickable: Helps
Project Manager to focus..
- Project Manager can quickly
glance progress towards next
milestone on each project.
Projects Page, Version 4 - Messages Drop-down
Click to reveal New
Messages.
- Comments on your assigned tasks
- Replies to your Comments
- Comments where you’re tagged
with @yourname
Quick Reply
Opens pop-up to
immediately type in
response to comment.
Read/Unread Marker
Mark Read or click “X” to
remove from Notifications
Settings
Modify what shows up in
notifications.
Link to Task
Jumps to Task Details Page with the
Comment highlighted.
Projects Page, Version 4 - Updates Drop-down
Click to reveal New
Updates.
- Quickly highlights tasks needing
attention from Project Manager.
- For team members, alerts them
when their blocked tasks are
unblocked, or an update to a
teammates’ task they’re following.
Quick Reply
Opens pop-up to
immediately type in
response to comment.
Settings
Modify what shows up in
notifications -- especially
important for Project
Managers with lots of
projects.
Link to Task
Jumps to Task Details Page.
Visual Design: Style Guide
Projects Page, Version 5 - Visual Elements Added
Career Foundry UX Designer Course - Completed February 2016

More Related Content

What's hot

Microsoft Project - MSP | 2013-2016
Microsoft Project - MSP | 2013-2016Microsoft Project - MSP | 2013-2016
Microsoft Project - MSP | 2013-2016
Rajeev Sharma
 
Tutorial 1 Teamwork Work Plan Setup
Tutorial 1   Teamwork   Work Plan SetupTutorial 1   Teamwork   Work Plan Setup
Tutorial 1 Teamwork Work Plan Setuprwang5688
 
Pdf primavera tutorial
Pdf primavera tutorialPdf primavera tutorial
Pdf primavera tutorial
Ketut Swandana
 
Microsoft Project 2013 Quickstart
Microsoft Project 2013 QuickstartMicrosoft Project 2013 Quickstart
Microsoft Project 2013 Quickstartcomatsg
 
Jan 2010 Tutorial 1 Teamwork Work Plan Setup
Jan 2010   Tutorial 1   Teamwork Work Plan SetupJan 2010   Tutorial 1   Teamwork Work Plan Setup
Jan 2010 Tutorial 1 Teamwork Work Plan Setup
Clearvale Connect
 
Ms project 2000 tutorial
Ms project 2000 tutorialMs project 2000 tutorial
Ms project 2000 tutorialpaolocollector
 
Creating a task list
Creating a task listCreating a task list
Creating a task list
ahmed hamza
 
Taskade review
Taskade reviewTaskade review
Taskade review
larsondunigan
 
Ms project management
Ms  project managementMs  project management
Ms project managementchinunki4
 

What's hot (9)

Microsoft Project - MSP | 2013-2016
Microsoft Project - MSP | 2013-2016Microsoft Project - MSP | 2013-2016
Microsoft Project - MSP | 2013-2016
 
Tutorial 1 Teamwork Work Plan Setup
Tutorial 1   Teamwork   Work Plan SetupTutorial 1   Teamwork   Work Plan Setup
Tutorial 1 Teamwork Work Plan Setup
 
Pdf primavera tutorial
Pdf primavera tutorialPdf primavera tutorial
Pdf primavera tutorial
 
Microsoft Project 2013 Quickstart
Microsoft Project 2013 QuickstartMicrosoft Project 2013 Quickstart
Microsoft Project 2013 Quickstart
 
Jan 2010 Tutorial 1 Teamwork Work Plan Setup
Jan 2010   Tutorial 1   Teamwork Work Plan SetupJan 2010   Tutorial 1   Teamwork Work Plan Setup
Jan 2010 Tutorial 1 Teamwork Work Plan Setup
 
Ms project 2000 tutorial
Ms project 2000 tutorialMs project 2000 tutorial
Ms project 2000 tutorial
 
Creating a task list
Creating a task listCreating a task list
Creating a task list
 
Taskade review
Taskade reviewTaskade review
Taskade review
 
Ms project management
Ms  project managementMs  project management
Ms project management
 

Viewers also liked

Kinh thi tập I-Đức Khổng tử
Kinh thi tập I-Đức Khổng tửKinh thi tập I-Đức Khổng tử
Kinh thi tập I-Đức Khổng tử
Chiến Thắng Bản Thân
 
Bảo Pháp Chơn Kinh
Bảo Pháp Chơn KinhBảo Pháp Chơn Kinh
Bảo Pháp Chơn Kinh
Chiến Thắng Bản Thân
 
iHelp & Open Data
iHelp & Open DataiHelp & Open Data
iHelp & Open Data
Chia Wei Tsai
 
Comunicación Interactiva - Conceptos Básicos
Comunicación Interactiva - Conceptos BásicosComunicación Interactiva - Conceptos Básicos
Comunicación Interactiva - Conceptos Básicos
Auris Rebeca Ríos Fernández
 
Dem thien dang vao dia nguc
Dem thien dang vao dia ngucDem thien dang vao dia nguc
Dem thien dang vao dia nguc
Long Do Hoang
 
AVP strategic innovation
AVP strategic innovationAVP strategic innovation
AVP strategic innovationLisa Dawley
 
Smith_Michael_4.4_PPP_Slideshow
Smith_Michael_4.4_PPP_SlideshowSmith_Michael_4.4_PPP_Slideshow
Smith_Michael_4.4_PPP_Slideshow
Michael Smith
 
The Bookmarks - a quarterly review
The Bookmarks - a quarterly reviewThe Bookmarks - a quarterly review
The Bookmarks - a quarterly review
BrandsEye
 
[Sách] Sinh tồn nơi hoang dã 4
[Sách] Sinh tồn nơi hoang dã 4[Sách] Sinh tồn nơi hoang dã 4
[Sách] Sinh tồn nơi hoang dã 4
Đặng Phương Nam
 
Khoa hoc va nien tin
Khoa hoc va nien tinKhoa hoc va nien tin
Khoa hoc va nien tin
Long Do Hoang
 
SA Consultancy Company Profile
SA Consultancy Company ProfileSA Consultancy Company Profile
SA Consultancy Company ProfileSA Consultancy .
 
Entorno de power point
Entorno de power pointEntorno de power point
Entorno de power point
Miriam Macias Rosales
 
Finanzas Pyme - Qué debe tener un plan financiero
Finanzas Pyme - Qué debe tener un plan financieroFinanzas Pyme - Qué debe tener un plan financiero
Finanzas Pyme - Qué debe tener un plan financiero
Valortis
 
Study on the Effect of Raja Yoga Lifestyle on Deaddiction in India
Study on the Effect of Raja Yoga Lifestyle on Deaddiction in IndiaStudy on the Effect of Raja Yoga Lifestyle on Deaddiction in India
Study on the Effect of Raja Yoga Lifestyle on Deaddiction in India
Medical Wing of Rajyoga Education & Research Foundation
 
Anabolismo
AnabolismoAnabolismo
Essential services presentation (part 1) test
Essential services presentation (part 1) testEssential services presentation (part 1) test
Essential services presentation (part 1) test
Kahler Stone DrPH, MPH
 
Lugares turisticos del oriente ecuatoriano
Lugares turisticos del oriente ecuatorianoLugares turisticos del oriente ecuatoriano
Lugares turisticos del oriente ecuatoriano
0926393851
 
7 step Problem solving cycle project report
7 step Problem solving cycle project report7 step Problem solving cycle project report
7 step Problem solving cycle project reportSandeep Kohli
 

Viewers also liked (20)

Kinh thi tập I-Đức Khổng tử
Kinh thi tập I-Đức Khổng tửKinh thi tập I-Đức Khổng tử
Kinh thi tập I-Đức Khổng tử
 
Bảo Pháp Chơn Kinh
Bảo Pháp Chơn KinhBảo Pháp Chơn Kinh
Bảo Pháp Chơn Kinh
 
iHelp & Open Data
iHelp & Open DataiHelp & Open Data
iHelp & Open Data
 
Darweesh_ENG_CV.DOC
Darweesh_ENG_CV.DOCDarweesh_ENG_CV.DOC
Darweesh_ENG_CV.DOC
 
Comunicación Interactiva - Conceptos Básicos
Comunicación Interactiva - Conceptos BásicosComunicación Interactiva - Conceptos Básicos
Comunicación Interactiva - Conceptos Básicos
 
Dem thien dang vao dia nguc
Dem thien dang vao dia ngucDem thien dang vao dia nguc
Dem thien dang vao dia nguc
 
AVP strategic innovation
AVP strategic innovationAVP strategic innovation
AVP strategic innovation
 
Smith_Michael_4.4_PPP_Slideshow
Smith_Michael_4.4_PPP_SlideshowSmith_Michael_4.4_PPP_Slideshow
Smith_Michael_4.4_PPP_Slideshow
 
The Bookmarks - a quarterly review
The Bookmarks - a quarterly reviewThe Bookmarks - a quarterly review
The Bookmarks - a quarterly review
 
[Sách] Sinh tồn nơi hoang dã 4
[Sách] Sinh tồn nơi hoang dã 4[Sách] Sinh tồn nơi hoang dã 4
[Sách] Sinh tồn nơi hoang dã 4
 
Khoa hoc va nien tin
Khoa hoc va nien tinKhoa hoc va nien tin
Khoa hoc va nien tin
 
SA Consultancy Company Profile
SA Consultancy Company ProfileSA Consultancy Company Profile
SA Consultancy Company Profile
 
Critical Thinking
Critical ThinkingCritical Thinking
Critical Thinking
 
Entorno de power point
Entorno de power pointEntorno de power point
Entorno de power point
 
Finanzas Pyme - Qué debe tener un plan financiero
Finanzas Pyme - Qué debe tener un plan financieroFinanzas Pyme - Qué debe tener un plan financiero
Finanzas Pyme - Qué debe tener un plan financiero
 
Study on the Effect of Raja Yoga Lifestyle on Deaddiction in India
Study on the Effect of Raja Yoga Lifestyle on Deaddiction in IndiaStudy on the Effect of Raja Yoga Lifestyle on Deaddiction in India
Study on the Effect of Raja Yoga Lifestyle on Deaddiction in India
 
Anabolismo
AnabolismoAnabolismo
Anabolismo
 
Essential services presentation (part 1) test
Essential services presentation (part 1) testEssential services presentation (part 1) test
Essential services presentation (part 1) test
 
Lugares turisticos del oriente ecuatoriano
Lugares turisticos del oriente ecuatorianoLugares turisticos del oriente ecuatoriano
Lugares turisticos del oriente ecuatoriano
 
7 step Problem solving cycle project report
7 step Problem solving cycle project report7 step Problem solving cycle project report
7 step Problem solving cycle project report
 

Similar to Taskly Final v4

Copper Training
Copper TrainingCopper Training
Copper Training
Lisa Faulkner
 
Oracle Primavera Team member 8.3
Oracle Primavera Team member 8.3Oracle Primavera Team member 8.3
Oracle Primavera Team member 8.3
CADD Centre Software Solutions Private Limited
 
Kendo Quick Start Guide V1.pdf
Kendo Quick Start Guide V1.pdfKendo Quick Start Guide V1.pdf
Kendo Quick Start Guide V1.pdf
Ljubo2
 
Enhanced Task Details Page Released 2022
Enhanced Task Details Page Released 2022Enhanced Task Details Page Released 2022
Enhanced Task Details Page Released 2022
Orangescrum
 
CodeCamp general info
CodeCamp general infoCodeCamp general info
CodeCamp general info
Tomi Juhola
 
Product Update: New Project Overview for Orangescrum SaaS Users
Product Update: New Project Overview for Orangescrum SaaS UsersProduct Update: New Project Overview for Orangescrum SaaS Users
Product Update: New Project Overview for Orangescrum SaaS Users
Orangescrum
 
Active Collab
Active CollabActive Collab
Active Collab
Saad Hussain
 
Project Management - Web Application Report
Project Management - Web Application ReportProject Management - Web Application Report
Project Management - Web Application Report
Nakul Sharma
 
LinkedIn PM – project management native mobile app for iPad
LinkedIn PM – project management native mobile app for iPadLinkedIn PM – project management native mobile app for iPad
LinkedIn PM – project management native mobile app for iPad
karabressie
 
Latest_Portfolio_Anxiao_chen
Latest_Portfolio_Anxiao_chenLatest_Portfolio_Anxiao_chen
Latest_Portfolio_Anxiao_chenAnxiao Chen
 
MS Project Guide.pdf
MS Project Guide.pdfMS Project Guide.pdf
MS Project Guide.pdf
MuhammadZahidQazi
 
Apptivo project app
Apptivo project appApptivo project app
Apptivo project app
Puneet Yamparala
 
Apptivo project app ss
Apptivo project app ssApptivo project app ss
Apptivo project app ss
Dineshisaac
 
From Use to User Interface
From Use     to User InterfaceFrom Use     to User Interface
From Use to User Interface
abcd82
 
Project Tracking System
Project Tracking SystemProject Tracking System
Project Tracking System
ncct
 
Say hola to new orange scrum enterprise updates
Say hola to new orange scrum enterprise updatesSay hola to new orange scrum enterprise updates
Say hola to new orange scrum enterprise updates
Orangescrum
 
Asana+manual
Asana+manualAsana+manual
Asana+manual
MihaelaConstantin21
 
Chapter A Guide to Using Microsoft Project 2013 Exploring Pro.docx
Chapter A Guide to Using Microsoft Project 2013 Exploring Pro.docxChapter A Guide to Using Microsoft Project 2013 Exploring Pro.docx
Chapter A Guide to Using Microsoft Project 2013 Exploring Pro.docx
mccormicknadine86
 
usability review
usability reviewusability review
usability review
Mauro Pellegrini
 

Similar to Taskly Final v4 (20)

Copper Training
Copper TrainingCopper Training
Copper Training
 
Oracle Primavera Team member 8.3
Oracle Primavera Team member 8.3Oracle Primavera Team member 8.3
Oracle Primavera Team member 8.3
 
Kendo Quick Start Guide V1.pdf
Kendo Quick Start Guide V1.pdfKendo Quick Start Guide V1.pdf
Kendo Quick Start Guide V1.pdf
 
Enhanced Task Details Page Released 2022
Enhanced Task Details Page Released 2022Enhanced Task Details Page Released 2022
Enhanced Task Details Page Released 2022
 
CodeCamp general info
CodeCamp general infoCodeCamp general info
CodeCamp general info
 
Product Update: New Project Overview for Orangescrum SaaS Users
Product Update: New Project Overview for Orangescrum SaaS UsersProduct Update: New Project Overview for Orangescrum SaaS Users
Product Update: New Project Overview for Orangescrum SaaS Users
 
Active Collab
Active CollabActive Collab
Active Collab
 
Work Tracker Overview
Work Tracker OverviewWork Tracker Overview
Work Tracker Overview
 
Project Management - Web Application Report
Project Management - Web Application ReportProject Management - Web Application Report
Project Management - Web Application Report
 
LinkedIn PM – project management native mobile app for iPad
LinkedIn PM – project management native mobile app for iPadLinkedIn PM – project management native mobile app for iPad
LinkedIn PM – project management native mobile app for iPad
 
Latest_Portfolio_Anxiao_chen
Latest_Portfolio_Anxiao_chenLatest_Portfolio_Anxiao_chen
Latest_Portfolio_Anxiao_chen
 
MS Project Guide.pdf
MS Project Guide.pdfMS Project Guide.pdf
MS Project Guide.pdf
 
Apptivo project app
Apptivo project appApptivo project app
Apptivo project app
 
Apptivo project app ss
Apptivo project app ssApptivo project app ss
Apptivo project app ss
 
From Use to User Interface
From Use     to User InterfaceFrom Use     to User Interface
From Use to User Interface
 
Project Tracking System
Project Tracking SystemProject Tracking System
Project Tracking System
 
Say hola to new orange scrum enterprise updates
Say hola to new orange scrum enterprise updatesSay hola to new orange scrum enterprise updates
Say hola to new orange scrum enterprise updates
 
Asana+manual
Asana+manualAsana+manual
Asana+manual
 
Chapter A Guide to Using Microsoft Project 2013 Exploring Pro.docx
Chapter A Guide to Using Microsoft Project 2013 Exploring Pro.docxChapter A Guide to Using Microsoft Project 2013 Exploring Pro.docx
Chapter A Guide to Using Microsoft Project 2013 Exploring Pro.docx
 
usability review
usability reviewusability review
usability review
 

Taskly Final v4

  • 1.
  • 2. Video Producer & Editor Stakeholders ● Balance requirements of client (especially as freelancer) and opinions/skills of other creatives. ● Must defend creative choices but know when to acquiesce. Discovery ● I’m an expert at getting people to talk -- learned from hours of conducting video interviews, and sourcing product expert knowledge for writing scripts. ● With video interviews, aim to bring out genuine emotions from subject. Ideation ● Take results from Discovery & look for patterns, trends, and the main emotional storyline. ● Outputs: Start creating/organizing video edit. Execution ● Iterate on edit until have a final “cut”. ● Sometimes able to collect more footage, but often stuck with what’s been shot and have to figure it out. UX Researcher Stakeholders ● Balance requirements of business and opinions/skills of other creatives. ● Must defend creative choices and decisions based on user research. Discovery ● Conduct user interviews, aiming to discover genuine pain points and needs. ● The user is the expert on what they want. Ideation ● Analyze results from Discovery phase ● Look for patterns, trends, and the main emotional storyline. ● Outputs: Personas, Information architecture, wireframes. Execution ● Iterate on wireframes until have a final “cut”. ● Ideally continue to test and collect more research, but budget and timeline limitations may require executing based on available information.
  • 3.
  • 4. Discovery Ideation Execution Iterate on Design ● ● ● ● ● ○ ● ○ ○ ● ● ○ ○ ○ ● ● ● ●
  • 8.
  • 9.
  • 10. The “Projects” section is the Default page for Project Managers when they open Taskly. Version 1 Version 2 Version 3 Version 4/5
  • 11. Projects Page, Version 1 Projects Drop-Down: View one project at a time, or all projects. Progress / Calendar Tabs - Switch between milestones view and calendar view. Can look at next to Projects list. Big Buttons for Major Project Manager Actions: - New Project - Add Event - Add Task Auto-Prioritzed Task List (with filters) - Taskly automatically bubbles most pressing tasks to top of “Top Tasks” list. Filters (in drop-down) will reveal different tasks, such as Blocked Tasks or Unassigned Tasks. View Task Button on each task - Opens Pop-up with all the Task details, including Commenting section
  • 12. Projects Dashboard v1 - Progress View Projects Dashboard v1 - Calendar View “Where is the calendar?” “Is this clickable?” New Project & New Event don’t need to be shown all the time. Users were already looking for them close to New Projects Drop-down and Calendar anyways. “Calendar is too small.” When the user clicks here, they want to see the Calendar so make it bigger. Users went to “Account” to add new team members, which is actually an administrative settings section. Too much visually asking for my attention on one page -- Where should the user look? Projects Page, Version 1: Testing Results
  • 13. Changed “Account” to “Settings” - So doesn’t appear that you can add new user accounts here. Calendar Moved to Main Menu - Brought “Calendar” into high-level menu to see if users will access more. Version 2 User Testing: User kept going back to Calendar page. Visually divided Navigation for Project Manager: what they can see on right & what Team can see on left: - My Dashboard, Team, Calendar is visible to team. - Project Manager, Clients is only Project Managers. “Add Team Member” & “Add Task” are only main buttons. ● Moved “New Project” into Projects Drop-down ● “New Event” is only visible under Calendar. Moved “New Project” into Projects Drop-down. a) Users were looking for it there, b) Infrequent action so OK to hide. Added Search in Projects Dropdown to facilitate switching projects faster. Will search Active and Archived Projects. Version 2 User Testing: “ “Where is the Milestone on each task?” Projects Page, Version 2
  • 14. Moved Project Drop-down - Quickly change to individual projects or All Active Projects on any page of site. - Drop-down was within page sections, but it was confusing if changing for just Projects section or entire site. - “Viewing” makes it clear the user is changing current view. Can also quickly glance current view. Added “Total Progress” section so PM can quickly glance high level progress. - Progress bar shows % of total tasks completed - Shows each project’s final due date and next milestone - Quick Project Symbol Legend “Add Task” is highlighted in main navigation on all pages since a main & frequent action for PMs. - Moved “Add Team Member” to only “Team” section, where users were looking for it anyway. Added “Upcoming MIlestones”, showing Next Milestone for each active project. - Can use arrows to skip forward/back to see other milestones. - Clicking on Milestone automatically loads that Milestones’ tasks in Tasks list on right (expected by users) Added associated milestone for Tasks - Instead of Priority. Can still see Priority when “View Task” Projects Page, Version 3 Too much going on. Not answering PM’s big question: What needs my immediate attention? Added “Search Tasks” to Task List - Search missing from previous iteration.
  • 15. Projects Page, Version 4 Search & “New Task” highlighted at top - Frequent actions - Typing in search bar drops down Search list, which user can select from. “New Project” button only on Projects page. Top Navigation Simplified - My Tasks: User manages their assigned tasks - Team Tasks: User views what team members are working on. - Calendar - Projects (Clients are now accessible via clicking on their name in individual Projects widget.) - Notifications: Messages & Updates (see next slides) Logged In as Clickable to edit current user’s account settings. All other settings are editable within relevant sections. Project Widgets - Each widget shows: Project name, Final Due Date, Client, Team, Progress towards next milestone. - Each section is clickable: Helps Project Manager to focus.. - Project Manager can quickly glance progress towards next milestone on each project.
  • 16. Projects Page, Version 4 - Messages Drop-down Click to reveal New Messages. - Comments on your assigned tasks - Replies to your Comments - Comments where you’re tagged with @yourname Quick Reply Opens pop-up to immediately type in response to comment. Read/Unread Marker Mark Read or click “X” to remove from Notifications Settings Modify what shows up in notifications. Link to Task Jumps to Task Details Page with the Comment highlighted.
  • 17. Projects Page, Version 4 - Updates Drop-down Click to reveal New Updates. - Quickly highlights tasks needing attention from Project Manager. - For team members, alerts them when their blocked tasks are unblocked, or an update to a teammates’ task they’re following. Quick Reply Opens pop-up to immediately type in response to comment. Settings Modify what shows up in notifications -- especially important for Project Managers with lots of projects. Link to Task Jumps to Task Details Page.
  • 19. Projects Page, Version 5 - Visual Elements Added
  • 20. Career Foundry UX Designer Course - Completed February 2016