Questions tagged [calendar]
A visual element that shows dates organised in a structured manner, often to allow selection of a date or chronologically group information.
126
questions
1
vote
6
answers
128
views
Calendar displaying 2 months but user has to select only 1 day
I'm designing a desktop form where users have to select 1 day from a calendar. It's a reservation process for restaurants.
I've been suggested to use an existing calendar component that shows 2 months ...
- 84
0
votes
2
answers
36
views
Edit an existing GCal invite
I have an application that allows the user to send out a GCal invite. Within the page, there is a button that says, "Create GCal invite."
For the time being, to keep the scope small, this ...
- 1,209
0
votes
1
answer
105
views
Meeting scheduling - how to declare availability
Imagine you have a website where you can book appointments. A visitor of the website is able to choose his desired time slot. What I would like to discuss here is the other side of the story: the ...
- 101
3
votes
1
answer
90
views
How to lead AT users from non-accessible content to an accessible alternative
The Drupal website I'm working on has a traditional grid style calendar. The main view of the calendar is based on the Full Calendar JS library. After testing it with a screen reader I decided it wasn'...
- 31
1
vote
3
answers
112
views
Color keys for large data sets?
I have a task to create a day-by-day calendar list within a SaaS platform.
The calendar will encompass many different types of events and roles within the software. As part of this calendar, the ...
- 25
2
votes
2
answers
131
views
Best way to discover creating events in calendar application
I have a mobile calendar app
First I want to say that my app is not a normal calendar app, because users may sometimes need to add a lot of events at once, not like google calendar where people ...
- 71
1
vote
1
answer
223
views
Datepicker: Selection of multiple
I'm designing a web management software that requires users to indicate their work days. These users do not have regular work days and hence we decided to allow them to just pick their work days from ...
2
votes
1
answer
182
views
What should I use in a calendar: horizontal scroll or pagination?
I am working on a calendar in the system to be used on a tablet, and have a question:
Imagine that you are a store manager and you want to view the calendar (in this case by week) for 2 or more ...
- 43
1
vote
2
answers
292
views
Date Range Filter Standard
Has anyone encountered Date Range Filtering Standards in any business areas?
What is the best practice in Date Range Filtering, V1 or V2?
What could be some better options than this?
4
votes
2
answers
86
views
Visualizing squashed availability of N-items
I'm trying to squash the availability view of n-items into a single day column in an availability calendar. The use case is for reserving products. We can have n-pieces of any particular product, say ...
- 51
3
votes
3
answers
286
views
What dates do date range pickers default to?
I'm working on a photos app that lets you filter photos based on date range. When a user selects the "Date" filter, two calendars appear and from there they are able to pick a (to and from) date range....
- 1,209
2
votes
1
answer
70
views
How would you illustrate days progression within a month (elapsed days)?
I am looking for a visual way to display the elapsed and remaining days within a month without displaying a calendar.
Basically the purpose of the app is to reach a goal in a month time frame. So ...
- 4,393
1
vote
1
answer
155
views
Room Booking & Availability Horizontal Scroll
I'm in the process of designing a room booking / availability web application.
Some of the application specifics are;
there are 30 rooms (across three floors, in the same building)
rooms are of ...
- 111
1
vote
1
answer
149
views
Overview of daily status for list of items
I'm trying to design an overview UI that helps people understand the daily status for a list of items.
Each item is a "job" or automation that runs once on each day. A given day's instance can only ...
- 13
1
vote
1
answer
1k
views
Availability Calendar UI/UX Approach
I'm currently working on an availability calendar where the users will be able to see the available slots of a tutor that he has previously set.
Users can book a lesson by clicking on an available ...
- 21
1
vote
1
answer
80
views
Calendar display options issue
On the website of a client we have a calendar of events with quite a bit information in addition to the date and place. It looks like this:
It's a jssor static slider
The user can see/go to the next ...
- 16.5k
3
votes
1
answer
93
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
2k
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
1
vote
3
answers
122
views
Month calendar day sequence convention
I noticed that many "month calendars/date pickers" start with Sunday and end with Saturday in the header - Is this a standard in the western world or is it a convention or is there any reason behind ...
- 143
3
votes
3
answers
308
views
Date or Time From/To
I have a filter that allows the user to specify a date/time from/to within one field. The field has a popup calendar that enables date selection and right below the calendar, still in the same pop up, ...
- 177
12
votes
8
answers
4k
views
UX pattern for two people to agree a date/time
Background: Freegle allows people to give away things they don't need to other people nearby. Part of this involves agreeing a date/time for collection. People do this by messaging back and forth, ...
- 123
1
vote
1
answer
98
views
Best Practice for indicating part of a week textually (specifically contiguous days)
I realise I'm probably splitting hairs here, but I feel like there should be some sort of convention or best practice for this situation, but I haven't been able to find anything online, and I can't ...
- 111
3
votes
2
answers
441
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
2
votes
6
answers
173
views
best way to depict up to 17 different entities in a calendar (week view)
I'm developing a week view of a calendar for scheduling 17 different venues (river boats as well as physical locations like banquet halls) for a client who specializes in providing venues for weddings,...
- 121
10
votes
2
answers
3k
views
In an RTL language, in what direction should calendar days go?
These are two alternative layouts of a calendar on a hebrew-language site. Hebrew is written from right to left. Should we display the dates in the same way that the language is written (RTL), or ...
- 30.5k
4
votes
2
answers
12k
views
When does the first week of a given month start?
I wish to display a bar chart showing weekly revenues per month. A week is defined from 12:00 AM Sunday to 11:59 PM Saturday. I want to display full week values (i.e. not just revenues for 7/1 for ...
- 1,011
0
votes
2
answers
260
views
Where to place buttons in calendar web app?
A few years ago I built a web application for my wife that allows her to keep track of recipes, add them to a calendar, and create a grocery list from a specific range of dates. I'm doing a facelift ...
- 115
1
vote
1
answer
964
views
Usability of "agenda" view vs "basic" view for calendar?
For web-application time slots scheduling (slots are of 1-2 different durations 15 minutes-1 hour mostly, not arbitrary, no overlaps), basic CRUD, no drag-n-drop rescheduling, there maybe lots of 20-...
- 223
1
vote
1
answer
110
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
5
votes
1
answer
2k
views
Accessible web calendar overview that's screen reader friendly
One of our accessible-savvy dev.teams are building a new web interface to a booking system. It looks and acts pretty much like a web calendar interface.
In this very first iteration, we'd like ...
- 859
2
votes
1
answer
144
views
Calendar date selection patterns
If user needs to apply leave with a combination of AM, PM and full day leaves...what is the best practice or pattern I can follow?
1
vote
2
answers
240
views
Navigate from monthly to daily view in a dashboard
I need to provide users a way to view data on a dashboard on a monthly basis or daily basis. It should be possible to navigate back and forth from daily to monthly view.
The users should also be ...
- 98
0
votes
1
answer
301
views
Color guidelines for blue and orange website [closed]
What would be the good choice of colors to put on my calendar day buttons so that the user will easily identify what is done, skip or ongoing. For now I use the orange as default button color, blue ...
- 101
2
votes
3
answers
355
views
Display non-consecutive months in a calendar
I'm working on a mobile-first interface where users will be able to choose a range of dates. Most users will want to use date ranges occurring in the near future. However, there are users who will ...
- 467
0
votes
3
answers
151
views
Stuck - Bus fleet schedule calendar
At my job, I need to create a calendar that shows the days and time slots in each day, and in each slot, I need to show what are the buses that are out each day, who are the bus drivers etc.
This is ...
- 319
0
votes
2
answers
341
views
How to note that a ticket price is not the final price?
On an e-commerce site we are developing we have a calendar presenting minimum tickets prices, but the final prices will include additional fees.
Our client asked us to add a clear note above the ...
3
votes
3
answers
143
views
What's the rationale behind e-mail clients containing calendaring functionalities?
Many e-mail client programs contain calendar features. Since I rarely ever use any calendaring features I fail to see how e-mail and calendar are related.
To me it feels like calendaring is a ...
- 319
3
votes
1
answer
1k
views
Display year selection dropdown in a calendar
I have a calendar control which currently has "Previous Year" and "Next Year" button to switch years. I want to improve it, as most of the time a user has to go 3-4 years back.
Currently, I plan to ...
- 313
1
vote
1
answer
254
views
Interactive calendar/date picker with sparsely selectable dates?
So basically the problem is that I have a rather long (4000+) list of dates going back about 30 years, of dates for which a user can select data from that specific date. Its somewhat sparsely ...
- 111
1
vote
1
answer
352
views
Rolling calendar view - choosing a start date
I'm currently building a web app that allows users to register as course attendees. Obviously, one can't register for past courses, and we would like to prevent registration in courses beyond two ...
- 111
8
votes
5
answers
3k
views
How do I design a beautiful 6 month calendar view with 15+ event types?
I have designed a calendar web application at my work, and it has been well recieved. So well that multiple departments of my company has adapted it, and requested their own categories for their ...
- 195
1
vote
1
answer
755
views
Calendar event with unspecified end time
I'm developing an iOS app that stores details on events. There are input fields for event date, start time and end time. None of which are required. There is an option to add these events to your ...
- 230
2
votes
1
answer
335
views
Styling a calendar with/without border lines to help users pick a date
I imagined that this would be a topic covered on here or on some other place on the internet, but have struggled with finding the right key words or any sort of literature on the calendar.
I would ...
- 89
1
vote
2
answers
231
views
machine-readable and human-readable text representation of a recurring schedule
We're working on an "import from Excel" feature to speed up bulk data entry, especially when moving data from another B2B system into ours.
Of the 20-ish fields we'll be importing, only one of them ...
- 1,823
1
vote
2
answers
249
views
How to list event details in a calendar card display and filter events
I am re-designing a recruiting events calendar that will display each event in a card format. Here's a bit of background - recruiting happens in a two month time span, so a full month calendar display ...
- 85
2
votes
3
answers
182
views
Improve display of booking and rooms
On campus we have some large electronic boards (see the image below) displaying 6 rooms. Each color represents a seperate room, and shows when that room is booked.
Does there exists a more user ...
- 123
2
votes
3
answers
3k
views
Booking Calendar UX/UI - Approach
I am attempting to think a responsive design for a booking calendar which allows booking of available slots. In general, calendar UI's have time of the day as a vertical arrangement and days of the ...
- 3,899
35
votes
6
answers
5k
views
Should date pickers for meetings offer the ability to schedule a meeting for 0 minutes?
For example: The End time picker in outlook and google calendar allow to schedule a meeting/event for 0 minutes.
Is this a real use case? Why would anyone schedule something for 0 mins? Does anyone ...
- 393
1
vote
1
answer
80
views
Differentiating the "device" calendar from online calendar services when asking the user to add an event
I have an event for users that they can add to their calendar. So, users are given multiple options of which calendar program or service they want to add the event to. However I am having trouble ...
- 583
0
votes
1
answer
105
views
Click and drag vs. two clicks to mark period on calendar. Which practice wins here?
I'm working on calendar app and we have a debate:
What's the best practice to mark a period:
Click and drag - like Google Calendar and AirBnb
or
2 Clicks to mark (first click starts the marking ...
