In a hypothetical study, the Interaction Design and Information Architecture (IDIA) department at the University of Baltimore decided to promote their Humans Computers and Cognition (IDIA 640) course to prospective students already enrolled in the program and to those interested in the field.\u00a0 In order to foster interest in the program, it was decided that a banner or ticker should be deployed within the department website, providing news updates and information about the program to interest visitors.\u00a0 This paper documents the development of a ticker prototype intended to serve this purpose.\u00a0 Discussion of the chosen content, rationale for design from a human centered computing and cognitive standpoint follows in the paper.\u00a0 The prototype has been designed with an emphasis on addressing memory, forgetting, learning and mood.<\/p>\n
In order for the ticker to be effective, the design had to encompass each of the cognitive areas described above as well as being aesthetically pleasing to design students.\u00a0 In addition to this, the technology used to implement the ticker had be accessible and integrate well into the existing departmental web site.\u00a0 The framework used to develop this prototype is discussed in more detail and the rationale for design decisions has been provided.\u00a0 While the prototype has been designed to accommodate the department\u2019s requirements, it does not include all the functionality that the final version would deliver, which is outlined here.<\/p>\n
Before creating the prototype, a decision had to be made on what technology should be used.\u00a0 The basic requirements specified a ticker design including movable or transitional text.\u00a0 In the past traditionally Adobe Flash has been used to generate animated banners, advertisements and anything that required moving content.\u00a0 In the last few years however concerns over accessibility have arisen in the web development world and many are adapting their work to the newer HTML 5 and jQuery specifications.\u00a0 jQuery, unlike Flash, does not require any additional software on the user\u2019s computer in order to view content.\u00a0 It is a JavaScript library that has matured greatly over the last few years and is used commonly in today\u2019s typical web application.\u00a0 It was decided due to the advantages listed, that jQuery would be the technology used to develop the ticker prototype.\u00a0 Already there are several jQuery ticker frameworks available and rather than re-inventing the wheel it made sense to choose one of these and customize it to meet requirements.<\/p>\n
The main prototype uses the jQuery library, which is freely available for download at jQuery.com and builds on the jQuery News Ticker framework which is available at http:\/\/www.jquerynewsticker.com<\/a>.\u00a0 The prototype used this as a baseline for developing the ticker, however overall style and functionality has been customized in order to meet the requirements of this project.\u00a0 Customization involved re-writing the Cascading Style Sheets (CSS), creating the HTML placeholder and developing contents and imagery for the final design.\u00a0 Since the focus of this exercise was on attracting students to IDIA 640, it was important to spend time developing content and style conducive to learning and areas of memory.\u00a0 The jQuery library and ticker framework provided some of the coding \u2018heavy lifting\u2019 allowing more time to focus on an effective human centered design.<\/p>\n The purpose of the ticker was to provide information to potential students about the Humans Cognition and Computing program.\u00a0 In order to provide a meaningful and effective message to get attention it was important to understand the target audience.\u00a0 Many IDIA students are seeking to advance their knowledge in areas of information architecture, design and usability.\u00a0 Therefore in order to excite this target group enough to increase enrollments in a class about human cognition, it was vital to emphasize the relevance of this topic in their design and development field.\u00a0 The content developed for the prototype has attempted to bring this relevance to the forefront and to garner interest in the small tidbits of information displayed.<\/p>\n Information about human memory was compiled to serve the format of the ticker.\u00a0 More specifically tips to improve memory in relation to user experiences in the area of web design have been used in the ticker.\u00a0 The design stage of the prototype focused facilitating learning, improving memory, manipulating mood and circumventing forgetting.<\/p>\n Baddeley et al (2009) discusses learning in terms of various key elements that are important to consider for effective comprehension and retention of information.\u00a0 One of these important elements includes motivation, which they point out determines the amount of time and degree of attention devoted to the material to be learned.\u00a0 Graduate students of the IDIA program no doubt have various intrinsic as well as extrinsic motivational reasons for completing their program.\u00a0 If a banner ad or ticker is to be effective in educating these users about the benefits of taking IDIA 640 as one of their classes, the message needs to be motivating enough to capture their attention.\u00a0 The ticker begins animating content in the form of a question to those interested in web design about the importance of human cognition theories.\u00a0 This is elaborated in the following ticker messages in terms of how the class could potentially improve design skills by being aware of these theories.<\/p>\n Most informational tickers are heavily text driven with updated information given in smaller slices of information to the user.\u00a0 Hermann (2006) in his discussion of learning talks about the benefits of using visual graphics to improve overall comprehension.\u00a0 He points out that visual representations teach us by presenting considerable information efficiently.\u00a0 Unfortunately in a ticker-based format, there isn\u2019t a lot of room for graphics, however the prototype displays various visual cues, where possible, throughout its content to enhance learning of the material.\u00a0 Hermann goes on to discuss learning in terms of advertising, which is relevant to the prototype as a marketing device.\u00a0 He talks about placement of the advertisement in order to capitalize on its effectiveness.\u00a0 Appendix 1 shows a screenshot of where the proposed ticker would be placed on the IDIA homepage.\u00a0 It has been designed to fit into the web page in terms of design and placement in terms of exposure.\u00a0 The background coloring used matches the rest of the page; however the images and text stand out to deliver the message well.<\/p>\n An effective way of improving memory is to simply limit the amount of information to be processed.\u00a0 The human brain can recall up to 100% of information it receives for only 500 milliseconds, Kohl (2011).\u00a0 After that time it is up to working and long term memory to process and retain the knowledge made available.\u00a0 The ticker that was developed for IDIA 640 contains small parts of information during each slide or rotation of content.\u00a0 \u2018Key words\u2019 have been specifically highlighted in red to draw attention in order to help retain the important concepts of the message.\u00a0 During the design phase of the prototype, the use of audio was considered as research shows that visual information is not remembered as well as audio.\u00a0 Due to the nature of the ticker, it was decided to not include audio as it may have caused confusion in terms of control, and since there was already a lot of information being presented it seemed better to let the user focus attention on the information displayed.\u00a0 Controls were however added to allow for control of the speed of the information being displayed, including a pause button and forward and reverse links.\u00a0 Additional interaction was included in the form of various hyperlinks displayed in the red \u2018key word\u2019 text.\u00a0 While these links are non-functional in the prototype, the end product would contain links to various parts of an IDIA 640 web page with more information about the concepts displayed for interested users.<\/p>\n It was mentioned earlier that relevant information can have an effect on motivation and therefore on learning.\u00a0 Information with rich context that is relevant to an end-user can also be advantages to memory recall.\u00a0 The target user is either an IDIA student or someone interested in the field.\u00a0 By tailoring the information to this field and by highlighting the benefits of the program in this way, the effectiveness of the overall message is greater.<\/p>\n Research suggests that people who are anxious don\u2019t learn or remember as well as those in a non-anxious state, Kohl (2011).\u00a0 The Yerkes-Dawson law shows that physiological arousal can improve learning to a point, however too much anxiety can lead to poorer retention and overall learning.\u00a0 Therefore in order to promote learning, it is better to present material in a positive way and to avoid unpleasant situations.\u00a0 Internet advertising is almost as old as the Internet itself and many of us have faced frustrations in the past with annoying pop-up alert ads, flashing banner, intrusive audio or video interrupting us expectantly.\u00a0 The ticker will in a way be considered as an advertisement for the IDIA 640 class, therefore it is important to avoid an unpleasant experience or the overall message will be lost.\u00a0 In the design of the ticker it was decided early on not to use a \u2018noisy\u2019 approach in terms of coloring and design.\u00a0 The ticker\u2019s background color deliberately blends with the IDIA department web page, while more emphasis has been placed on the text, and subtle imaging used.\u00a0 It is meant to promote a feeling of interest and possible motivation with the content revealing benefits to students who may be interested in learning more.<\/p>\n The speed and animation of the content displayed has been formatted in a way to blend smoothly and slow enough to read, but transitioning often enough to draw attention.\u00a0 The added navigation buttons as mentioned earlier allow for some additional control to help improve the users overall experience.\u00a0 The small images used throughout are there as cues to promote flash-bulb memory.\u00a0 Finally the size of the ticker is wide enough to publish the content, but not too large to cause obtrusive annoyance with other content on the page.<\/p>\n Forgetting is a problem that many of us face and it is an important thing to consider when trying to communicate a message in the form of promotion or advertisement.\u00a0 Baddley et al (2009) reminds us that if something is learned well to begin with, forgetting is much less likely, or it takes a much longer time to happen.\u00a0 In developing the message for the ticker prototype, it was important to design it in such a way that key parts of information were served in easily readable and consumable sections.\u00a0 To decrease the likeliness of forgetting the message, subtle cues, highlighted links and a clear and easy to read typeface were all implemented.\u00a0 For those users interested in learning more, there was a way of quickly getting to more information as needed.\u00a0 The ticker was designed to continually rotate and repeat the message, which in itself would serve as a way of circumventing forgetting for those that were watching.<\/p>\n Research suggests that individual attitudes and beliefs \u00a0are difficult to change.\u00a0 While people can behave differently, their underlying attitudes and beliefs tend to remain consistent.\u00a0 This brings us back to the importance of understanding who the target users are.\u00a0 It is important to understand how their biases and attitudes will affect how we need to reach out to them in terms of messaging.\u00a0 A constant theme thought out this paper has been relevance of information.\u00a0 Information in the ticker needed to be fashioned in such a way that it would appeal to the \u2018average\u2019 design or information architecture student and therefore promote IDIA 640 as effectively as possible.<\/p>\n The Human Computers and Cognition ticker prototype was designed to promote IDIA 640 by displaying a small amount of information relevant to its users about the class.\u00a0 Different strategies were used to promote effective learning, improved memory, manipulation of mood and preventing forgetting.\u00a0 The goal was to design a technically feasible prototype that could eventually be enhanced and deployed on the IDIA department web page.<\/p>\n Various improvements could be made to the banner for future revisions.\u00a0 For example in terms of usability, the control links could be larger.\u00a0 In terms of design, better graphics and imagery could be implemented.\u00a0 In terms of development, better style coding could be used (while the ticker looks fine in Chrome and Firefox, it doesn\u2019t render as nicely in Internet Explorer 9).\u00a0 These are all technical concerns that should be addressed, however the purpose of this exercise was to develop a prototype from a human centered approach rather than from a technical one.\u00a0 In terms of human cognition, more research should be carried out to refine this ticker in the above areas.\u00a0 The prototype is available online at http:\/\/www.carnaghan.net\/ticker<\/a>.\u00a0 Information about the source code and a link to the source files can be found under in Appendix 3.<\/p>\n Baddeley, A., Eysenck, M. W., Anderson, M. C. (2009).\u00a0 Memory.\u00a0 New York: NY.<\/p>\n Kohl, D. (2011).\u00a0 IDIA 640 Human Computers and Cognition (2011).\u00a0 Class Notes from Dr. Kohl Ph.D.<\/p>\nHuman Cognition Factors<\/h2>\n
Facilitating Learning<\/h3>\n
Improving Memory<\/h3>\n
Manipulating Mood<\/h3>\n
Circumventing Forgetting<\/h3>\n
Conclusion<\/h2>\n
References<\/h2>\n