Skip to content

Refactor PRO settings

Minds PRO Setting UX Review

I know that no designs were ever created for PRO settings, however, after a call with @jotto141 and @ottman they asked that a quick UX pass be done. There's probably quite a lot contained within this review, but time permitting, it would be super if these points could be actioned.

General Feedback

  • The styling attached form styling will be used throughout the platform moving forward. It's a little basic for now, but it will evolve.
  • Each section, General, Tags etc should be URL accessible. i.e. the tab selection should be persisted in the URL.
  • Form validation should be clear. Any message should be displayed inline, detailing specific information for the relevant field.
  • Once a form is saved correctly, a notification should be displayed on-screen. Currently, there is no visual confirmation. I've included a new toast notification design, but perhaps there an existing notification implementation that can be used. See Ref F
  • Display any input descriptors clearly. See Ref D.
  • The design has provision for both a title and subtitle. See Ref B
  • The view pro channel should be in the same position throughout. See Ref E
  • See basic form style guide here. Very basic for now, but it will evolve with time. (https://invis.io/KWU1X9IEB2U#/390489084_Pro_Settings_-General-_Comments_Copy)

Pages

PRO Settings - General

Pro Settings - Theme

It would be super if users could assign colours by inserting a HEX value.

Pro Settings - Hashtags

The following includes a simple matrix type design that can be used for hashtags, as well as footer links.

cc @jotto141 @ottman @markeharding

Edited by Mark Harding