a way of displaying a list of events in chronological order

learn more… | top users | synonyms

0
votes
0answers
402 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 ...
2
votes
2answers
92 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 ...
3
votes
6answers
282 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 ...
1
vote
1answer
76 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 ...
0
votes
0answers
45 views

Visualizing multiple steps in a long workflow

There's a complex workflow where multiple users are participating. Workflow consists of multiple phases which need to be completed, some phases need to be done before another, some can be done at the ...
0
votes
1answer
39 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
44 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
76 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 ...
0
votes
1answer
54 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
67 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 ...
3
votes
3answers
207 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
168 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
49 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 ...
1
vote
1answer
219 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. ...
2
votes
1answer
96 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
103 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 ...
1
vote
1answer
231 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 ...
3
votes
3answers
401 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
57 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 ...
14
votes
4answers
2k 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 ...
2
votes
1answer
107 views

How to clear selection which may fully cover the control's area?

Background: A picture is worth a thousand words: Well, but now that thousand words... What you can see on the above image is the time line control I'm working on. There is a line graph with some ...
2
votes
1answer
2k 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 ...
11
votes
4answers
946 views

How to display a timeline?

My question seems easy but I have to display a time line in a small area due to layout constraint. And I have to write some "actions" to do throughout the line (1 to 4 words). Sometimes I have two ...
1
vote
2answers
256 views

What is the fastest way a user can bulk update a set of dates?

I have a little web app that basically shows a roadmap of projects. Think your typical timeline view like this: Each project has a date. Right now if you want to change the date of a project you ...
3
votes
3answers
338 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 ...
5
votes
2answers
518 views

1-column vs n-column timelines / news feeds

Facebook's news feed employs a 1-column layout, whereas Google+ employs multi-columns, depending on the width of the browser. (It appears it's between 1-3 columns). Pinterest have many. Are there ...
7
votes
2answers
819 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 ...
7
votes
4answers
483 views

Tracking Shipment Progress

I am currently in the process of designing an application where customers can log on and see a list of all of their existing orders and view where the current transit progress is. Just like FedEx or ...
0
votes
1answer
119 views

How to change the sections on the timeline player, relative to the length of the video?

For example we have video player with width 600px and video file with length 1min. On what time range I need to divide video player timeline? Maybe there some formula? For example | | ...
6
votes
3answers
824 views

Using a Timeline in a Responsive Design?

I might already know the answer to this but would like some feedback / opinions on this. I am currently putting together a responsive design that will use a linear horizontal timeline. This works ...
3
votes
2answers
760 views

Examples of magnification/zoom to see details [closed]

I'm looking for examples of interfaces where the user is shown part of the UI enlarged or magnified so they can perform a detailed task. One example would be the magnified text on an iPhone when ...
10
votes
1answer
385 views

What is wrong with putting price timeline in e-commerce sites?

Why don't e-commerce sites, e.g. amazon, include price timeline charts for their products so that users will be persuaded on the discounts? Does it incur any culprits for usability or even for sales? ...
3
votes
3answers
2k views

How to display a family tree in a horizontal timeline

I am having a hard time to configure a proper way to display a family tree in a horizontal timeline. Most of family trees do not represent events based on time points, but in my case I will have to ...
3
votes
2answers
2k views

How to best represent scheduling information for a manufacturing dashboard

I'm working on the design of a manufacturing dashboard to track the status of various "jobs" as they make their way through various manufacturing processes. I'm trying to develop a creative way of ...
9
votes
1answer
270 views

How to visualize a flowchart for the channels?

I'm trying to create a flowchart diagram. It includes the following data: Time with interval of 30 minutes A group of data for each time interval Data flow inside to this group Data flow outside ...
0
votes
1answer
241 views

scrolling gantt experience

I've got a webpage with a fairly small window containing a Gantt chart timeline. As to not completely overload the user with all the items in the Gantt, it only shows the four items most relevant to ...
2
votes
3answers
2k views

Displaying overlapping events in a scalable timeline

In addition to a changelog-style data display tool, I am adding a timeline that visualizes when these changes happened. The timeline should be infinitely variable, with the possibility of zooming in ...
1
vote
1answer
340 views

What control flow can replace vertical (or horizontal) scrolling lists?

Assume a list (timeline) like you have in a mobile app like Path, Google+ or Facebook. The list is heterogeneous, the list items may be photos links (expanded snippets) texts (status updates) and ...
1
vote
0answers
286 views

Good UI for switching between timelines of different scales [closed]

Looking for some examples of gestural interaction designs for switching quickly between different time horizons – e.g. day, week, month, year, multiple years
6
votes
2answers
739 views

Natural UI: Best way to show a time range and interact with it

I have a time range filter (for a web app, desktop and mobile) that looks like this: In this case, time is not relative to the user in terms of number of days (7 days ago), but it respects the ...
-1
votes
1answer
4k 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 ...
6
votes
2answers
932 views

What's the best way to represent a timeline graphic

I am trying to represent the following server downtime: (I have couple of more combinations, I have removed for brevity) Server A : 4:00 - 4:30 AM Server B : 5:30 - 6:00 AM Server C : 6:00 - 6:30 ...
3
votes
3answers
517 views

Representing the presence of short events in a long timeline

I am designing an interactive timeline that shows the durations of events visually categorized into a small set (<8 categories). This timeline is very long compared to the length of events: events ...
10
votes
7answers
1k views

Any examples or suggestions for working with timelines [closed]

I'm going to be writing an application that needs to handle linear work flows. For simplicity, there are two types of entries: Events: A trigger condition that allows you to move forward. It may ...
3
votes
4answers
778 views

What are examples of complex digital interfaces? [closed]

This is a call for inspiration, as I don't seem to find any beautiful web-based UI that deals with complex actions and visualizations out there on the web. I'm designing a (web-based) digital ...