User profile design document
This document describes what fields are neccessary in the user profile.
Here is a screenshot how the user profile looks right now.
This screenshot is from the admin point of view
!(https://hackpad-attachments.s3.amazonaws.com/apinf.hackpad.com_ENcxfFNtWkl_p.373935_1432021822591_screenshot-localhost 3000 2015-05-19 10-49-01.png)
This screenshot is from the user point of view
!(https://hackpad-attachments.s3.amazonaws.com/apinf.hackpad.com_ENcxfFNtWkl_p.373935_1432040138082_screenshot-localhost 3000 2015-05-19 15-53-33.png)
We want the user interface to be as clear, crisp and minimalistic as possible.
We decided to share the profile page to four different blocks. The blocks can be either:
- All on one page
- All on one page, on different tabs
- All on different pages
First block: Profile information
- Profile picture
- Connected social media accounts
Second block: Settings
- Old password
- New password
- Confirm password
Third block: Billing info
- Card number
- Expire date
- Name on card
- Security code
- Address line 1
- Address line 2
- Postal / zipcode
Fourth block: Admin block
Only visible for API administrator - This way we dont have to design two different profiles.
More details later.
As referred above the profile is shared to four different blocks. The blocks can be either:
All on one page
All on one page, on different tabs
All on different pages