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

1Cademy UI Design Team Members

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

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. 

Required Field Feedback for new Proposals

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.

University of Michigan - Ann Arbor

UX and UI Design of 1Cademy

Experiments have shown that text that is bolded is more likely to be trusted than non-bolded text. This is due to the cognitive strain involved in trying to read non-bolded text compared to bolded text

Cognitive effort of bolded text vs non-bolded text

- Find platforms similar to 1Cademy
- Summarize interesting features that could benefit 1Cademy
- Using these findings, come up with solutions to make 1Cademy a better platform

Comparative Analysis of 1Cademy

Part of what makes a video tutorial engaging is the style of its graphics.  The following are some examples of a lower third (the little text pop-up in the corner with the section title) design.  Exact colors are subject to change.

1Cademy Video Tutorial Lower Third Ideas

Wikipedia launched an interactive tutorial that has both a structure and video game elements that helps new editors get accustomed to Wikipedia's technical requirements and rules/policies

The Wikipedia Adventure (TWA): Field Evaluation of an Interactive Tutorial for New Users

UI Design Team for 1Cademy

The UX Research team brings together theory and research practice by ideating research questions and design ideas based on concepts and theories from human-computer interaction (HCI) and computer-supported cooperative work (CSCW). Our research informs the design of 1Cademy by addressing the needs, pain points, and motivations of users.

1Cademy UX Research and Design

Application onboarding is the process of introducing new users to a product and helping them engage with it effectively. While acquiring users is difficult, retaining them is often harder; an application typically loses 77% of its active users within the first three days after sign-up. To prevent this rapid drop-off, applications must implement a well-designed onboarding process to create a positive initial experience and encourage long-term use.

Learn Before

Related

Learn After