I'm working on an UI for viewing timestamped log entries. Let's say there are 100K entries total, and the UI can show 1000 at a time. The user needs UI controls to select *which* 1000 to show. 13 atbildes

Pēteris Caune
(2022-09-08 13:01:44)
@twitter
I'm working on an UI for viewing timestamped log entries. Let's say there are 100K entries total, and the UI can show 1000 at a time. The user needs UI controls to select *which* 1000 to show.
Pēteris Caune
(2022-09-08 13:02:27)
@twitter
The simple, traditional option: pagination. Cumbersome to use if the user wants to look up entries from, say 10 days ago. https://t.co/fMcXjoNSg2
Pēteris Caune
(2022-09-08 13:03:14)
@twitter
A "Seek to date or time" form where the user can jump X hours or Y days back. Going 10 days back is easy, going to e.g. "the start of previous month" requires some mental math: https://t.co/a0F1GYHq9S
Pēteris Caune
(2022-09-08 13:03:56)
@twitter
A "Seek to date or time" form, using a slider: https://t.co/je2xeZUndE
Pēteris Caune
(2022-09-08 13:04:49)
@twitter
A "Seek to date" form where the user can jump to a specific date: https://t.co/faki2mjB9a
Pēteris Caune
(2022-09-08 13:05:20)
@twitter
The same, using the browser's native date picker: https://t.co/6yx2dHRNPC
Pēteris Caune
(2022-09-08 13:06:00)
@twitter
There can be more than 1000 log entries in a single day, so the user may need to specify the time as well. https://t.co/DC1XfxGJaF
Pēteris Caune
(2022-09-08 13:06:38)
@twitter
Abandon the "seek to time" metaphor, use the more familiar "date from:" and "date to:" filters? https://t.co/PZLy5q1R2w
Pēteris Caune
(2022-09-08 13:07:10)
@twitter
Same, but as a slider with two handles: https://t.co/O6wnrB0IpH
Pēteris Caune
(2022-09-08 13:07:43)
@twitter
Let the user enter dates or time deltas in free form and try to parse them: https://t.co/sDO5hSrPRO
Pēteris Caune
(2022-09-08 13:09:21)
@twitter
Let the user seek time back and forward by 1 hour, 1 day or 1 week
Pēteris Caune
(2022-09-08 13:09:55)
@twitter
With all options where the user enters specific dates or datetimes, there's a potential for timezone confusion. Do we assume UTC, the log source's timezone, the browser's timezone?
Pēteris Caune
(2022-09-08 13:10:16)
@twitter
Virtual-scrolling: load/unload entries dynamically in small chunks to give the user the illusion they can scroll the entire 100K entries. Cons: janky on slow connection, Ctrl+F works only on the loaded portion, hard to look up specific dates.
Pēteris Caune
(2022-09-08 13:10:30)
@twitter
I'm not sure, I'm not sure! I think I need to go and ask the users.

© 2009-2017 civciv ;)