phetsims / forces-and-motion-basics

"Forces and Motion: Basics" is an educational simulation in HTML5, by PhET Interactive Simulations.
http://phet.colorado.edu/en/simulation/forces-and-motion-basics
GNU General Public License v3.0
7 stars 10 forks source link

Screen 1: Eliminate overlap of flag and sum of forces arrow/text #213

Closed kathy-phet closed 7 years ago

kathy-phet commented 7 years ago

In playing with this simulation, I noticed that when the trial is complete the flag overlaps the Sum of Forces arrow, value, and text - such that it is difficult to see. It is still useful information though.

Can the final flag move up some, and the Sum of Forces arrow move down some, such that this overlap is eliminated?

kathy-phet commented 7 years ago

@arouinfar - Can you take a look at this?

arouinfar commented 7 years ago

Here's what it looks like in 2.1.0

screen shot 2016-11-14 at 1 12 37 pm

The flag can be moved up by 3px, but not much more. As for moving the sum of the forces down, I see two options. We can move it down by 20 px (top) so that the vector is not occluded (but the "Sum of Forces" text is not visible), or we can move it down by 35 px (bottom) so that both the vector and label are visible. The latter option crowds the total and component forces, so I personally prefer the first option. Any thoughts @kathy-phet? screen shot 2016-11-14 at 1 22 14 pm screen shot 2016-11-14 at 1 21 53 pm

Here's what the latter option looks like without the flag: screen shot 2016-11-14 at 1 29 39 pm

kathy-phet commented 7 years ago

@arouinfar - I agree we don't want to crowd too much. What if we ...

arouinfar commented 7 years ago

@kathy-phet here's an updated mockup. There's 50px between the total force vector and the component vector, and I've reduced the height of the blue banner by 20%.

screen shot 2016-11-15 at 4 10 05 pm

kathy-phet commented 7 years ago

This seems like an improvement to me. What do you think?

arouinfar commented 7 years ago

I agree @kathy-phet. The latest version looks pretty good to me.

arouinfar commented 7 years ago

@ariel-phet can you take a look at the mockup in https://github.com/phetsims/forces-and-motion-basics/issues/213#issuecomment-260800490? I think it's an improvement over the latest version. If you think we should make this change, can you reassign and prioritize?

ariel-phet commented 7 years ago

@arouinfar seems good to me. The banner definitely is less important than the force vectors and such, and at a smaller size it still fulfills its role.

@jessegreenberg this seems like a reasonably straightforward change, marking at medium priority, perhaps we could do a maintenance release on the latest release using the same SHA's? If it seems more involved than I am assuming, let me know.

arouinfar commented 7 years ago

Thanks @ariel-phet.

@jessegreenberg here's a mockup showing the changes. The Sum of the Forces has been lowered some, but Left/Right force vectors have not been moved. screen shot 2016-11-16 at 11 30 29 am

jessegreenberg commented 7 years ago

Should be done in https://github.com/phetsims/forces-and-motion-basics/commit/316e4cc220d1feaa52aed6bed75d9466fb7c9807.

perhaps we could do a maintenance release on the latest release using the same SHA's

Yep, that would be best. However, I am hitting a snag in some PhET-iO code when I checkout shas and run/build off of 2.1. Ill check in with a Phet-iO developer about this and then we can redeploy.

jessegreenberg commented 7 years ago

I am hitting

Uncaught TypeError: Cannot read property 'phetioLog' of undefined(…)

jessegreenberg commented 7 years ago

@samreid and @zepumph helped isolate the isssue to a missing ifphetio statement in tandem. Sim is running off old shas again.

@arouinfar can you verify changes in this version?

http://www.colorado.edu/physics/phet/dev/html/forces-and-motion-basics/2.1.1-rc.1/forces-and-motion-basics_en.html

If it looks good we can deploy a maintenance release off of the old shas without an RC since the minor changes were only to layout.

arouinfar commented 7 years ago

Looks great @jessegreenberg!

jessegreenberg commented 7 years ago

Great, thanks. Instead of deploying this right away lets also include the change to #217 since it should be quick and fit in a minor release. Closing this issue.