Clever Geek Handbook

Grab attention and encourage discovery of controlled controls

In an attempt to defer to content, I decided not to use any (navigation or toolbar) bars.

The app has a tinted UIButton

that displays an action sheet (where the user can share content and customize options).

I have seen that people do not interact with the button. They just look at the content.

I would like to draw attention to the button in the thin start path so that the user detects that the content can be shared or changed.

App content and UIButton

Unsuccessful approaches:

  • Change a button from text to icon image (action or settings). While more recognizable / familiar, I am losing the title that describes the selected content.

  • UIAlertController (display instructions for the first launch). It's just too unpleasant.

  • Coach signs. The transparent cover spoils the initial impression.

Which helped, but still unobtrusive:

  • Change the background / foreground color. The button is more visible on a black background.

I haven't tried animating the button sometimes (until the user finally hits it).

Are there other or better methods to help the user discover that the application is interactive?

+3


source to share


1 answer


Let it glow. Let it glow. Let it glow.

view.layer.shadowColor = [UIColor whiteColor].CGColor;
view.layer.shadowRadius = 10.0f;
view.layer.shadowOpacity = 1.0f;
view.layer.shadowOffset = CGSizeZero;

[UIView animateWithDuration:0.5f delay:0 options:UIViewAnimationOptionAutoreverse | UIViewAnimationCurveEaseInOut | UIViewAnimationOptionRepeat | UIViewAnimationOptionAllowUserInteraction  animations:^{

    [UIView setAnimationRepeatCount:5];

    view.transform = CGAffineTransformMakeScale(1.2f, 1.2f);


} completion:^(BOOL finished) {

    view.layer.shadowRadius = 0.0f;
    view.transform = CGAffineTransformMakeScale(1.0f, 1.0f);
}];


Swap colors, sizes and timings as needed.

+1


source






More articles:


All Articles