Questions tagged [timeline]
a way of displaying a list of events in chronological order
84
questions
1
vote
1
answer
53
views
How do we let users know if a dashboard shows the entities’ lifetime activity or activity during the selected date range? [closed]
I am currently designing a dashboard that displays data related to entities (e.g., campaigns, ads, ad groups). My challenge is to effectively communicate whether the data presented pertains to the ...
- 31
1
vote
2
answers
202
views
How would you design a three stage bar chart drill down?
I'm designing a drill-down chart for management to analyze heat trends that are impacting their staff across multiple factories.
The images show the intended flow in which they would be using the ...
- 10.7k
1
vote
0
answers
15
views
How to Best Show Infractions Per X Rolling Weeks [closed]
I recently was given the opportunity to design an SSRS report tracking disciplinary actions.
Our organization decided an employee is allowed 3 infractions per rolling 12 weeks.
At the end of 6 months, ...
- 111
1
vote
1
answer
124
views
Display a range on a number line with a value
Is there a standard or good way to display a range of values (lower bound and upper bound) along with a particular value. The particular value might be too low (below the lower bound), too high (above ...
- 143
0
votes
0
answers
14
views
Hover and Click action on same object on touch devices [duplicate]
I am building a timeline widget which has 2 interactions on web.
Hover to see a particular duration's details like duration, start time, assigned name.
Click to edit details of the timeline
However, ...
- 1,035
3
votes
3
answers
187
views
Overtime + 2 other aspects data visualization
What kind of data visualization can show 3 aspects of the data including time (the others are the number of conversions and revenue)?
For example, I thought about bubble chart where size is one aspect ...
- 1,040
5
votes
3
answers
511
views
How to distinguish Time-bound vs One time events in a timeline
I'm working on a 'Timeline' component, where there are two kind of events that need to be represented:
Time-bound events: An event that has a fixed start and end time
(for example a meeting)
One ...
- 3,609
1
vote
2
answers
397
views
How to visualize complex data on the same bar chart for short and wide timelines
I'm designing a dashboard that visualises AWS cost details on a bar graph. Below is a weekly view and all seems fine.
However there's also a need to show the data across a boarder timeline, like ...
- 10.7k
0
votes
1
answer
138
views
Button Group for filtering time range with no default value selected
I'm working on a Timeline component at the moment, and by default, this timeline would show the activities/events for the day.
Users can select predefined time ranges such as the day, week, month, ...
- 3,609
1
vote
1
answer
481
views
How to display hourly averaged time data on a line chart?
Assume that I have data collected every minute.
If I want to display that data on a line chart with data averaged to every hour.
Is it assumed that a label on the horizontal axis is the measurement ...
- 123
1
vote
1
answer
75
views
How to display section in timeline without frames
I've an app, where the user can play an animation. The animation progress is indicated in the timeline (with blue color). The playable, but not active part of the timeline has gray color. The timeline ...
- 189
2
votes
1
answer
107
views
User design for many items over a time frame
I would like to represent a sequence of user events (for ex. login events) under a graph. This would typically hold zero to infinite entries.
To represent users I intend to use small icons of, say, ...
- 208
3
votes
1
answer
100
views
How to show user timetable's items width do not necessarily match with time
I am currently designing a timetable for a web app which will show appointments as they are scheduled.
Problem is, as I think that in order to make the user understand the scheduled appointment ...
- 273
2
votes
2
answers
4k
views
How to display week numbers on a chart's axis
I have time series data visualized on a line chart and want to format the x-axis accordingly. I wonder what format to choose in English if the data is aggregated by week. In German I would use "...
- 135
37
votes
8
answers
6k
views
How can I differentiate duration vs starting time
Let’s say I have a meeting at 06:00 AM that is scheduled to last 8 hours and 15 mins . Are there any guidelines, tips or tricks to display that information in a non-ambiguous way?
If I simply display ...
- 471
1
vote
1
answer
118
views
Configuration for a timegrid
I have a React+Bootstrap app which displays a timeline of events, to which the user can add a grid, with vertical markers at regular intervals. The default interval is 1 second, so a vertical line is ...
- 113
1
vote
1
answer
96
views
How to handle multiple objects on the same day in my timeline?
I am making an app where a series of posts are shown side by side chronologically. Then on the same page, there is a timeline at the bottom where each post is represented by a colored tick. You can ...
- 111
0
votes
3
answers
96
views
Representing an action which occurred on a previous/next day
We are creating a UI for a timeclock system, showing workers clock-ins & clock-outs which make up their "shifts".
Something we didn't take into account was worker's shifts can take place over ...
- 119
2
votes
1
answer
252
views
Displaying Continuous and Discrete Time Series Data
I have an existing analysis tool which compares two datasets:
An Input message log
An output message log
The tool compares the differences between the two sets by looking at:
The number of each ...
- 121
1
vote
3
answers
2k
views
On a card UI with less than usual text, should I leave the card size as is, or make the card smaller?
I'm making a timeline with multiple card UI elements, and I'm curious as to what I should do with the card size (in particular height) when the subheader text is only a single line long as opposed to ...
- 543
1
vote
1
answer
213
views
How to improve discoverability of unclicked tab?
This is a two-part question. I'm a designer at a health tech company that helps post-op patients track their rehab progress, and we're currently redesigning the site's timeline, which displays the key ...
- 543
1
vote
3
answers
92
views
Will a user be able to identify the relative "meanings" of separate cards on a timeline if the icons are located opposite from the card's title?
I'm designing a vertical responsive timeline for a health-tech company, and the timeline is supposed to show different "events" throughout a patient's physical rehab program, each being represented by ...
- 543
3
votes
1
answer
930
views
How to list 2 different events happening the same day on a vertical responsive timeline?
I'm designing a responsive timeline for an orthopedic patient rehab service, and running into an interesting problem with listing separate events on the same day. Our patients have a prescribed care ...
- 543
4
votes
1
answer
716
views
Distinguishing overlapping event types in a timeline
I am working with software that is used for scheduling astronomical observations. I've created a timeline view for the user to create, view, and edit observation schedules. Here's my mock-up:
Gray ...
- 142
3
votes
2
answers
619
views
Events list or calendar view?
A client has asked for a section to be added to their website that shows information about regular events taking place at their venue. There is just one venue, and all events they want to include take ...
- 153
6
votes
2
answers
258
views
Moving through timeline
I need to show a series of controls for a timeline bar in touch-screen application. The User will select particular time-frames on a timeline by moving controls at the start and at the end of the time-...
- 133
2
votes
1
answer
317
views
Time Series with Multiple Attributes for Each Year
We need to represent a time series of data. The problem is each item has multiple attributes that go along the time series.
In essence, it's something like this - a long time series for 100+ items. ...
- 123
3
votes
1
answer
386
views
How to Create Timeline with Dynamic Start/End Dates
I'm trying to think of an intuitive way to make the the start/end dates changeable for the timeline (x-axis) of this graph.
On mobile this would be easy because you could use pinch to zoom in/out but ...
- 179
-1
votes
1
answer
48
views
Health conditions over medical consultations
this is my ugly and unstyled UI but wich is enough for demo :p
it's for a healthcare application, so basically the doctor check/uncheck health conditions from the available predefined list and the ...
- 113
73
votes
4
answers
15k
views
Is there any research showing whether relative or absolute times are easier for humans to read?
I would like to know about the time format which is used by Facebook - relative times such as "2 hours ago", rather than absolute times such as "13:35".
Is there any research about which time format ...
- 689
0
votes
1
answer
123
views
Showing all-day or non-timed events in a task list
I have a timeline-like view (I don't want to call it a timeline because it is more like a list of work items).
Things you need to know
It's designed to show a quick overview of the recent activities.
...
- 6,819
1
vote
1
answer
115
views
How to show time-breakdown × availability from multiple parties in Web App?
I'm designing an scheduling application and I would like to know what's the most intuitive way to display the info of time-breakdown × availability from multiple parties.
Below shows my current ...
- 187
4
votes
2
answers
190
views
Looking for an easy, user-friendly way to group people based on recency
I'm currently making a website for my company, which will allow our clients to configure some of our internal programs easily, without just using a regular form.
Description of the requirements
The ...
- 63
1
vote
0
answers
151
views
What is the best way to show navigation history events in different time zones? [closed]
I have an app that includes a navigation history function. I'm trying to find the best way to display the timestamps of history events in the case when the user changes time zones. Each timestamp is ...
- 391
2
votes
1
answer
543
views
Showing details of an event in a timeline
I have a timeline of events that are related to each other, and I need to be able to show a description of each event. the description would be 25-50 words.
Goals
The goal of this panel is to show ...
- 209
2
votes
5
answers
917
views
What is the ideal vertical distance between gaps in a timeline?
I reached the point of creating my own timeline tool for certain personal needs on my website. A lot of tasks were done very successfully, especially the fact that it's responsive. In such a design, ...
- 187
2
votes
1
answer
495
views
Matching events on timelines of different scales for a video scrub bar
Objective
To show a video timeline scrub with associated events, visually correlated to the time at which the events occur. It's my belief that this will allow the user to, with minimal effort,
...
- 121
1
vote
4
answers
887
views
Compact way to display weekly schedule?
So, basically I need to display the weekly schedule for classes. I would like this to be quite compact, so I want to just show if the class runs in the morning/afternoon/evening for each day (I will ...
- 153
2
votes
1
answer
164
views
Selecting the right units for large timeline charts
We have very granular timebased data (Captured by the minute) for a very large timeframe (can go into years). This data needs to be depicted on a timeline chart something like this
The green shows ...
- 658
0
votes
1
answer
329
views
How to display multiple timelines vertically?
On my website, I need a format that can handle a timeline of a history of enormous size conveniently. I already split up the entire timeline into separate pages for periods.
Now there's something ...
- 187
1
vote
1
answer
163
views
How to properly display subsections in a timeline
Lets say in a table view for the selected chapter, there is a list of the sections. Section one is labeled as "Article 1". "Test 1..3" are subsections of section 1. What is an appropriate way of ...
- 159
2
votes
1
answer
137
views
Should axis label change depending on time on line graphs?
I have a line graph showing number of items in queue from right now and 24 hours back in time.
I have a range of different options to chose from.
First, there are two different ways of showing the ...
- 3,513
5
votes
2
answers
941
views
Alternate to gantt chart
I want to display two different tasks in my page. Type of the task will be two but number of tasks may vary up to 100 tasks. Very important thing is, all the tasks will fall under the timescale and ...
- 51
1
vote
1
answer
212
views
How to visualize progress in categorized data?
Background:
I want to visualize my progress in bouldering in a nice graph.
At my lokal climbing gym boulder problems come in different colors: white -> very easy; yellow -> easy; green -> not so ...
- 151
5
votes
6
answers
2k
views
Should an order tracker timeline be in chronological or reverse chronological order?
'Life can only be understood backwards; but it must be lived forwards.' - Søren Kierkegaard
In an ecommerce order tracker, where there are a list of 'events' (for example, order placed, out for ...
- 6,649
0
votes
1
answer
367
views
Scheduling time-slot over a number of days
I thought this would be simple UI task; the user can select an off-peak time for software updates to occur on their devices. This is for a IoT software deployment which may reboot the devices out in ...
- 164
1
vote
2
answers
336
views
What graph should I use for simple host up or down
I'm looking for a nice way to present a timeline with something seemingly simple; whether a machine is (was) on/off (up/down).
My dataset has 1 entry per minute with TRUE/FALSE for up/down.
Most ...
- 111
1
vote
1
answer
171
views
Why do IRC (or other chat protocol) logs scroll up with time when forums usually scroll down with time?
Traditional forums -- or even modern social networks like Twitter -- typically have their latest posts at the top of the page, whereas chat protocols like IRC, Skype, or AIM have their latest messages ...
- 155
6
votes
2
answers
786
views
Should I layout timelines right to left when localizing for RTL languages?
I have an app that displays a series of animation frames as thumbnails in a row from left to right. Should I display this from right to left if the device is set to use a right-to-left language? There ...
- 505
2
votes
1
answer
186
views
Which direction gives the best sensation of progress?
I'm used to see that the progress bars fill from left to right (and in some cases from right to left in rtl languages). However, in a case where you follow a step by step that will always end in a ...
- 402