Embry-Riddle Campus Solutions UX Design


Published on

This research entails

Published in: Technology, Education
  • Be the first to comment

  • Be the first to like this

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

Embry-Riddle Campus Solutions UX Design

  1. 1. Campus Solution Redesign:The Importance of User-Centered DesignHF 490Paulo DavilaGuided By Dr. Kring
  2. 2. Abstract When designing a system it is always important to know how to engage the user.This revolves around the concept of User Experience Design. It is important to know thatone does not design a positive experience but creates the tool to guide the user towardsthe positive experience. Once the user is engaged it is vital to provide them with afeasible way into immersion, which can then help the user achieve a flow state. The flowstate and immersion are two distinct terms that often get interchanged. Immersion isdefined as “suspension of disbelief in an activity”, where as a flow state is, in layman’sterms, an “in the zone” state. A designer can effectively guide the user into immersionbut the flow state primarily depends on the user. Due to a limited amount of time andrestriction of resources, further assessments may have to be done before productdeployment.
  3. 3. UX Design and its Application in Campus Solutions This section of the assessment contains my report done for my HumanFactors in Entertainment Systems course. The reason behind this particular report is dueto the fact that it encompasses the development process and approach I have performedin order to create a prototype.Before diving into depths of various applications of UX Design, first we must learn whatis UX Design. UX Design, or User Experience Design, can be derived from human-computer interaction studies of the Human Factors field. Although there might not be apinpoint date on when UX Design emerged, several experts say that it flourished in thetechnological industries around the 1980’s and 1990’s. The discovery of the benefits ofthis field created a dire need of UX designers, which caused the definition of UX designto become vague. Over the years, experts have been debating over the content of UXdesign and it’s necessity. (http://community.infragistics.com/pixel8/media/p/95683.aspx) What is UX design? There is no standard definition, which causes everyone to givetheir own perception of what it is. Several experts say it’s “Every aspect of the usersinteraction with a product, service, or company that make up the users perceptions of thewhole.”(http://www.usabilitybok.org/glossary). By definition, this is quite vague incontent, which causes an immense amount of confusion. This confusion causes adistorted idea among companies. For example, website designers often think UX designis solely aesthetics and emotion. Where as more technical industries view it asprogramming. Although I might not be an expert with a wooden gavel to set a standarddefinition, I have come up with a simple introductory concept of what UX Design is.Before going into further detail I would like to state that the following content are myopinions based on research and articles I have read and done.
  4. 4. UX design is the collaboration of various fields in order to create or enhance an existingproduct. An article by Aaron Weyenberg (Free Lance Front End Developer), states thatthe idea that a user experience can be created is false, but rather that “What is actuallybeing designed is a support system to facilitate the formation of user experiences.”(http://aaronweyenberg.com/1934/why-im-not-a-ux-designer-and-neither-are-you). Inother words, designers are developing products and tools that allow us to create our ownexperiences. I agree with his statement due to my perception of UX design. A userexperience is individual, not every one person can have the same exact experience.Although the experience is unique towards each person, designers can aim towards acertain range of experiences. This can be done in several ways, such as analyzing theusers mental model to a simple task analysis. The User Experience is generallycomposed of a combination of visual design, interaction design, information architecture,system development, programming, and information content. Depending on the nature ofthe product, the emphasis of each portion fluctuates. UX design also emphasizes on theoverall mood it sets for the user when executing tasks. How does UX design apply to redesigning Campus Solutions? First and foremost, UXdesign is used initially to engage the user, usually via visual design, of the overallproduct. It can range from appearance to tactile attributes of the human-computerinterface or much more tangible characteristics, such as the specific type of glass Appleuses on their IPhones. This is much more than making a product aesthetically pleasingbut rather attracting the user via biological responses. This is as simple as feel; forexample, if you introduce a two types of controls, one rough and one soft (or smooth), toa user , inevitably the user would prefer the control with the smooth or soft exterior. Why
  5. 5. is this? This is due to the fact that rough is usually synonymous with pain and discomfort,while smooth or soft is usually related to comfort. By nature we analyze objects throughbasic stimulus and senses, such as touch. You can easily see this idea come into playwhen infants are wandering around trying to touch everything. According to a UK userexperience consulting firm, Webcredible, “people arent able to distinguish usable andless usable objects, believing the aesthetically pleasing ones to be mostusable.”(http://www.webcredible.co.uk/user-friendly-resources/web-usability/aesthetics-usability.shtml) They came to this conclusion based on a study done with multiple ATMinterfaces, where users were asked to give a usability rating for each interface. Thestudied showed that users weren’t able to tell aesthetics and usability apart but rather onein the same. This is what they refer to the “Halo Effect”; which Google dictionary refersto “The tendency for an impression created in one area to influence opinion in anotherarea”.Although aesthetics gives the first impression, much more is needed. Webcrediblecontinued on stating that “This halo effect doesnt hold for long...” and “Usabilitybecomes an important factor after a limited interaction with a product”. I am going to deviate from the artistic feel portion of the UX design and enter into themore technical aspects, such as information architecture , programming , and userresearch. UX designers are usually confused as programmers with an artistic backgroundamong the technological industries. Although that might not be the case, it is always goodto have programming skills when creating prototypes. There is obviously an immenseamount programing gone into hardware and software but the programmers projects haveto be given parameters in order to create a functional prototype. The main reason behindthis is that once the programmers have created a product without parameters from user
  6. 6. researchers, the project usually becomes more technology-centered rather than user-centered. This will call for corrections to be made, which causes negative effect onbudget and time constraint. User researchers are an essential need for a UX design team in order to assess the usersneeds. User researches in video games asses the physical and cognitive interaction that auser under goes thru when executing a task. They find ways to make actions much moreintuitive rather than robust. This bridges the gap between user and designer. The usersmental model allows the designers to make system much more adaptable to the user. Italso allows the designer to know where and how to prevent users from committing errors. Before the actual design process begins there is essential information that has tobe acquired to lay the foundation of the overall product. First we have to identify theusers’ needs by establishing a set of requirements and identifying the users. Based on theproduct and users, proper methods have to be chosen amongst the large selection that can
  7. 7. Phase 1: Concept Exploration and Definitionretrieve this information. The appropriate methods for the Campus Solution Database areAnalysis of Similar Systems, System Usability Scale, and focus groups. There are twotypes of users, students and professors, and each encounter different interfaces based onthe nature of the tasks; this assessment will focus on student users.. Due to the differentinterfaces between the two users a different assessment will have to be performed for theemployee (professors) interface. System Overview University databases are a traditional medium in which both students and facultyaccess information, communicate, and perform university related tasks. Embry-Riddleuses two databases: ERNIE and Campus Solutions. The database that will be reviewed isEmbry-Riddle’s Campus Solutions. The purpose of this study is to conduct multipleusability assessments using Human Factors test and evaluations and interaction designconcepts to enhance user experience, run optimally, and to reveal the importance ofhuman centered design. Campus Solutions is a database that consists of a home page that can be accessedthrough Embry-Riddle’s primary database, ERNIE. Once entering the Campus Solutionshomepage there are several links, task based applications, and search bars that redirectsthe user to certain information and tasks. Within the actual interface lies plenty of roomfor revision from information structure to visual design. Each aspect of the interface, suchas font size and information structure, do not seem to have an immense negative impactindividually but when cumulated they have a damaging effect on the user experience and
  8. 8. task performance. By enhancing each and every aspect we eliminate the need of constantrevision and change of databases. The key for a system to run optimally is to remember that the user is also part ofthe system. If the user cannot properly achieve the optimum task performance, the overallsystem fails to accomplish its purpose. During the usability assessment, human factorsmethods will be implemented on every phase of the system design. Mental and physicalactivities will be measured to determine how much workload is placed on the useraccording to the task. Another aspect that will be reviewed is informationcommunication. Choosing the proper words to communicate a specific functioneliminates confusion on what a command does versus what a user might think it does. Itis also vital that the meanings of these words do not overlap with each other and bedescriptive of the function. Creating a user-centered design versus a technologicalcentered design will allow the user to run the application efficiently and successfully. Campus Solution SurveySurvey Process A survey is a type of questionnaire that can be used to assess quantitative data ona subject. The survey was performed in the first phase of the system development process(concept exploration and definition) in order to create parameters for future tests,prototype design, and to assess usability measures. The surveys were distributed thru anonline survey website. This was done to ease accessibility of information depending onthe users environment at the time. Unfortunately there were a few major drawbacksregarding time and information.
  9. 9. Before having access to users to create sample groups for testing, an IRB formhad to be filled out. This is where I encounter my first obstacle, where there was aninconvenient amount of time retrieving permission to proceed. This created a timerestriction on the overall project time span. Permission was granted during the springbreak session of the university, which was roughly the last quarter of the semester.Mainly due to students’ busy time schedule at the end of the semester, the late responsecreated difficulty obtaining sample groups. Based on this particular experience, I havelearned to take into account for users’ time environment. Although this was a majorsetback, information was retrieved and relevant.Survey Composition and Analysis The survey was divided into two portions, which included a system usabilitysurvey and task specific survey questions. The system usability survey was done toanalyze the overall system usability according to performance, reliability, and integration.This portion consisted of 10 questions with a likert scale answer key. The answer keyrating was ranged from 1 to 5, 1 being strongly disagree and 5 being strongly agree. Thesystem usability survey portion was obtained from a standard system usability scaleprovided by John Brooke’s SUS pdf.
  10. 10. The first question asked the user if they would like to use this system frequently,which got an average response rating of 2.5. The data consisted of 54.6% of surveytakers responding strongly disagree (1,27.3%) or disagree (2, 27.3%). The remainingresponses varied from neutral (3, 18.2%) , agree (4, 18.2%), and strongly agree (5, 9.1%).The overall system usability rating for campus solutions was 527.5 , which is below theaverage threshold of 600. This number was retrieved by the standard system usabilitycalculations. These numbers have shown that there is a direct correlation of poor usability anda negative user experience. Looking at the chart above can show this. This would lead tosystem under utilization, where 54.6% of users stated they would not like to use thissystem frequently. These calculations show that there were various problems that users
  11. 11. encountered while using the system. Examples of these problems were inconsistency,integration, and ease of learning. As shown in questions 4,5, and 8 there was an abnormaldistribution of scores deviating from both extremes. This abnormal distribution called fora more in depth investigation on these topics, thus setting the parameters for followinganalysis. The second portion of the questionnaire consisted of 4 task specific questions anda suggestion question. The first question asked the user how much time does it take tocomplete a task on campus solutions. The answers ranged from “A lot less than Iexpected”, “Less than I expect”, “About what I expected”, and “More than I expected”,and “A lot more than I expected”. The majority of users, 58.3% to be exact, answered“More than I expected”. This narrowed the one of issues to time of task execution. Thefollowing question pertained to what features the students use in campus solutions. Asshown in chart A below, course registration came in first while viewing transcripts andviewing finances came in second. This was done to obtain the primary and secondarytasks when organizing the prototype layout. Although this shows a rough idea of whattasks users perform, the third question asked about the frequency. In chart B, one can seethat the most frequently used application was viewing finances but it also validates thatthe overall system is under utilized. One of the answer keys provided a comment box,which allowed the user to state any non-listed applications or random comments theymay have. One specific user stated that they were unaware of the many applications thatcampus solutions had to offer. This infers that there is a problem with the overallorganization of the system.
  12. 12. (A)(B)
  13. 13. The last two questions dealt with system quality and suggestions. The users wereasked to rate the quality of specific sections of the system thru a likert scale answer key.The answer key ranged from “Unacceptable”, “Below Average”, “Average”, “AboveAverage”, and “Very High Quality”. As seen in chart C below, each section of thesystem and the overall system were rated below average. The home page specificallywas rated below average by 75% of the users. We can infer that the users are unsatisfiedwith the overall system due to poor usability based on the information given. The lastand final question was optional and had two responses. The question asked the users tostate any suggestions or comments they about campus solutions. One user informed thatcampus solutions was an initial step deviating away from Embry-Riddle’s prior database
  14. 14. but it had a quite a few bugs to fix. The second response was much more verbally explicitbut it shows a strong discontent and satisfaction towards campus solutions.(C) The survey helped acquire parameters and sections that should go under analysis.Although there were a few setbacks, the information obtained was relevant. It helpednarrow down specific issues that need to be dealt with, what were the primary tasks, andthe users satisfaction of the overall system. The information given infers system underutilization that can cause the developers to design a new revised system. Without a properanalysis, the developers may not know how to fix the issues.
  15. 15. These are the set of requirements that were obtained by the end of this phase.The set of requirements range from task/information requirements to project goals.Which are: -Function and Purpose: Campus Solutions should provide students with an easy and accessible way to obtain information. - User Attributes: The system must be intuitive by nature allowing a low learning curve for users. No training must be required. - Environment: The medium in which Campus Solutions will be accessible is thru a website display. - Project Goals: The purpose of this study is to conduct multiple usability assessments using Human Factors test and evaluations and interaction design concepts to enhance user experience, run optimally, and to reveal the importance of human centered design.
  16. 16. Phase 2: Concept Demonstration and Validation Task Analysis and MethodsHierarchical Task Analysis When creating a system or product it is vital to ensure that there is a strongrelationship between the user’s and the designer’s mental model. By bridging this gap thedesigner will be able to ensure that user will understand the message they are trying toconvey. Initially, a designer must analyze each and every task within a product. This isdone to obtain the designer’s perspective on how to approach a task. A simplehierarchical task analysis, where every task is broken down into sub groups of humancomputer interaction, will provide the designer with an outline of where they can shortentask execution. By performing a hierarchical task analysis, the designer can eliminateany unnecessary actions to avoid any user errors.According to the survey data, an HTA(hierarchical task analysis) was performed on primary and frequently used tasks. Such asviewing transcripts, viewing Finances / Financial Aid / Payment Plan, and CourseRegistration / Catalog / Schedule. The first task analysis was based on viewing transcripts. As we can see in thechart below, we began the analysis at the home screen of Ernie, Emrby-Riddle’s primarydatabase, and clicked the Campus Solutions icon. This brought up a separate window thatdirected us to the solution center of Campus Solutions. There were two ways to proceedto the view transcript page. On the top of the page there is a horizontal menu layout. Thismenu contains four tabs:Favorites, Main Menu, Self Service, and Student Center. Thetwo options to access the view transcript page are Main Menu and Self Service. If youclick the main menu tab, a drop down menu opens up. Afterwards, the user must clickself-service. This can also be achieved if the user were to originally click the Self Service
  17. 17. tab located on the horizontal menu. After opening the self-service tab or drop downmenu, the menu once again branches out giving the user multiple actions. The user thenhas to click Academic Records to access another menu choice. Finally there is a ViewTranscript option. Once the user clicks the view transcript option, they are transferred toanother web page. This second interface contains two drop down input bars, both onlycontaining one choice. After the user is done selecting their input then they can hit theview report button. Afterwards they are presented with two separate options that that willlead to the same transcript pdf and information.
  18. 18. Task 1: View Transcripts (When Logged in ERNIE Account) First Interface Page Left Click CS Icon Arrive at Solution Center Option 2 : Left Option 1: Click Self Task 1: Left Click Main View Transcripts Official Transcripts Page Service Menu Tab Second Interface Page 1st Drop Down Menu : Check Academic Institution Left Click Self Service 2nd Drop Down Menu : Check Report type Academic Records View Report Drop Down View All View Past Requested Menu : Click Reports Reports View Official Transcript Previous Request : Clcik View Report Pop-Up / PDF File After analyzing and breaking down each task into separate sub elements, Idiscovered there were redundancy issues, inconsistent menu compatibility, andinconsistent content labeling. The first aspect of inconsistent content labeling can be seenon the first interface the user encounters. Since the user is directed to the solution center,they infer that they have arrived at the home screen when in fact they have not. If they
  19. 19. were to click the home button, located at the right corner of the page, they are transferredto a blank page. In this particular moment is when the inconsistent menu compatibility issuearises. The 4 tab horizontal menu shortens two primary tabs. Only through processes ofelimination can the user identify icons and their functions. The trial of process ofelimination can be divided into two categories: Visual/Cognitive trials and Physicaltrials.A Visual/Cognitive trial is the procedure of using previous knowledge of a systemlayout to determine the icon function along with using color coordination and labels.During this moment the user is referring to their mental model of the system to determinetheir next action. After this initial step of the process of elimination the user moves on tophysical interaction trials. A physical interaction trial is the process of constant humancomputer interaction. This inconsistency travels throughout the system layout, whichdeteriorates the overall performance of the user and the system. The third issue that can be witnessed at the solution center interface isredundancy. In the horizontal menu there are two different options to arrive to the sameinformation. As the user proceeds deeper into the system layout similar redundancyoccurs. There two types of redundancy: Structured Redundancy and UnstructuredRedundancy. Structured redundancy is creating multiple ways to perform one action in anorganized manor based on the necessity of the task, while they do not overlap each other.Unstructured redundancy is the processes of creating multiple ways to perform one actionbut they over lap each other. The issue at hand is unstructured redundancy. Unstructuredredundancy creates an over flow of information that is displayed to the user. The
  20. 20. overflow of information causes the user to go back and forth in between several pages.This can be seen in the two HTA flow charts below. Task 1: Register For a Course (When Logged in ERNIE Account) First Interface Page Left Click CS Icon Arrive at Solution Center Option 1: Left Option 2: Click Search For Classes Left Click Self Option 3: Service Menu Click Main Button Tab menu Tab Left Click : Click Class Academic Search Link Planning Class Search Page New Page : (Multiple Inputs) Select Term New Page : Class Search Results ( 1st time Click Select button, 2nd time Shopping Cart/ Click Shopping Enrollment Cart Link) Page: Multiple Inputs (1st Time Click Search Link, 2nd time click enroll Shopping Cart button ) Course Page : Click Next Button
  21. 21. Task 1: View Finances (Make a Payment) (When Logged in ERNIE Account) First Interface Page Left Click CS Icon Arrive at Solution Center Option 1: Left Option 4 : Option 2: Option 3: Click Campus Click My Click Self Click Main Finances Student Service Tab menu Tab Account Link Left Click : Campus Finances Make a Payment External LinkVerbal Protocol Analysis Afterwards I obtained the user’s mental model by executing a verbal protocolanalysis. In this particular analysis the user performs a certain task while verballydescribing every single cognitive and physical action. Although it is time costly, iteffectively allows designers to know the users mental model of the product.
  22. 22. From this we can analyze what visual and audio cues allow the user to infer how to getfrom point A to point B. For example, the use of underlining and bolding significantwords or sentences conveys much more information than physical contrast. Althoughsimple, this contrast guides the user to predict future interactions. Without any physicalinteraction, the user can infer what content they will encounter, what future actions theywill have to perform, and how to reverse their actions. Simple and basic cues helpdevelop the users mental model of how the product behaves or will behave. Thisinformation helps the designer create a product that adapts to the user rather than theother way around, therefore lowering the learning curve of the product. Another benefitof a verbal protocol analysis is the ability to track speed of task execution. By calculatingthe mean speed of a sample group, designers can then establish a set time it would take toexecute a task.Once again because of the time restriction on both the students and I had, Iwas unable to obtain a large sample group. For the verbal protocol analysis I asked theusers to perform the three primary tasks, which were viewing transcripts, viewingFinances / Financial Aid / Payment Plan, and Course Registration / Catalog / Schedule. When the users were asked to view their unofficial transcripts, there were a lot ofmiss interactions. The user started off at the ERNIE home page and then afterwardsclicked the Campus Solutions Icon. When the user arrived at the solution center page iswhere the first encountered a Miss. As shown in the picture below, the user instinctivelyclicked student account link. The link brought the user to a different feature. The userthen proceeded to view statement of account, where again the user encountered a Miss.Eventually after returning to the solution center screen, the user clicked to the myacademic link. This revealed another approach than originally expected. Once transferred
  23. 23. to the correct webpage the user was presented with various options, one of them being thetranscript page. After properly being directed to the view transcript page , with the dropdown menus, the user encountered another issue. When user hit the view transcriptbutton, they complained about the computer freezing. What has happened here was infact improper validation of their action. As shown on the picture below, the loading iconwas designed to appear on the far right of the screen away from the users focus.
  24. 24. The user was asked to perform the same action but with different tasks. The userencountered similar issues as the initial verbal protocol analysis. One of the tasks was toview the payment plan section of the finances. Eventually after a couple tries the userdecided to give up. The third task the user was asked to perform was to register for aclass. Once again the user found an unexpected way to reach the course registration page.Overall the user faced a high challenge from the system while only having a low skill set. While the user was asked to perform the different tasks, stress wasreported beyond the actual navigation process. The user’s frustration derived from threeseparate stressors that gradually increased simultaneously. The three stressors werenature of the task, previous experience with Embry-Riddle systems, and navigationprocess. As the flow chart below indicates, the each stressor are caused by differentreasons.
  25. 25. Commencement of Task Previous Navigation Nature of task Negative Process & Task Experience Execution Courses Stress Is it going to be Where do I an online Riddle- start ? Run aroundPayment Stress How long is this Are the actions going to take? Permanent?Transcript Stress Does this system support How do I undo every task I my actions? want to do? Over all mood of User Stress Instruction Did I Videos? I do not successfully want to watch a execute the video. task? Total Stress
  26. 26. The first stress indicated by the user began before the actualcommencement of the task. The stressor was due to the nature of the task. Thisencompasses registering for courses to transcripts and everything in between. Forexample, the user might be worried about the course availability when registering forcourse. Then the user starts thinking deeper about the task, such as “what professors areavailable, what times are available, are there any prerequisites, what happens if I have ahold?” Due to the nature of the stress, the stress is going to fluctuate between students.Due to this reason the developers cannot manipulate this stressor. The second type of stressor is derived from the user’s previous experiencewith the universities prior performance in different systems. This experience cannot befixed immediately but over time thru new guidance of a revised user-centered system.The third stressors are based on the overall usability of navigation and task execution. Byconducting a variation of task analysis, it allowed me to reevaluate and redesign thesystem. Eliminating the stressors we can control, we can decrease the overall stress of theuser by a great amount. This will the user to concentrate on their primary goal rather thanhow to use the system.
  27. 27. Analysis of Similar Systems Rutgers University Campus Solutions Facebook DatabaseOrganization Unclear, Poor Redundancy issues, Above Average below averageClear Content Unclear, Poor Some What Unclear, Above AverageLabeling AverageKey Features Menu Layout Map Consistency Visual/Audio Cues, Action Validation, Update ReportsDesign Approach Scattered Information Technology- User Profile Technology-Centered Centered , Desk Approach , User- Approach Centered The chart above is a brief summary of the results from an Analysis ofSimilar System. An Analysis of Similar Systems was done to compare tasks andinformation presented. This was done to observe various techniques that have had tosuccess or failure, which will be used as guidelines when designing the interface. Thesimilar systems that were compared are Rutgers University’s database and Facebook. The reason behind the analysis of Rutgers State University’s database was due to thefact that both Embry-Riddle and Rutgers had the same goals but different executions.Due to restrictions placed by account beholder, the system was not eligible for an indepth assessment. Although there were restrictions, the brief assessment did provide
  28. 28. relevant information. The database was prime example of a fully technologically centereddesign. The overall organization and integration was poor. The user, in this case myself,was provided with the same tasks from the verbal protocol analysis. After logging intothe database, I encountered an unintuitive brief layout of the system. Each content, suchas finances, were links that redirects you to a page that deviates in design and consistencyfrom the prior page. Due to the difficulty of navigation, I was unable to complete any ofthe tasks. I encountered an abnormal amount of stressors that inevitably led me to stop.This analysis set a standard on poor design that I used as guidance on what not to do. The next system was Facebook. This social networking website did nothave the same goals as Embry Riddle but it was a prime example of proper usability.After analyzing the interactions within Facebook, I obtained its design approach andfeatures that enabled proper usability. One of the key features was the use of visual cuesthat enables users to infer the action of each item in the website and validate their actions.Visual cues was also used to help set the overall tone of the website. For example, in thehome page the use of presenting the users profile picture with a task directly underneathallows the user to know it is their profile. This is what I refer to a profile approach, wherethe information is presented to the user as an extension their identity rather than just ablunt tool of communication. The second key feature is audio cues to alert the user whensome one is trying to communicate with them. The third feature was the change ofcontent for validation. An example of this is when a user added a friend; the icon willchange to friend added. All of these key features and approaches from every system setparameters on what to do and what not do in design.
  29. 29. Phase 3: Engineering and Manufacturing Deployment In this stage of the system development process function mock up andproto-types were designed based on the standards and parameters set by the analysis.This section also entitles the designers approach of the product. Design Approach and PrototypingDesign Approach My design approach was to redesign campus solutions as a profile. All theinformation and tools provided serves much more purpose than just a blunt way toexecute tasks. The information presented is the user’s identity. From the usersdemographic information (address, name, etc) to the ability to enroll in classes is theusers past, present, and future. Thru the user’s perspective the information and tools are apart of the everyday life. Where as the original design has a desk approach, in layman’sterms the interface resembles a desk cluttered with papers. Before reading this section ofthe assessment, it would be helpful to open the prototype and interact with it as you read.Prototype Alpha The prototypeis a functional wire-frame that can be used for testing.Currently it is in the midway mark of its final development process, where most tasks arefunctional. With more time and resources, a fully scaled prototype can be developed. Thisserves as guidance for web designers when creating the final product. Attached to thisassessment will be a html folder and a pdf of the prototype.
  30. 30. Home Course Registration My Finances My Tools My Information Tools and Settings Student Name Current Semester : Fall/Spring 12 Course History Edit Schedule Academic Year Transcripts Your Adress Address Courses Day Time Location City , State Zip Code GPA Analysis BA 201-06DB TU - TH 8:00 AM - 9:00 Am Location Home Phone Number PSY 312-06DB M-W-F 8:00 AM - 9:00 Am Location Request Enrollment School PoBox Verification 14##### HF 310-06DB M-W-F 11:00 AM - 12:00 PM Location School Email youremail@my.erau.edu HF 300-06DB TU - TH 10:00 AM - 11:00 Am Location Campus Daytona Beach Semester Info St a t rD a te MM/DD/YYYY ED n a d t e MM/DD/YYYY The picture above is the home page of the prototype. The homepageconsists of 5 canvases (layouts). The first canvas is the Embry-Riddle logo, which statesthe provider of the database. The Second canvas is the human silhouette with a goldencircle background. The purpose of the silhouette is to provide the user with a visual cueindicating that Campus Solutions is their profile. This sets the overall perspective the usershould take when approaching the system. This allows the users to infer that all theirinformation is located in this database. Although this might not seem significant it is intwo major ways; it allows the user to be at ease and it’s consistent to popular socialnetworking sites. The third canvas contains the user’s name and identification with anedit option. This edit option is identified by the word Edit followed by a pen icon. Theedit icon is a strong visual cue that allows the user to change any information without
  31. 31. digging thru the system. The fourth canvas is located on the left side of the home pagewith four links. All of these links were reported to be used periodically and also label as aprimary task by the users. This will allow the users with to know where these primarytasks are located when the time comes to use them. The fifth canvas contains four tabs: Home Page, Course RegistrationTools, My Finances, My Tools, and My Information and Settings. All of these tabs wereorganized in order of use and importance. The fifth canvas will be the only display thatchanges while the other canvases will remain stationary, keeping the main focus of useron the center of the screen. This allows the user the location of future outputs of each tabwithin the canvas, which creates consistency throughout the system. The informationdisplayed in the homepage is the users current semester schedule that will automaticallychange every semester. Each course is a link, indicated by blue and underlined fonts, thatleads to course description and professor. The reason behind the blue underline fonts isdue to the attributes of hyperlinks seen commonly on the Internet and various soft wares.The tab that is in use, in this example the home page, will be highlighted in blue withwhite fonts while the other tabs are white to indicate that they are hidden.
  32. 32. When the user enter the Course Registration Tools tab, they will encountered with fourtabs that could only be expanded by clicking the arrows located next each task. Thisspecific task is not available in the prototype but will be included in the final betaversion. The tasks shown above pertain to the Course Registration Tools, which areCourse Catalogue, Search For Classes, Academic Planner, and Drop Classes.
  33. 33. The picture of above is a zoomed in view of the expanded course catalogue option. Thepurpose of the expansion is to allow the user one page to view information, as they desirein order to navigate and obtain information easily. This was also done in response tousers indicating frustration when being transferred to multiple pages. The coursecatalogue will provide with a pdf catalogue button for download and an online coursedictionary that is currently in Campus Solutions. Users will have the options to addclasses to a planner for future reference.
  34. 34. In the following page is an expanded view of the Search For Classes tab.The students will have one single page, instead of multiple pages shown in the prior taskanalysis, to enroll in classes. In order to eliminate frustration of being transferred betweenthe results page and the search form, the search form will be placed on top and the resultswill be displayed in the bottom. Every time the student performs a new search the resultswill change without alter the information in the search form. In the results section , thestudents will be able to enroll or add the course to a shopping cart. Originally the everyaction was validated by the change of color of the button but due to feed back , the colorswill change. Users will also have the option to view enrolled classes and theirshoppingcart.
  35. 35. The following two options, Academic planner and Add/Drop Classes, willfollow the same format as the previous options as shown in the following pictures.
  36. 36. The following two tabs will also follow the format seen in the previous tabs as shown inthe expanded views below.
  37. 37. Conclusion By performing this assessment I have witnessed the vital necessity that isUser Experience Design. Before the actual design begins it is important to understand theuser’s needs and set standards and parameters. The process of user experience designrevolves on intuitive approach that is obtained by bridging the gap between the user andthe designer. In order to bridge this gap, analysis must be made to retrieve the designer’sintentions and the users approach of the design. Although there were a few majorsetbacks, such as time restriction, valid information was still retrieved. I have learned thatcertain standards and criteria must be made and implemented through out all of Embry-Riddles future systems. These criteria will create guidelines for developers andconsistency across systems, thus creating a user-center design approach. Due to the nature of the assessment, limited time, and limited resources this assessmentis still under process. The prototype attached to this report is still in the early stages of arough design. With more time the final prototype before production should be completedwith every functional detail.