Trello Project management Jonathan Du 301236539 Matthew Fongman - - PowerPoint PPT Presentation

▶

May 25, 2023 432 likes •598 views

Trello Project management Jonathan Du 301236539 Matthew Fongman 301229072 IAT 334 (D103) Designing for New Features Preliminary / User research Spring 2016 Feature 1: Comment to Card Conversion with IM Pitch: Instant messaging system

SLIDE 1

Jonathan Du

301236539

Matthew Fongman

301229072

Trello

Project management

IAT 334 (D103) Preliminary / User research Spring 2016

Designing for New Features

SLIDE 2

Feature 1: Comment to Card Conversion with IM

Pitch: Instant messaging system with ability to take important comments from the conversation and convert them into cards on a new or pre-existing list within a board. Scenario: Andrew and his team are having a discussion as to what is due next week. After getting an answer from his teamates, he decides to create new cards for the list of things to do. Andrew accesses the conversation menu and selects convert to cards. He then selects the relevant comments and then selects which list to add them to. Once he completes this task, the system informs the conversation that the conversion has been made and where the cards are now placed. Goals:

Communicate deadlines with team
Quickly note or list new project requirements
Track progress of collaborative efforts

SLIDE 3

Discussions

Waistcoat salvia mumblecore...

IAT 438

Chris: Ethical actually tumblr...

New Conversation

SLIDE 4

Discussion

Hey do you remember what’s due for IAT 334 Prototyping Cool stuff Thanks! Cya in class tmrw Interactive Storyboard.jpg

5 minutes ago 6 minutes ago

Discussion

Hey do you remember what’s due for IAT 334 Prototyping Cool stuff Thanks! Cya in class tmrw Interactive Storyboard.jpg

Select messages to convert Discussion

Hey do you remember what’s due for IAT 334 Prototyping Cool stuff Thanks! Cya in class tmrw Interactive Storyboard.jpg

Discussion Settings Upload Media Take a photo Create a drawing Convert to Cards

SLIDE 5

Discussion

Hey do you remember what’s due for IAT 334 Prototyping Cool stuff Thanks! Cya in class tmrw Interactive Storyboard.jpg

3 Selected

Select messages to convert

List 2 Reading Break Some list Another list

Select a List to add cards to

Create a new List List 2 Reading Break Some list Another list

Select a List to add cards to Convert Cards

Create a new List

SLIDE 6

Discussion

Hey do you remember what’s due for IAT 334 Prototyping Cool stuff Thanks! Cya in class tmrw

You converted 3 messages into cards

Interactive Storyboard.jpg

5 minutes ago

6:00pm

6 minutes ago

SLIDE 7

Feature 2: “Card Stamping” in Edit Mode / Master Editing Feature

Pitch: While in edit mode, the user is able to easily do repetitive tasks such as archiving and selecting multiple cards/lists and adding the same labels, due dates, and members to all selected cards using the Stamp tool, or dragging cards in a batch from one list to another. Scenario: Andrew has decided to organize one of his team project boards. In order to do so, he opens the project board’s main menu and selects Edit Mode. In this mode, he reorganizes his cards by selecting multiple items to relocate in different lists. He can also select cards and archive them. He then notices a couple of cards that need the same deadline attached to them. He clicks on the stamp icon which brings him to a menu to allow him to preset options. Once his options are set, he can simply tap on a single card to “stamp” the presets onto them. Goals:

Provides more efficiency in organizing tasks, with less clicks and less effort
Promotes frequent and active organization of user’s cards

SLIDE 8

Classified Team Information

Good places to eat lunch Passwords A picture of my dog (top secret) Nuclear launch codes

Edit mode

Classified Team Information

Good places to eat lunch Passwords A picture of my dog (top secret) Nuclear launch codes

Classified Team Information

Good places to eat lunch Passwords A picture of my dog (top secret) Nuclear launch codes

Edit Mode Edit Mode

Archive

SLIDE 9

Classified Team Information

Good places to eat lunch Passwords A picture of my dog (top secret) Nuclear launch codes

Classified Team Information

Good places to eat lunch Passwords A picture of my dog (top secret) Nuclear launch codes

Edit Mode

Archive

Classified Team Information

Passwords Nuclear launch codes

Classified Team Information

Passwords Nuclear launch codes Good places to eat lunch A picture of my dog (top secret)

Archive

Edit Mode Edit Mode

Archive

SLIDE 10

Classified Team Information

Good places to eat lunch Passwords A picture of my dog (top secret) Nuclear launch codes

Classified Team Information

Good places to eat lunch Passwords A picture of my dog (top secret) Nuclear launch codes

Edit Mode

Classified Team Information

Good places to eat lunch Passwords A picture of my dog (top secret) Nuclear launch codes

Classified Team Information

Good places to eat lunch Passwords A picture of my dog (top secret) Nuclear launch codes

Edit Mode

Classified Team Information

Stamp Settings Edit Mode

Good places to eat lunch Passwords A picture of my dog (top secret) Nuclear launch codes

AH JD EL

Card Preview

Jan 28 9:00 AM

SZ AH RT JD EL MB

Template Options

SLIDE 11

Classified Team Information

Good places to eat lunch Passwords A picture of my dog (top secret) Nuclear launch codes

Classified Team Information

Good places to eat lunch Passwords

AH JD EL

A picture of my dog (top secret) Nuclear launch codes

Edit Mode

Classified Team Information

Good places to eat lunch Passwords A picture of my dog (top secret) Nuclear launch codes

Classified Team Information

Good places to eat lunch Passwords

AH JD EL

A picture of my dog (top secret)

AH JD EL

Nuclear launch codes

Edit Mode

Classified Team Information

Good places to eat lunch Passwords A picture of my dog (top secret) Nuclear launch codes

Classified Team Information

Good places to eat lunch Passwords

AH JD EL

A picture of my dog (top secret)

AH JD EL

Nuclear launch codes

SLIDE 12

Feature 3: Deadline List

Pitch: The deadline list filters cards with upcoming due dates and presents all deadlines on the main landing page. Cards on the deadline list will inform the user which list and board the card belongs to, and which possible cards have a due date coming up soon so that they can prioritize it. Scenario: Erica realizes that she has a multitude of boards, both personal and collaborative on her app. She doesn’t want to have to go through the hassle of going through each board to see which task is due

next. To make things easier for her, on the app’s landing page, Erica opens the main menu and selects

“Deadline List.” Now, Erica can easily view all of her deadlines from across all of her boards in one location on the main landing page. She can see which board and list the task is from and when it is due. Goals:

To able to see all deadlines in one place, efficiently
Clean and hierarchical interface for readability
Conveniently access information in one glance

SLIDE 13

SLIDE 14

Checklist 1 under Iterations

Deadlines

IAT 438 IAT 438

Task 1 under Wireframing

IAT 334

Checklist 2 under Sketches

IAT 438

Task 1 under Sketches

IAT 438

FEB 07 FEB 15 FEB 05 10:00 PM

Checklist 1 under Iterations

Deadlines

IAT 438 IAT 438

Task 1 under Wireframing

IAT 334

Checklist 2 under Sketches

IAT 438

Task 1 under Sketches

IAT 438

FEB 07 FEB 15 FEB 05 10:00 PM

SLIDE 15

References Inspiration

Twitter, Facebook Messenger (chat interface)
Asana (asana.com)
ToDoist (en.todoist.com)
Wrike (www.wrike.com)

Jonathan Du

Matthew Fongman

Trello

Project management

Feature 1: Comment to Card Conversion with IM

Feature 2: “Card Stamping” in Edit Mode / Master Editing Feature

Card Preview

Feature 3: Deadline List

“Deadline List.” Now, Erica can easily view all of her deadlines from across all of her boards in one location on the main landing page. She can see which board and list the task is from and when it is due. Goals:

References Inspiration

Trello brand assets trello.com/about/branding