UI Positions

image.png

1. Comfort-to-Reach can lead to actions

Screenshot 2024-10-27 at 4.50.31 PM.png

IMG_0178.jpg

Users are likely to interact with these elements, even by mistakes. Those mistakes are defined as a dark-UX.

2. Sliders

Because the slider’s content expands outside the screen, we need to help the users understand there’s more content inside. Here are the best practices for sliders:

Partly visible items: Make sure that content which expands outside the screen’s border will still be partially visible on screen, so users will understand there’s more of it.

Animate from end to start upon launch: When introducing the slider to the users, either by automatic event or by a user-initiated event, make sure to launch it on its end-of-content, and scroll-reverse automatically to the beginning of its content. If your slider contains lots of content (i.e. 10 steps to scroll from beginning to end), you can just start from “step three” of the slider and then animate scrolling to “step 1”. This will show the users that there’s more content on the other side.

image.png

3. Pop-ups

Pop-ups are a good game component for delivering abstract and informational messages to users. Here are some useful best-practices:

Associate visible UI with hidden UI via animations: When pop-ups are opened due to user-initiated action on an interactive item\button, animate their launch from the triggering button