Hi all,
Thanks to the folks on the design team call today who gave us feedback
on the time picker. It seems the interactive prototype (which Jacob is
still working on) of the "rolling" version (#1, below) has been more
impressive for people, so I posted the current version of it here: http://ets-dev.berkeley.edu:8901/trunk/html/timepicker.html
for folks to play with.
Thanks, and keep the feedback coming!
Allison
On Dec 9, 2008, at 8:38 PM, Allison Bloodworth wrote:
Hi folks,
Thanks much for all your great comments! Erin and I are currently
trying to determine which direction to go with the time picker (e.g.
we are considering doing a short user test on multiple options), and
if possible would like to do a short design review of the current
two different time picker options at the design team meeting
tomorrow at 11am PDT on Breeze. If folks attending the meeting could
take a look at them beforehand and anyone not attending the meeting
could send their comments to the list, that would be great.
Here are the two options, which are both located at the bottom of
their respective page:
#1:
http://wiki.fluidproject.org/display/fluid/Date+Picker+Storyboard+-+Selecting+Opening+Date+and+Time
#2: http://wiki.fluidproject.org/display/fluid/Date+Picker+Wireframes
Paul, thank you for pointing out a nuance in the time picker that we
didn't address. I like your suggestion about changing AM/PM to noon/
midnight. As you suggest, perhaps some competitive analysis and user
testing is in order to determine whether this is the right approach.
Cheers,
Allison
On Dec 2, 2008, at 2:59 PM, Paul Zablosky wrote:
Looking at the wireframes for the time picker, I have been
wondering about how you plan to distinguish between 12:00 noon and
12:00 midnight. I couldn't find an answer to this in the design
pages. Do you plan to have the AM/PM change to Noon/Midnight when
exactly 12:00 o'clock is displayed? This is probably the best way
to get around the usual confusion on this topic, but it may also be
worthwhile to do a bit of user testing as well.
Paul
Erin Yu wrote:
Hi everyone,
Here is where Allison and I are at regarding Date Picker.
We have tested our initial design with the users using paper
prototypes. The date picker was a familiar and straightforward
interaction to them, whereas the wheel-like time picker wasn't as
popular. Many users thought the hour, minute, and am/pm wheels
were stuck together and rotated together. We think that the users
might have perceived it differently if the visual cues and
interaction of a dynamic implementation were available. Jacob was
able to quickly put together an interactive prototype of the time
picker, and we'd like to test it with the users to see if it's
better. We will send out the link to the prototype when it is ready.
The user testing results are posted here:
http://wiki.fluidproject.org/display/fluid/Date+Picker+Paper+Prototype+User+Testing+-+Round+1+Results
The storyboards shown to the users are posted here:
http://wiki.fluidproject.org/display/fluid/Date+Picker+Storyboard+-+Selecting+Opening+Date+and+Time
http://wiki.fluidproject.org/display/fluid/Date+Picker+Storyboard+-+Selecting+Due+Date+and+Time
http://wiki.fluidproject.org/display/fluid/Date+Picker+Storyboard+-+Selecting+Opening+Date+and+Time
Based on the user feedback, we slightly modified the behaviour of
mouse-overed, selected, and previously selected dates. The new
design is posted here:
http://wiki.fluidproject.org/display/fluid/Date+Picker+Wireframes
We had a productive discussion about the date and time picker with
Antranig and Jonathan at the all-hands. One of the technical
concerns was that since the time picker wheel is fixed around the
text field, it might get cut off when the text field is at the
very bottom of the page. Eli did a quick test and was able to tell
us that when the the time picker pops up at the bottom of the
page, the extra area of the page can become scrollable to show the
full length of the time picker.
Some of us thought it would be a good idea to put date and time
picker in one text field/ one pop-up, others thought it would be
better to separate the two. Let us know if you think one
interaction or the other would better suit your use cases or be
more usable for your users. We've also explored the tabbed picker
that toggles between date and time once you've picked them. A
rough draft of this idea is shown at the bottom of this page (also
shows a modified version of the time picker):
http://wiki.fluidproject.org/display/fluid/Date+Picker+Wireframes
Thanks for reading!
More to come,
Allison & Erin
_______________________________________________________
fluid-work mailing list - [email protected]
To unsubscribe, change settings or access archives,
see http://fluidproject.org/mailman/listinfo/fluid-work
_______________________________________________________
fluid-work mailing list - [email protected]
To unsubscribe, change settings or access archives,
see http://fluidproject.org/mailman/listinfo/fluid-work
Allison Bloodworth
Senior User Interaction Designer
Educational Technology Services
University of California, Berkeley
(415) 377-8243
[EMAIL PROTECTED]
_______________________________________________________
fluid-work mailing list - [email protected]
To unsubscribe, change settings or access archives,
see http://fluidproject.org/mailman/listinfo/fluid-work
Allison Bloodworth
Senior User Interaction Designer
Educational Technology Services
University of California, Berkeley
(415) 377-8243
[EMAIL PROTECTED]
_______________________________________________________
fluid-work mailing list - [email protected]
To unsubscribe, change settings or access archives,
see http://fluidproject.org/mailman/listinfo/fluid-work