Questions tagged [timeline]

a way of displaying a list of events in chronological order

Filter by
Sorted by
Tagged with
1 vote
1 answer
48 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 ...
1 vote
3 answers
1k 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 ...
15 votes
4 answers
4k views

How best to show server availability over a 24 hour period?

I have a customer who asked me to provide a "Server Availability" chart for the last 24 hours that looks like this one: Y represents hours (0 - 23); X represents minutes (0 - 59) In this example you ...
1 vote
2 answers
168 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 ...
2 votes
2 answers
3k 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 "...
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 ...
1 vote
0 answers
14 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, ...
9 votes
2 answers
5k views

When should a timeline go from top to bottom?

Some timelines are developed from top to bottom, where the oldest element is on top, and the newest is added at the bottom. The examples include forums and message boards, chats, event logs and also ...
1 vote
1 answer
106 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 ...
2 votes
1 answer
231 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 ...
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, ...
3 votes
3 answers
152 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 ...
5 votes
3 answers
460 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 ...
6 votes
2 answers
725 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 ...
1 vote
2 answers
309 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 ...
6 votes
2 answers
253 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-...
0 votes
1 answer
132 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, ...
1 vote
1 answer
432 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 ...
0 votes
1 answer
291 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 ...
1 vote
1 answer
71 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 ...
2 votes
1 answer
100 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, ...
3 votes
1 answer
97 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 ...
4 votes
2 answers
5k views

Infinite horizontal scrolling in a timeline

It's known that infinite scrolling may be harmful for the usability and that sometimes it's better to set an end and provide a button to show more content. My question is, in a web application ...
37 votes
8 answers
5k 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 ...
1 vote
1 answer
110 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 ...
-1 votes
1 answer
5k views

Dynamic Timeline with Graph [closed]

I like Yahoo Finance Stock Chart, and the way you can filter by a date range: I have a database of news headlines, and I'd like to replace our date filter, especially for the tag cloud, with some ...
3 votes
1 answer
797 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 ...
1 vote
1 answer
199 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 ...
1 vote
0 answers
72 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 ...
0 votes
3 answers
93 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 ...
3 votes
2 answers
566 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 ...
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 ...
4 votes
1 answer
650 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 ...
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 ...
2 votes
1 answer
483 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, ...
2 votes
1 answer
135 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 ...
2 votes
1 answer
288 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. ...
0 votes
1 answer
119 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. ...
3 votes
1 answer
363 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 ...
-1 votes
1 answer
47 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 ...
1 vote
1 answer
114 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 ...
4 votes
4 answers
682 views

Dealing with clutter on user profile activity feeds

The below image represents a sample activity feed from a taxi booking mobile app that I'm working on. I've looked at several timeline examples on Pttrns website and came up with the following ...
1 vote
0 answers
147 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 ...
2 votes
1 answer
537 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 ...
1 vote
4 answers
816 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 ...
2 votes
1 answer
150 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 ...
2 votes
5 answers
870 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, ...
1 vote
1 answer
160 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 ...
5 votes
2 answers
916 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 ...
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 ...