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

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 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

Discussions IAT 438 Chris: Ethical actually tumblr... Waistcoat salvia mumblecore... New Conversation

Discussion Discussion Discussion Discussion Settings Upload Media Hey do you remember what’s due for IAT 334 Hey do you remember what’s due for IAT 334 Hey do you remember what’s due for IAT 334 Take a photo 6 minutes ago Prototyping Prototyping Prototyping Create a drawing Convert to Cards Interactive Storyboard.jpg Interactive Storyboard.jpg Interactive Storyboard.jpg 5 minutes ago Cool stuff Cool stuff Cool stuff Thanks! Cya in class tmrw Thanks! Cya in class tmrw Thanks! Cya in class tmrw Select messages to convert

Convert Cards Discussion 3 Selected Hey do you remember what’s due for IAT 334 Prototyping List 2 List 2 Reading Break Reading Break Some list Some list Interactive Storyboard.jpg Another list Another list Create a new List Create a new List Cool stuff Thanks! Cya in class tmrw Select messages to convert Select a List to add cards to Select a List to add cards to

Discussion Hey do you remember what’s due for IAT 334 6 minutes ago Prototyping Interactive Storyboard.jpg 5 minutes ago Cool stuff Thanks! Cya in class tmrw You converted 3 messages into cards 6:00pm

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

Edit Mode Edit Mode Archive Classified Team Information Classified Team Information Classified Team Information Good places to eat lunch Good places to eat lunch Good places to eat lunch Passwords Passwords Passwords A picture of my dog (top secret) A picture of my dog (top secret) A picture of my dog (top secret) Nuclear launch codes Nuclear launch codes Nuclear launch codes Edit mode

Edit Mode Edit Mode Edit Mode Archive Archive Archive Classified Team Information Classified Team Information Classified Team Information Classified Team Information Good places to eat lunch Good places to eat lunch Good places to eat lunch Passwords Passwords Passwords Passwords A picture of my dog (top secret) A picture of my dog (top secret) A picture of my dog (top secret) Nuclear launch codes Nuclear launch codes Nuclear launch codes Nuclear launch codes

Edit Mode Edit Mode Edit Mode Stamp Settings Classified Team Information Classified Team Information Classified Team Information Classified Team Information Classified Team Information Good places to eat lunch Good places to eat lunch Good places to eat lunch Good places to eat lunch Good places to eat lunch EL JD AH Card Preview Passwords Passwords Passwords Passwords Passwords A picture of my dog (top secret) A picture of my dog (top secret) A picture of my dog (top secret) A picture of my dog (top secret) A picture of my dog (top secret) Template Options Nuclear launch codes Nuclear launch codes Nuclear launch codes Nuclear launch codes Nuclear launch codes MB EL JD RT AH SZ Jan 28 9:00 AM

Edit Mode Edit Mode Classified Team Information Classified Team Information Classified Team Information Classified Team Information Classified Team Information Classified Team Information Good places to eat lunch Good places to eat lunch Good places to eat lunch Good places to eat lunch Good places to eat lunch Good places to eat lunch Passwords Passwords Passwords Passwords Passwords Passwords EL JD AH EL JD AH EL JD AH A picture of my dog (top secret) A picture of my dog (top secret) A picture of my dog (top secret) A picture of my dog (top secret) A picture of my dog (top secret) A picture of my dog (top secret) Nuclear launch codes Nuclear launch codes Nuclear launch codes EL JD AH EL JD AH Nuclear launch codes Nuclear launch codes Nuclear launch codes

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

Deadlines Deadlines IAT 438 IAT 438 10:00 10:00 Checklist 1 under Iterations Checklist 1 under Iterations PM PM IAT 334 IAT 334 IAT 438 IAT 438 FEB FEB Task 1 under Wireframing Task 1 under Wireframing 05 05 IAT 438 IAT 438 FEB FEB Checklist 2 under Sketches Checklist 2 under Sketches 07 07 IAT 438 IAT 438 FEB FEB Task 1 under Sketches Task 1 under Sketches 15 15

References Inspiration - Twitter, Facebook Messenger (chat interface) - Asana (asana.com) - ToDoist (en.todoist.com) - Wrike (www.wrike.com) Trello brand assets trello.com/about/branding