- Background design
- Lightmode vs. Darkmode
- Node action icons
- Logo
- Tooltips
- Homepage
- User Profile Page
- Practice Tool
- Chat sidebar

1Cademy UI General Components

- Trends
- Mini User profile/default tag
- Search UI
- Notifications UI
- Bookmark Updates list
- Pending proposals list
- Presentation Mode
- Chat
- Toolbar (expandable on hover)



1Cademy Sidebar UI Design

- Login Screen
- Sign-up screen
- Forgot Password

1Cademy Authentication System UI Design

- People/Communities Page
- Full User Profile Page
- Mini user profile page

1Cademy User Profile UI Design

- Authentication System
- Interactive Map
- Sidebar
- User Profiles
- General Components

University of Michigan - Ann Arbor

The purpose of this team is to discuss and develop design improvements throughout the interface of 1Cademy, alongside the UX Research team, with the goal of making the 1Cademy platform as intuitive and user friendly as possible.

UI Design Team for 1Cademy

- Kaeli Fish
- Shannon Kenny
- Emily Cao
- Daniel Tsai

1Cademy UI Design Team Members

1Cademy Sub-systems UI Design

- Change "x" icon to a different color, maybe have the icon as white or a lighter gray.
- Make the "x" icon larger.
- Maybe have a box around the "x" icon before hovering it, so users can view it.

Change "x" icon color 

- Allow users to have a breather room by enabling "enter" for texts that are not just bullet points.
- As seen from this node, there is a space between the main content (the bullet points) and the text that starts with "Left image...," which shows that normal text isn't able to have large space from each other while bullet points can.
- Helps the user with reading the content better.

Left image: When typing the content, I entered to give space from the main content and the caption for the image.


Right image: However, when I propose the node, the space I made with the "enter" key disappears.

Enable "enter" key when adding node content.

- Material Design Guidelines
- Nielsen Norman Group

References used for the UI Design of 1Cademy

Here we will share and update the video editing process.

Homepage Video Production

Adding feedback (i.e. adding an error message and mentioning optional fields)  to specify which fields are required to make a proposal could be useful to prevent proposals without titles or content. 

Learn Before

Related

Learn After