Stack Exchange Network

Stack Exchange network consists of 175 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange

Questions tagged [timeline]

a way of displaying a list of events in chronological order

2
votes
1answer
47 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
1answer
70 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 ...
0
votes
1answer
61 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 "KW x". ...
36
votes
8answers
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
1answer
79 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
vote
0answers
54 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
3answers
72 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 ...
1
vote
1answer
80 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 ...
1
vote
3answers
102 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 ...
1
vote
1answer
131 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 ...
0
votes
3answers
70 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 ...
2
votes
1answer
130 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 ...
3
votes
1answer
207 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 ...
3
votes
2answers
160 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 ...
6
votes
2answers
122 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-...
1
vote
1answer
132 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. ...
3
votes
1answer
162 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
1answer
38 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 ...
68
votes
4answers
13k 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 ...
0
votes
1answer
70 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....
1
vote
1answer
91 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
2answers
173 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 ...
1
vote
0answers
89 views

What is the best way to show navigation history events in different time zones?

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 ...
4
votes
1answer
455 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
5answers
484 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
1answer
312 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, ...
1
vote
4answers
489 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 ...
1
vote
1answer
104 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 ...
0
votes
1answer
163 views

How to display multiple timelines vertically?

On my website, I need a format that can handle a timeline of a (fictional) history of enormous size conveniently. I already split up the entire timeline into separate pages for eras - that might be ...
1
vote
1answer
94 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 ...
2
votes
1answer
121 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
votes
2answers
645 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 ...
1
vote
1answer
175 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 ...
4
votes
6answers
1k 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 ...
0
votes
1answer
264 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 ...
1
vote
2answers
183 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 ...
1
vote
1answer
110 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 ...
2
votes
1answer
335 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 ...
2
votes
1answer
121 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 ...
4
votes
3answers
2k views

timeline for desktop and timeline for mobile

Building a feature for desktop,tablet and mobile which uses a timeline to show the latest update. the amount of updates on the timeline is unpredictable. For mobile we have already used a vertical ...
4
votes
2answers
671 views

How to show that a chart is a zoomed-in version of a different one?

I have two side-by-side charts, showing some time series data. What would be the best way to convey that: The second chart is a zoomed-in version of the first one Give an indication of what is the ...
0
votes
2answers
65 views

The best way to represent simultaneity in storytelling

What is the best way to represent many events at the same time in UI in order to perform a storytelling? Do you have some source of inspiration? Some examples of application of this case: 1) I want ...
2
votes
1answer
140 views

Creating an interactive visualization of values over time

I am working on a system where users have different capacities. At the moment, these values are just a fixed number. Each user has 4-5 different capacities to set. In the near future, users must be ...
1
vote
2answers
203 views

How to visualize identical cells in a data table

I have a time series grid for which there will be sparse data, as changes won't happen often, as shown: I'm wondering what the best way to display cells when there haven't been any changes is. The '-...
2
votes
1answer
629 views

Vertical or Horizontal Slider for History version?

I'm working on a History Control Version of a web app. It will be kind of Time Machine style, where you can move a slider to go from past to present (or the other way too) and immediately see an image ...
0
votes
0answers
712 views

Playing from a frame with a stop() in Edge Animate

I have a relatively simple two-part UI animation that I am trying to prototype using Edge Animate. It is a button that has both a hover state and a "clicked" state. I am using color transitions for ...
1
vote
1answer
807 views

What is the best way to represent historical data?

I have a project with multiple test cases. Each of these test cases contain data related to their failure and success for each run as well as the time taken for the API calls during each execution. ...
3
votes
3answers
453 views

Is a timeline a form of sorting?

I am working on the design of a page that is supposed to provide call center employees with the means to view transaction history. There are 8-9 variables in play, I have tackled this by allowing ...
-2
votes
1answer
66 views

How long for a visual design? [closed]

How long would it take you to do a visual design mockup of a dashboard (one-page) in say photoshop? This does not include any research related to it. Would you spend one day or more like a week? I ...
15
votes
4answers
3k 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 ...