Interface Design ITD34003 Past Paper PDF

INTERFACE DESIGN ITD34003 CHAPTER 4 : CONTENT AND PAGE ORGANIZATION Objectives To understand the fundamentals of information architecture Presents a practical method of identifying content A technique for discovering a user’s preferred organization...

INTERFACE DESIGN ITD34003 CHAPTER 4 : CONTENT AND PAGE ORGANIZATION Objectives To understand the fundamentals of information architecture Presents a practical method of identifying content A technique for discovering a user’s preferred organization content ZED 2023 2  Overview As a major component of the design phase for Web design is organizing its content Several surveys, when people are asked, “ What do you hate most about the Web?” The top answer is: “I can’t find what I’m looking for” A big challenge in creating any website is to organize its information in such a way that it is useful and meaningful to users Good content organization creates the foundation for effective navigation and success of the site 2023 3  Principle of Consistency and Standards in User Interface Design Consistency and Standards are evident in many of the widely-used products that some of the most successful companies created. Products like Adobe Photoshop, originally released in the 1990s, and Google Gmail, released in the mid-2000s and Apple website are just a few of the widely popular products that exhibit this important rule of thumb 2023 4  Two Key Reasons for Consistency and Standards in User Interface Design As you design the user interface, it is important to keep in mind the interactions that take place between the human cognition and the screen you’re designing for. Making things easier for your users means not forcing them to learn new representations or toolsets for each task. Reducing the length of the thinking process by eliminating confusion is also a sure bet when it comes to improving user experience. 2023 5  Shneiderman’s Eight Golden Rules Will Help You Design Better Interfaces Follow Ben Shneiderman’s 'Eight Golden Rules of Interface Design' if you want to design great, productive and frustration-free user interfaces. Apple, Google and Microsoft are among some of the highly successful companies whose well-designed products reflect Shneiderman’s rules. The characteristics derived from Shneiderman’s golden rules can be recognized in various user interface guidelines produced by corporate giants like the companies mentioned above. The visual embodiment of these rules is even more evident in the resulting popular interfaces they produce Link 2023 6  Organizational systems Consist of organizational schemes and organizational structures [Rosenfeld 1998] Usability by Example – Organization Systems https://sites.ualberta.ca/~ldnorton/LIS534/UBE1.html Morville and Rosenfeld (2006) An Organizational scheme: A classification system for content items A method of placing items into categories As a way to cluster items into groups/grouping individual items An organizational structure: The relationship between the groups Reflects the encompassing/surrounding scope of the content 2023 7  Organizational systems Are part of everyday life; appointment books, phone books, and shopping-mall directories to help people find what they seek Some schemes are easy, some are ambiguous 2 types: 1.Exact organizational schemes 2.Ambiguous organizational scheme 2023 8  Exact Organizational Schemes Divide information into mutually exclusive groups Each content item fits in exactly one category The commonly used exact organizational schemes are: Alphabetical, chronological, and geographical 2023 9  Exact Organizational Schemes (Alphabetical) Using an alphabetical organization scheme include dictionaries and the index of books. You know immediately which category to choose, ex: “Efficiency” starts with “E” You know where you’ll find the information-the E’s appear immediately after the D’s and before the F’s 2023 10  Exact Organizational Schemes (Chronological) Use the passage/route of time to determine the classification of an item Ex: year: 2018 – 2020, time: 8.00am – 11.00pm, appointment books, history books and magazine and newspaper archives all use chronological organization 2023 11  Exact Organizational Schemes (Geographical) Classifies items by location Ex: country, state, town, weather maps, floor plan 2023 12  Ambiguous Organizational Schemes Do not have the clear-cut categorization rules apply Ex: the word “hit” can mean To strike To touch (as in “hit a mark”) To reach one’s goal (“hit upon an answer”) A success (“Today’s Top – 40 hits”) Ambiguous schemes can be more useful than exact schemes in many situations Sometimes, you don’t have the exact term for what you want; some approximation is all you have when you begin 2023 13  Ambiguous Organizational Schemes Four valuable ambiguous organizational schemes are: Topical, task-oriented, audience-specific, and hybrid schemes Topical Organizes content items by subject; Very useful if well designed Ex: encyclopedia, products or services provided by a company thestar.com.my, britannica.com 2023 14  thestar.com.my used topical 2023 15  britannica.com used topical 2023 16  Ambiguous Organizational Schemes – task oriented Organize content into a collection of functions, services, or tasks Or choice for menus in software packages Its reasonable to expect only a limited number of frequently used actions Example: autobytel.com shows various tasks connected with cars 2023 17  autobytel.com-used task oriented 2023 18  www.ipay88.com used task oriented 2023 19  Continue.. 2023 20  Ambiguous Organizational Schemes audience specific When there are two or more distinct audience that you can identify The site has repeat visitors who want to bookmark the page that pertains to them Ex: the Bank of Montreal site has links for individuals, for small businesses, and for corporations 2023 21  Bmo.com- used audience specific 2023 22  Bmo.com- used audience specific 2023 23  Maybank2u.com - used audience specific 2023 24  Ambiguous Organizational Schemes - Hybrid schemes Combine multiple organizational schemes Topical links relating to merchandise appear in a horizontal bar across the top The right column has a task-oriented organization 2023 25  nordstrom.com-used hybrid 2023 26  Organizational Schemes Defines the relationships among the groups created by an organizational scheme Organizational schemes create groups Organizational structures define the relations between groups Forms the basis for how a user will ultimately navigate the site There are hierarchy, hypertext, and database Each of which has advantages and disadvantages Some use only one, some use combination 2023 27  Organizational Schemes - Hierarchy Structuring according to rank or level Ex: a family tree as is a company’s organization chart First showing users the big picture, followed by levels of successively finer detail that appear as a user drills down through the structure The extent of a hierarchy refers to the number of links available at each level Web users prefer a hierarchy that is wide and shallow because it minimizes the number of clicks required to reach the desired information One disadvantage - which occurs when a user wants to go from one lower-level page to another, will have to use the back button all the way 2023 28  Disadvantage of pure hierarchy: getting from B to C B C 2023 29  Organizational Schemes - Hypertext Consist type of information and the links connecting them Provide flexibility missing in a pure hierarchical system Can greatly confuse users Easy to get lost among links 2023 30  Organizational Schemes - database Provides a bottom-up view of a site, whereas the hierarchical structure provides a top-down view Permits a user to find desired information while downloading as few pages as possible Works well for content that’s compatible with a database organization 2023 31  https://www.gmpreferredpricing.ca/english/ -used database 2023 32  Carlist.my -used database 2023 33  Carsome.my 2023 34  i-property.com.my ZED 2023 35  Summary Creativity of the designer also could contribute to the smooth planning of the content organization With the organization corporate color and identity could bring the interface looks more organize Get more designs and client approval is the ultimate success Thank you for lending me your ears ZED 37