User profile design document
This document describes what fields are neccessary in the user profile.
Current situation
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)
Proposed changes
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
The blocks
First block: Profile information
- Name
- Company
- 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
- City
- State
- Postal / zipcode
- Country
Fourth block: Admin block
Only visible for API administrator - This way we dont have to design two different profiles.
More details later.
Design
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