CSC 842 - My Personal HCI Journey - Leo Wu

The First Attempt: Bringing Your Idea to Life The first version of the tutorial application was done using paper prototyping, and it was not polished. The main focus was getting the main ideas down quickly rather than making it look polished. The layout was simple, with boxes and arrows to indicate navigation between different sections of the tutorial application. The initial features were chosen based on what was considered the most essential for finding tutorials. The first page is the home page, featuring a top navigation bar and a center section with a text box and search button. After the user types their request and clicks the search button, it transitions to the next page, which includes all the personalization options. Users can choose between a mix of text, graphics, and video, as well as personalize content to suit their learning style, such as adding checkpoints, mini quizzes, and user anecdotes. After the user selects all the personalization options, the tutorial appears an...

From Idea to Solution: Defining Your Concept The problem that needs to be solved is the lack of engaging tutorials that cater to diverse learning preferences. Many existing online tutorials are either outdated, too restrictive, or limited to a single format. This makes it difficult for users to find content that suits their needs. The concept that is proposed addresses this by allowing users to customize the format of their tutorial to ensure a more engaging and adaptable experience that aligns with individual learning styles. During the brainstorming process, various approaches were considered, such as offering only video-based tutorials or focusing purely on interactive content. However, relying solely on these formats felt too restrictive and didn’t fully address the need for flexibility in learning. Like many current tutorials available online, these approaches lack the adaptability many users need. The refined solution allows users to combine multiple content types, such...