Take the 2-minute tour ×
User Experience Stack Exchange is a question and answer site for user experience researchers and experts. It's 100% free, no registration required.

I have a screen that displays section headers. I display 3 section headers in a scroll view.

My problem is that each section can change its content based on time intervals.

For example, I have 3 section headers like:

Gold Price 
---------------------------
List item 1 
List item 2 
List item 3 

Petrol Price 
---------------------------
List item 1 
List item 2 
List item 3 

Silver Price 
---------------------------
List item 1 
List item 2 
List item 3 

Now any of the section headers like (Gold Price) can change its content (list items) by selecting different time spans (last 7 days, last 2 weeks, last 1 month, ...)

I am looking for a way to display the time span options (spinner) along with the section headers.

Furthermore I can't use tabs because there already exist tabs in the screen. And there is other content than the scroll view in the same screen. I want a solution to display them and respect the holo visual language in android.

Is it fine to use a spinner as a section header with a divider displayed below it?

share|improve this question
    
Is it one time span per header or one for all three? –  micap Sep 23 '13 at 12:52
    
time span per header –  confucius Oct 5 '13 at 21:20

2 Answers 2

Ideally, all three categories should be placed alongside each other horizontally because they are of the same nature and pertain to the same kind of elements. Requiring the user to scroll downward through them, especially when some are longer than others or off of the screen, will make retrieving information from them much more difficult -

problem

Although you have expressed concern that there isn't a lot of spatial real estate to work with, this potential solution can be consolidated in a usable way -

potential solution

It then follows that the spinner, containing the parameter for time adjustment, can be made applicable to all three categories at once. This way, the layout intuitively suggests the comparative differences between items over time (vertical) and the differences between items amongst the categories (horizontal).

If you wanted to make things really intuitive, you could forgo the heading spinner entirely, and allow the user to scroll down for a larger time interval!

share|improve this answer
    
Those are beautiful sketches, did you do them by hand? –  Racheet Oct 7 '13 at 16:21
    
@Racheet I appreciate it! I did, pencil and paper is my weapon of choice. :) –  XLXMXNT Oct 7 '13 at 18:08

You have limited building blocks on Android, so you could use:

  1. Standard Spinner control enter image description here
  2. "Hacked" Scrollable Tab control – could be tricky enter image description here
  3. "Hacked" Picker control – could be tricky enter image description here
share|improve this answer

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.