AIUX - Edit Profile

  • Save
AIUX - Edit Profile mobile interaction edit profile save float label input interface ui ux code aiux

This is the edit view in the AIUX app. No animation here, it's a screen recording of me interacting with a local build of the live app.

I'm extending the float label concept here with a dynamic Save button appearing on keydown and changing to Saving... when the form submits on field blur. You can click "save" or exit the input field to save.

What are your impressions about this dynamic "save" concept? Would love some feedback. =)

P.S. I just released one of the first AIUX course lessons for free on the blog. Illustrator Workspace Setup.

keyboard shortcuts: L or F like