Initial screenshots of the new UI
2 views
Skip to first unread message
Uri Shaked
May 1, 2010, 7:20:21 PM5/1/10
to sbm-co...@googlegroups.com
Based on the suggestions of Tom and Alex, here is a screenshot of the current UI. This is still far from being perfect, as you can see not all elements are there and the instrument positioning is tight and messy, also the button at the top are missing the glyphs (I just put there some text for now):
I plan to get it ready throughout this week, so that in the weekend we'll have the second beta version ready.
Meanwhile, if you have any ideas what could be put in the circle, you are welcome. And of course, we'll try to decide on a decent icon for the application.
Have a great week, Uri.
I plan to get it ready throughout this week, so that in the weekend we'll have the second beta version ready.
Meanwhile, if you have any ideas what could be put in the circle, you are welcome. And of course, we'll try to decide on a decent icon for the application.
Have a great week, Uri.
SmartAlx
May 1, 2010, 7:33:40 PM5/1/10
to sbm-co...@googlegroups.com, sbm-co...@googlegroups.com
Super duper Uri!
I'd like to see 2 things. Something that tells me which key and which
BPM I am playing. (Maybe THAT could go in the center. Not my
preference since BPM and Key are not the most important things in the
app.)
Also, arrows beside the upper slider to make fine adjustments to the
BPM at least. The slider is difficult to use. I try it with my Cha
Cha team practice. I like to slowly tweak the BPM up while they are
practicing so they gradually get up to speed. I'd LOVE to be able to
use this app in a dance class and start the students at 75 BPM and
gradually increase the speed to 90. If I have to use the slider im
sure I'd be prone to slipping and they'll catch onto what I'm doing.
And please don't forget to give us some way to make 10th BPM
adjustments... 60.3 BPM. 75.5 BPM 90.8 BPM. I think that's pretty
important, although that might take time (and more arrows) I understand.
Also, PLEASE, keep the text "KEY" and "BPM" They look GREAT. They
don't take up much room. They tell you exactly what you have without
having to decipher the meaning of the glyph.
Other than that looks great. I would like to see something other than
just grey fill for the off instruments but I can certainly live with
it this way.
Sent from my iPhone
On May 1, 2010, at 6:20 PM, Uri Shaked <u...@salsa4fun.co.il> wrote:
> Based on the suggestions of Tom and Alex, here is a screenshot of
> the current UI. This is still far from being perfect, as you can see
> not all elements are there and the instrument positioning is tight
> and messy, also the button at the top are missing the glyphs (I just
> put there some text for now):
>
I'd like to see 2 things. Something that tells me which key and which
BPM I am playing. (Maybe THAT could go in the center. Not my
preference since BPM and Key are not the most important things in the
app.)
Also, arrows beside the upper slider to make fine adjustments to the
BPM at least. The slider is difficult to use. I try it with my Cha
Cha team practice. I like to slowly tweak the BPM up while they are
practicing so they gradually get up to speed. I'd LOVE to be able to
use this app in a dance class and start the students at 75 BPM and
gradually increase the speed to 90. If I have to use the slider im
sure I'd be prone to slipping and they'll catch onto what I'm doing.
And please don't forget to give us some way to make 10th BPM
adjustments... 60.3 BPM. 75.5 BPM 90.8 BPM. I think that's pretty
important, although that might take time (and more arrows) I understand.
Also, PLEASE, keep the text "KEY" and "BPM" They look GREAT. They
don't take up much room. They tell you exactly what you have without
having to decipher the meaning of the glyph.
Other than that looks great. I would like to see something other than
just grey fill for the off instruments but I can certainly live with
it this way.
Sent from my iPhone
On May 1, 2010, at 6:20 PM, Uri Shaked <u...@salsa4fun.co.il> wrote:
> Based on the suggestions of Tom and Alex, here is a screenshot of
> the current UI. This is still far from being perfect, as you can see
> not all elements are there and the instrument positioning is tight
> and messy, also the button at the top are missing the glyphs (I just
> put there some text for now):
>
t0m
May 2, 2010, 9:28:32 AM5/2/10
to Salsa Beat Machine - Community Discussion
Just wondering - as an alternative, just to put this out there - of
having KEY and BPM as part of a UISwitch, with BPM and KEY as labels
(instead of say ON and OFF)? Might say visually, which is selected to
control the slider? Could put on top left, then have the up down
arrows for fine tuning BPM. Would mean slider was off centre. But in a
way, that'd maybe decrease initial confusion as to why there are two
sliders visible at once? Some sort of compartmentalising the KEY BPM
row with a border might help, might not. Then beyond the up down arrow
heads on the right of them to the left of the slider, you could have a
box which displayed the KEY/BPM ? If the slider was condensed
slightly, you could have that box centre.
Not that it'd happen - but it is there a quick way to double check
using the next page UI dots for the beat visualiser won't get you a
reject from Apple app testers? Not sure if they'll have fenced it off
to be used only for a specific use.
Any ideas from others about something other than grey fill for off
instruments?
having KEY and BPM as part of a UISwitch, with BPM and KEY as labels
(instead of say ON and OFF)? Might say visually, which is selected to
control the slider? Could put on top left, then have the up down
arrows for fine tuning BPM. Would mean slider was off centre. But in a
way, that'd maybe decrease initial confusion as to why there are two
sliders visible at once? Some sort of compartmentalising the KEY BPM
row with a border might help, might not. Then beyond the up down arrow
heads on the right of them to the left of the slider, you could have a
box which displayed the KEY/BPM ? If the slider was condensed
slightly, you could have that box centre.
Not that it'd happen - but it is there a quick way to double check
using the next page UI dots for the beat visualiser won't get you a
reject from Apple app testers? Not sure if they'll have fenced it off
to be used only for a specific use.
Any ideas from others about something other than grey fill for off
instruments?
Uri Shaked
May 2, 2010, 7:23:49 PM5/2/10
to sbm-co...@googlegroups.com
On 02/05/2010 16:28, t0m wrote:
> Just wondering - as an alternative, just to put this out there - of
> having KEY and BPM as part of a UISwitch, with BPM and KEY as labels
> (instead of say ON and OFF)? Might say visually, which is selected to
> control the slider? Could put on top left, then have the up down
> arrows for fine tuning BPM. Would mean slider was off centre. But in a
> way, that'd maybe decrease initial confusion as to why there are two
> sliders visible at once? Some sort of compartmentalising the KEY BPM
> row with a border might help, might not. Then beyond the up down arrow
> heads on the right of them to the left of the slider, you could have a
> box which displayed the KEY/BPM ? If the slider was condensed
> slightly, you could have that box centre.
>
Well, that's interesting - do you think this will be more intuitive for
> Just wondering - as an alternative, just to put this out there - of
> having KEY and BPM as part of a UISwitch, with BPM and KEY as labels
> (instead of say ON and OFF)? Might say visually, which is selected to
> control the slider? Could put on top left, then have the up down
> arrows for fine tuning BPM. Would mean slider was off centre. But in a
> way, that'd maybe decrease initial confusion as to why there are two
> sliders visible at once? Some sort of compartmentalising the KEY BPM
> row with a border might help, might not. Then beyond the up down arrow
> heads on the right of them to the left of the slider, you could have a
> box which displayed the KEY/BPM ? If the slider was condensed
> slightly, you could have that box centre.
>
users? I have to check whether UISwitch lets you change the labels.
Also, where will we display the current values then?
I think it'll be valuable for the users having both current BPM and KEY
setting visible at the same time.
> Not that it'd happen - but it is there a quick way to double check
> using the next page UI dots for the beat visualiser won't get you a
> reject from Apple app testers? Not sure if they'll have fenced it off
> to be used only for a specific use.
>
Do you know any other applications that use the UI dots for indicating
> using the next page UI dots for the beat visualiser won't get you a
> reject from Apple app testers? Not sure if they'll have fenced it off
> to be used only for a specific use.
>
stuff other than the current page? In case it does get rejected for that
reason, we could easily replace it with red dots or something like that...
> Any ideas from others about something other than grey fill for off
> instruments?
>
Maybe just an outline? It took me a whole hour, btw, to figure out how
> instruments?
>
to flood fill the instrument with gray color using the Quartz API...
Every day we learn something new :)
SmartAlx
May 2, 2010, 7:44:07 PM5/2/10
to sbm-co...@googlegroups.com
On May 2, 2010, at 6:23 PM, Uri Shaked <u...@salsa4fun.co.il> wrote:
> On 02/05/2010 16:28, t0m wrote:
>>
>> Well, that's interesting - do you think this will be more intuitive
>> for users? I have to check whether UISwitch lets you change the
>> labels. Also, where will we display the current values then?
> I think it'll be valuable for the users having both current BPM and
> KEY setting visible at the same time.
That's why in my version I put Key on the left and BPM on the right.
> On 02/05/2010 16:28, t0m wrote:
>>
>> Well, that's interesting - do you think this will be more intuitive
>> for users? I have to check whether UISwitch lets you change the
>> labels. Also, where will we display the current values then?
> I think it'll be valuable for the users having both current BPM and
> KEY setting visible at the same time.
You can display the label AND the value.
Key C# ------- 75 BPM
I guess you could flip it:
75 BPM ------- Key C#
I think this is very intuitive, especially with arrows.
75 BPM < --- > Key C#
In fact I can't imagine it being more intuitive.
SmartAlx
May 2, 2010, 8:01:25 PM5/2/10
to sbm-co...@googlegroups.com, Salsa Beat Machine - Community Discussion
On May 2, 2010, at 8:28 AM, t0m <tft...@googlemail.com> wrote:
> Just wondering - as an alternative, just to put this out there - of
> having KEY and BPM as part of a UISwitch, with BPM and KEY as labels
> (instead of say ON and OFF)? Might say visually, which is selected to
> control the slider? Could put on top left, then have the up down
> arrows for fine tuning BPM. Would mean slider was off centre. But in a
> way, that'd maybe decrease initial confusion as to why there are two
> sliders visible at once?
slider is at the bottom where the volume normally is and the other is
at the top where the BPM and key are clearly labelled.
No insult intended, but I feel that the UISwitch method seems a bit
"clunky," at least to me. Tapping the BPM label to adjust the BPM is
elegant IMHO.
I'd be concerned about two more black arrows immediately above the set
of black arrows Uri has included to change instrument programs. The
arrows I'm asking for have a different appearance since they are a
part of the slider.
t0m, I'd suggest mocking up the UI as you would like to see it so we
can see everything together.
Reply all
Reply to author
Forward
0 new messages