Author Topic: Updating the UI: Main Screen Edition  (Read 572 times)

DDR

  • Krontech
  • Newbie
  • *****
  • Posts: 46
    • View Profile
    • Krontech
Updating the UI: Main Screen Edition
« on: February 22, 2018, 11:12:03 PM »
Hey guys! I've finally got the wireframe-ish mockups I've been making into a presentable shape. I've made a few versions of a future main screen I'd love to get some feedback on. 8)

Here's an early iteration, Version A.


Version A in record mode. (The blue ring is how much memory you have left to record in to.)


After some discussion internally, this resulted in Version B, where the text moved out onto the image and the record button moved into the sidebar beside the play and save screen button.


Then patrickrebstock, somewhat unintentionally, inspired me to try switching around some of the buttons to put the most-used ones on the left side. (Or the right side, if you check that checkbox in Prefs. & Utilities.) I'm loosely preferential to the easy thumb reach in this version, though I think it was better organized in Version B. All the menus-buttons were on the right there, all the action-buttons were on the top.

Version C:


Anyway, if y'all have any thoughts, I'd love to hear them! I really need some feedback on my work - Krontech is nice, but there's only so many people I can bother here. ;)
« Last Edit: February 23, 2018, 04:18:15 PM by DDR »

jasonfish

  • Jr. Member
  • **
  • Posts: 73
    • View Profile
Re: Updating the UI: Main Screen Edition
« Reply #1 on: February 22, 2018, 11:18:34 PM »
C

BiduleOhm

  • Newbie
  • *
  • Posts: 49
    • View Profile
Re: Updating the UI: Main Screen Edition
« Reply #2 on: February 23, 2018, 03:43:45 AM »
Definitely version C :)

What would be awesome is to be able to chose which buttons are assigned to which functions (like top button 1 = ... top button 2 = ..., etc...).

patrickrebstock

  • Jr. Member
  • **
  • Posts: 82
  • playing camera
    • View Profile
    • patrickrebstock.com
Re: Updating the UI: Main Screen Edition
« Reply #3 on: February 23, 2018, 08:23:21 AM »
version c but maybe with a few tweaks,
switch record settings with the white balance,
switch the prefs & utilities with black balance

that way all camera settings are across the top where not used as much and then the right hand side is all the buttons used while shooting

different question how are we going to set white balance with the kelvin temp rather than custom in the future, is it from that button? 

jasonfish

  • Jr. Member
  • **
  • Posts: 73
    • View Profile
Re: Updating the UI: Main Screen Edition
« Reply #4 on: February 23, 2018, 11:11:04 AM »
version c but maybe with a few tweaks,
switch record settings with the white balance,
switch the prefs & utilities with black balance

that way all camera settings are across the top where not used as much and then the right hand side is all the buttons used while shooting

Seconded

DDR

  • Krontech
  • Newbie
  • *****
  • Posts: 46
    • View Profile
    • Krontech
Re: Updating the UI: Main Screen Edition
« Reply #5 on: February 23, 2018, 03:02:32 PM »
version c but maybe with a few tweaks,
switch record settings with the white balance,
switch the prefs & utilities with black balance

that way all camera settings are across the top where not used as much and then the right hand side is all the buttons used while shooting

Seconded

So it shall be!

(I'm kinda snowed in right now, so I must make my modified mockup Monday.)

Electra

  • Jr. Member
  • **
  • Posts: 55
    • View Profile
Re: Updating the UI: Main Screen Edition
« Reply #6 on: February 24, 2018, 06:25:28 PM »
C also works for me, based on a quick glance and think.
I'm hoping that the new playback screen will move the position slider to the bottom of the screen to give both more space and keep fingers out of the way.
So I'm wondering if doing the same for the Shutter would also be a good idea as the imagines tend to be long and narrow rather than tall and thin.

DDR

  • Krontech
  • Newbie
  • *****
  • Posts: 46
    • View Profile
    • Krontech
Re: Updating the UI: Main Screen Edition
« Reply #7 on: February 26, 2018, 05:00:22 PM »
So it shall be!
And so it is. :)


Version D


C also works for me, based on a quick glance and think.
I'm hoping that the new playback screen will move the position slider to the bottom of the screen to give both more space and keep fingers out of the way.
So I'm wondering if doing the same for the Shutter would also be a good idea as the imagines tend to be long and narrow rather than tall and thin.
Thanks!

Yeah, I'd really like to have a bottom slider on the playback screen too. I've drawn up some designs with that in mind... what you think, Electra? :D

I'm hoping that pinch-to-zoom on the video will make the side shutter slider acceptable. It's a lot more accessible by thumb there, and we don't usually need the fine-grained control over the shutter that we do when we're reviewing footage. Plus, we'll be able to do fine-grained shutter adjustments with the jog wheel soon!
« Last Edit: February 26, 2018, 06:55:20 PM by DDR »

Electra

  • Jr. Member
  • **
  • Posts: 55
    • View Profile
Re: Updating the UI: Main Screen Edition
« Reply #8 on: February 26, 2018, 05:27:05 PM »
Please no 'pinch to zoom' for any settings changes. Using a single finger to scroll around the image and manipulate controls is easy enough to work out but multi-touch becomes hard to discover and I don't believe are needed on a screen like this.
As far as I know, the shutter speed is quite important to most users of the camera, so having it along the bottom would make it visually match the playback screen, give you more control and would only be further aided by the scroll knob to do fine tweaks.
It's been one of the most fiddly controls after the playback scroll, at least to me(I use it on a tripod 95% of the time, so everything is done with an index finger).  But at the end, I'll listen to those who use it every day.

DDR

  • Krontech
  • Newbie
  • *****
  • Posts: 46
    • View Profile
    • Krontech
Re: Updating the UI: Main Screen Edition
« Reply #9 on: February 26, 2018, 06:54:24 PM »
Something like this?

Version E

(The Auto button, here, would set the slider as high as it could go without clipping. It wouldn't be exclusive to this particular design, probably. It's just that I only now remembered it.)

The reason I'd wanted pinch-to-zoom was to let you focus the camera. Right now, if you're shooting at 1280x1024px, you're looking at a viewport 600x480px wide while you try to focus the image. By letting you zoom in, you could see how sharp your focus really was. It wouldn't change what the camera recorded. However, I think this might have quite some confusion potential as the camera suddenly isn't recording what it's showing. I don't have any great ideas how to fix this, actually - can you think of anything? :-\

I do agree that multi-touch is hard to discover. I think we should support pinch-to-zoom though because it's pretty standard - everything with a touch screen that supports zooming supports pinch-to-zoom. However, that's the only multi-touch gesture I'd want to implement. You could also zoom with one finger if you tap-tapdrag, if you wanted. Or just ignore the zooming altogether, which is what we have now.

jasonfish

  • Jr. Member
  • **
  • Posts: 73
    • View Profile
Re: Updating the UI: Main Screen Edition
« Reply #10 on: February 26, 2018, 09:09:47 PM »
Why not just tap the live view to zoom ... maybe 4x, tap again to restore to 1x?

DDR

  • Krontech
  • Newbie
  • *****
  • Posts: 46
    • View Profile
    • Krontech
Re: Updating the UI: Main Screen Edition
« Reply #11 on: February 26, 2018, 09:18:08 PM »
That's... not a bad idea, we do only need it for zoom...

I would like to keep consistency with the playback screen, and I suspect there's too many tappable things already on the playback screen to do that there. Still... dang, yeah, that would be nice. It doesn't really conflict with pinch-to-zoom either. :D

jasonfish

  • Jr. Member
  • **
  • Posts: 73
    • View Profile
Re: Updating the UI: Main Screen Edition
« Reply #12 on: February 26, 2018, 09:24:58 PM »
Tap to zoom would be perfectly fine for quick double-check-focus actions. But then again, that's assuming that one's focus point is in the center of the frame. If not, one would need to tap to zoom, then drag to recenter on the focus point. So maybe pinch-zoom-pan is the only universally usable option.

I like simplicity of code, but now I'm torn. :)

Electra

  • Jr. Member
  • **
  • Posts: 55
    • View Profile
Re: Updating the UI: Main Screen Edition
« Reply #13 on: February 27, 2018, 04:51:13 AM »
I like the slider along the bottom and the 'auto' button.  It's exact height would depend on how the 'playback' screen was done, as the viewport and menu sizes are the same, it would be no disadvantage to leave the exposure slider the same size..

One way around pinch to zoom, assuming there is room to add them, would be a 'zoom in/out' button pair then 'drag' to pan around would work.
Maybe, depending on what others think, you can have 'focus aids' and that would invert/depress the button and replace recording settings/play+save with 'zoom in/out'  'zebra toggle' 'focus aid level'   etc. and show that your in a different viewing mode?   Would adding this extra step get in the way of other's workflow?

(And for the record, while I'd rather not have pinch-to-zoom or other things that are not completely obvious due to a dislike of hard to discover features, I'd accept it if there is no other sane way.  A 'zoom to check focus' feature would be very handy indeed.)

patrickrebstock

  • Jr. Member
  • **
  • Posts: 82
  • playing camera
    • View Profile
    • patrickrebstock.com
Re: Updating the UI: Main Screen Edition
« Reply #14 on: February 27, 2018, 06:49:58 AM »
Something like this?

Version E

(The Auto button, here, would set the slider as high as it could go without clipping. It wouldn't be exclusive to this particular design, probably. It's just that I only now remembered it.)

The reason I'd wanted pinch-to-zoom was to let you focus the camera. Right now, if you're shooting at 1280x1024px, you're looking at a viewport 600x480px wide while you try to focus the image. By letting you zoom in, you could see how sharp your focus really was. It wouldn't change what the camera recorded. However, I think this might have quite some confusion potential as the camera suddenly isn't recording what it's showing. I don't have any great ideas how to fix this, actually - can you think of anything? :-\

I do agree that multi-touch is hard to discover. I think we should support pinch-to-zoom though because it's pretty standard - everything with a touch screen that supports zooming supports pinch-to-zoom. However, that's the only multi-touch gesture I'd want to implement. You could also zoom with one finger if you tap-tapdrag, if you wanted. Or just ignore the zooming altogether, which is what we have now.
i still like the exposure slider on the right hand side,  and yes definatly have pinch to zoom that would help focus alot and everyone can figure that out, i mean iphones are in every pocket