User Interface Design ProjectIntended Use of InterfaceIntended User PopulationTask ChosenFirst Screen (1)Inline Help (2)Column View (3)Individual Homework (4)Active File (5)Switch-To-Edit View (6)Hide The Iconic Menu (7)White Board Activated (8)Status Visible (9)Read Instructions (10)Share Notes Task (11)Need For A Help MenuFully Tabbed SystemCommon Symbols PaletteZoom FeatureSupport For WhiteboardMore ShortcutsAlternative ImprovementsQ & ANon-ChangesImprovementsWalkthroughIntroduction1The Math NotebookRedefining Class NotesLaurin Beckhusen ● Christopher Chow ● Sean GabrielMichael Jurka ● Erik Lewis ● David WongUser Interface Design ProjectNon-ChangesImprovementsWalkthroughIntroduction2Intended Use of InterfaceIntroductionUse of Interface• Note-taking software technology that bridges the gap between evolving hardware and traditional note-taking methods• System designed for taking notes in the classroom, imitating the conventional notebook but utilizing the power of digital ink• Addresses a common problem: how to share answers online? Typing out f(x) = (2x^2+3x) / 5 just isn’t cutting it anymoreNon-ChangesImprovementsWalkthroughIntroduction3Intended User PopulationUser Population• High school students or college students, with some level of computer experience• Users are familiar with the Windows operating system and can perform common tasks for people their age (ex. use AOL Instant Messenger)• Early adopters of technology (ex. tablet PCs)IntroductionNon-ChangesImprovementsWalkthroughIntroduction4Task ChosenTask ChosenWork on homework with a friend onlineWalkthroughNon-ChangesImprovementsWalkthroughIntroduction5First Screen (1)WalkthroughNon-ChangesImprovementsWalkthroughIntroduction6Inline Help (2)WalkthroughNon-ChangesImprovementsWalkthroughIntroduction7Column View (3)WalkthroughNon-ChangesImprovementsWalkthroughIntroduction8Individual Homework (4)WalkthroughNon-ChangesImprovementsWalkthroughIntroduction9Active File (5)WalkthroughNon-ChangesImprovementsWalkthroughIntroduction10Switch-To-Edit View (6)WalkthroughNon-ChangesImprovementsWalkthroughIntroduction11Hide The Iconic Menu (7)WalkthroughNon-ChangesImprovementsWalkthroughIntroduction12White Board Activated (8)WalkthroughNon-ChangesImprovementsWalkthroughIntroduction13Status Visible (9)WalkthroughNon-ChangesImprovementsWalkthroughIntroduction14Read Instructions (10)WalkthroughNon-ChangesImprovementsWalkthroughIntroduction15Share Notes Task (11)WalkthroughNon-ChangesImprovementsWalkthroughIntroduction16Need For A Help MenuNeed For A Help MenuUser complained that support documentation was insufficient1. In-line instructions with UI rather than dumping user to an external document2. Tool tips to aid struggling userGoal: Design intuitive system that didn’t need extra documentationImprovementsHelp and DocumentationNon-ChangesImprovementsWalkthroughIntroduction17Fully Tabbed SystemFully Tabbed SystemIn user testing, found it not fast enough and not intuitive1. Split Screen with no switching2. Use common tabs for multiple documentsImprovementsCater To Universal UsabilityGoal: Support fast switching by having 2 tabs, My Notes & Online CollaborationNon-ChangesImprovementsWalkthroughIntroduction18Common Symbols PaletteCommon Symbols PaletteCognitive walkthrough and user feedback wanted more toolsGoal: Minimize palette clutter with only common tools (selector, pens, highlighter)ImprovementsFlexibility And Efficiency Of UseAdd ability for user to insert other math related symbolsNon-ChangesImprovementsWalkthroughIntroduction19Zoom FeatureNeed To Reach MenuUser testing showed this was not intuitiveAdded a “MathNotes Home” button in top left cornerGoal: Allow users to return to menu page quickly, used a zoom out featureRecognition Rather Than RecallImprovementsNon-ChangesImprovementsWalkthroughIntroduction20Support For WhiteboardSupport For WhiteboardUser testing showed us that this feature is not easy to find or use1. Split Screen View if user wants it2. In-line instructions for how to use itGoal: Create a space where users can draw freely and share with other usersRecognition Rather Than RecallNon-ChangesImprovementsWalkthroughIntroduction21More ShortcutsMore Shortcuts For Expert Users User complained that there were not enough shortcuts supportedAdded more keyboard shortcuts for switching between tabsGoal: Design simple interface that could be used very quickly and efficientlyCater To Universal UsabilityNon-ChangesImprovementsWalkthroughIntroduction22Alternative ImprovementsSuggestions Not Added• Search functionality: originally considered character recognition but found scope of the problem too big – searching through digital ink poses a similar problem• Full help menu: prefer iconic “menus” in interface to make system as intuitive as possible – true help menu breaks the consistency of this system• Reorganization of notes: found optimal breakdown for notes based on user testing – adding more reorganization possibilities puts additional burden on user to categorize things differently and detracts from initial goal of having a seamless interface • List of IP’s: allow for easier connectivity in collaborative modes – agree with this fundamentally, but it is impractical to implement and may raise privacy concernsNon-ChangesNon-ChangesImprovementsWalkthroughIntroduction23Q & AQ & A* Images Provided by
View Full Document