Timeline - Stanford University€¦ · timeline of articles whenever they need to know more about a...
Transcript of Timeline - Stanford University€¦ · timeline of articles whenever they need to know more about a...
![Page 1: Timeline - Stanford University€¦ · timeline of articles whenever they need to know more about a topic. User experience Timeline. Instant Context for Everything. Selected Interface](https://reader033.fdocuments.us/reader033/viewer/2022050404/5f81e377a841ae3b7c71fe4e/html5/thumbnails/1.jpg)
Timeline
![Page 2: Timeline - Stanford University€¦ · timeline of articles whenever they need to know more about a topic. User experience Timeline. Instant Context for Everything. Selected Interface](https://reader033.fdocuments.us/reader033/viewer/2022050404/5f81e377a841ae3b7c71fe4e/html5/thumbnails/2.jpg)
Overview
Mission Statement and Value Proposition
Interface and Prototype
3 Tasks Walkthrough
Field experiments + results
Plans for next time
![Page 3: Timeline - Stanford University€¦ · timeline of articles whenever they need to know more about a topic. User experience Timeline. Instant Context for Everything. Selected Interface](https://reader033.fdocuments.us/reader033/viewer/2022050404/5f81e377a841ae3b7c71fe4e/html5/thumbnails/3.jpg)
Mission Statement
With Timeline, we want to save people the time they’d normally spend doing background research on a topic by giving them a context relevant timeline of articles whenever they need to know more about a topic.
![Page 4: Timeline - Stanford University€¦ · timeline of articles whenever they need to know more about a topic. User experience Timeline. Instant Context for Everything. Selected Interface](https://reader033.fdocuments.us/reader033/viewer/2022050404/5f81e377a841ae3b7c71fe4e/html5/thumbnails/4.jpg)
User experience
Timeline.Instant Context
for
Everything
![Page 5: Timeline - Stanford University€¦ · timeline of articles whenever they need to know more about a topic. User experience Timeline. Instant Context for Everything. Selected Interface](https://reader033.fdocuments.us/reader033/viewer/2022050404/5f81e377a841ae3b7c71fe4e/html5/thumbnails/5.jpg)
Selected Interface
Button On Articles
Button vs Text SelectionArticle vs Plugin
Search TLs from Website
Timelines Previews
Google-esque + visual
Make Timeline
(drag and drop urls)
From Article vs Just Site
![Page 6: Timeline - Stanford University€¦ · timeline of articles whenever they need to know more about a topic. User experience Timeline. Instant Context for Everything. Selected Interface](https://reader033.fdocuments.us/reader033/viewer/2022050404/5f81e377a841ae3b7c71fe4e/html5/thumbnails/6.jpg)
Prototype Structure
Button On Articles Search TLs from Website Make Timeline
![Page 7: Timeline - Stanford University€¦ · timeline of articles whenever they need to know more about a topic. User experience Timeline. Instant Context for Everything. Selected Interface](https://reader033.fdocuments.us/reader033/viewer/2022050404/5f81e377a841ae3b7c71fe4e/html5/thumbnails/7.jpg)
Task 1: Getting a timeline from an article
![Page 8: Timeline - Stanford University€¦ · timeline of articles whenever they need to know more about a topic. User experience Timeline. Instant Context for Everything. Selected Interface](https://reader033.fdocuments.us/reader033/viewer/2022050404/5f81e377a841ae3b7c71fe4e/html5/thumbnails/8.jpg)
Task 2: Searching for a timeline
![Page 9: Timeline - Stanford University€¦ · timeline of articles whenever they need to know more about a topic. User experience Timeline. Instant Context for Everything. Selected Interface](https://reader033.fdocuments.us/reader033/viewer/2022050404/5f81e377a841ae3b7c71fe4e/html5/thumbnails/9.jpg)
Task 3: Creating a Timeline
![Page 10: Timeline - Stanford University€¦ · timeline of articles whenever they need to know more about a topic. User experience Timeline. Instant Context for Everything. Selected Interface](https://reader033.fdocuments.us/reader033/viewer/2022050404/5f81e377a841ae3b7c71fe4e/html5/thumbnails/10.jpg)
Experimental Method
User experience
Narrator
“Computer”
Note Taker
![Page 11: Timeline - Stanford University€¦ · timeline of articles whenever they need to know more about a topic. User experience Timeline. Instant Context for Everything. Selected Interface](https://reader033.fdocuments.us/reader033/viewer/2022050404/5f81e377a841ae3b7c71fe4e/html5/thumbnails/11.jpg)
Experiment Results
![Page 12: Timeline - Stanford University€¦ · timeline of articles whenever they need to know more about a topic. User experience Timeline. Instant Context for Everything. Selected Interface](https://reader033.fdocuments.us/reader033/viewer/2022050404/5f81e377a841ae3b7c71fe4e/html5/thumbnails/12.jpg)
Lauren
● Student Athlete - Sophomore ● Undeclared● American
“it would be a great study tool for getting early background knowledge a new topic”
“Would be a good study tool, especially for something like history class”
I didn’t immediately know that I should press the timeline button
![Page 13: Timeline - Stanford University€¦ · timeline of articles whenever they need to know more about a topic. User experience Timeline. Instant Context for Everything. Selected Interface](https://reader033.fdocuments.us/reader033/viewer/2022050404/5f81e377a841ae3b7c71fe4e/html5/thumbnails/13.jpg)
Patrick
● Student - Sophomore● CS Major● Past experience in building applications● American
“liked [the button], made a lot of sense for when you’re in the middle of an article”
“I’d rather not search, I’d prefer hottest topics given to me like traditional news outlets”
“makes sense over traditional news sources. It’s not fair to expect people will be so informed. Contextual news is better.”
“creation was easy but I wouldn’t do it”
![Page 14: Timeline - Stanford University€¦ · timeline of articles whenever they need to know more about a topic. User experience Timeline. Instant Context for Everything. Selected Interface](https://reader033.fdocuments.us/reader033/viewer/2022050404/5f81e377a841ae3b7c71fe4e/html5/thumbnails/14.jpg)
Jafar
● Academic - Phd Student of Math● From Azerbaijan
“button was kind of confusing but maybe because it was my first time”
“I wouldn’t trust timelines by randos, but I would if they were made by a professional or my friends. There’s a possibility for people to skew the news they put in a timeline.”
“Really like the idea, especially catching up if I missed something”
“Everything was easy”
![Page 15: Timeline - Stanford University€¦ · timeline of articles whenever they need to know more about a topic. User experience Timeline. Instant Context for Everything. Selected Interface](https://reader033.fdocuments.us/reader033/viewer/2022050404/5f81e377a841ae3b7c71fe4e/html5/thumbnails/15.jpg)
UI Changes Moving Forward
Timeline ‘Heatmap’ Better button affordances Summary Display?
![Page 16: Timeline - Stanford University€¦ · timeline of articles whenever they need to know more about a topic. User experience Timeline. Instant Context for Everything. Selected Interface](https://reader033.fdocuments.us/reader033/viewer/2022050404/5f81e377a841ae3b7c71fe4e/html5/thumbnails/16.jpg)
UI Changes Going Forward
Different Timeline Subjects
Trust?
Timeline Making Incentives?
![Page 17: Timeline - Stanford University€¦ · timeline of articles whenever they need to know more about a topic. User experience Timeline. Instant Context for Everything. Selected Interface](https://reader033.fdocuments.us/reader033/viewer/2022050404/5f81e377a841ae3b7c71fe4e/html5/thumbnails/17.jpg)
Thank You