Difference between revisions of "User Experience Quarter"

From CNM Wiki
Jump to: navigation, search
(Concepts)
 
(35 intermediate revisions by 2 users not shown)
Line 1: Line 1:
[[Information Architecture Quarter]] (hereinafter, the ''Quarter'') is a lecture introducing the learners to [[social design]] primarily through key topics related to [[information architecture]]. The ''Quarter'' is the third of four lectures of [[Social Quadrivium]], which is the fifth of seven modules of '''[[Septem Artes Administrativi]]''' (hereinafter, the ''Course''). The ''Course'' is designed to introduce the learners to general concepts in [[business administration]], [[management]], and [[organizational behavior]].
+
[[User Experience Quarter]] (hereinafter, the ''Quarter'') is a lecture introducing the learners to [[social design]] primarily through key topics related to [[information architecture]]. The ''Quarter'' is the third of four lectures of [[Social Quadrivium]], which is the fifth of seven modules of '''[[Septem Artes Administrativi]]''' (hereinafter, the ''Course''). The ''Course'' is designed to introduce the learners to general concepts in [[business administration]], [[management]], and [[organizational behavior]].
  
  
 
==Outline==
 
==Outline==
''[[Social Rationale Quarter]] is the predecessor lecture.  In the [[enterprise design]] series, the previous lecture is [[Individual Decisions Quarter]].''
+
''[[Social Rationale Quarter]] is the predecessor lecture.  In the [[enterprise envisioning]] series, the previous lecture is [[Individual Decisions Quarter]].''
  
 
===Concepts===
 
===Concepts===
#'''[[Information architecture]]''' (IA). (1) The structural design of shared information environments; (2) The art and science of organizing and labeling websites, intranets, online communities and software to support [[usability]], including findability; (3) An emerging community of practice focused on bringing principles of design and architecture to the digital landscape.
+
#'''[[User experience]]''' ([[User experience|UX]]). The overall experience of an individual using a given product, often discussed in terms of the easiness or difficulties with this experience.
 +
#*[[File:Ux-context.png|400px|thumb|right|[[UX design]]]][[UX design]]. The process of enhancing user satisfaction with a [[market exchangeable]] by improving the usability, accessibility, and pleasure provided in the interaction with the [[market exchangeable]].
 +
#'''[[User-centered design]]''' (UCD). A design process during which the needs of the user is considered at all times. Designers consider how a user is likely to use the product, and they then test the validity of their assumptions in real world tests with actual users.
 +
#*[[Adaptive design]]. Like Responsive web design it is an approach to web design aimed at crafting sites to provide an optimal viewing and interaction experience on different screen and devices. The difference is that adaptive design is less fluid then RWD, and ‘serves’ few fixed width versions of the design depending on viewport size. It can utilize server side techniques to ‘detect’ viewport size prior to rendering html. The advantage for designer is that it gives more control over images and typography, and hence is easier approach to ‘retrofit’ fixed width websitest to work on mobile devices.
 +
#*[[Responsive design]]. A design approach that responds to the user’s behavior and environment based on screen size, platform and orientation. The practice consists of a mix of flexible grids and layouts, images and an intelligent use of CSS media queries.
 +
#'''[[Information architecture]]''' ([[Information architecture|IA]]). (1) The structural design of shared information environments; (2) The art and science of organizing and labeling websites, intranets, online communities and software to support [[usability]], including findability; (3) An emerging community of practice focused on bringing principles of design and architecture to the digital landscape.
 +
#*[[Content classification]].
 +
#*[[Content hierarchy]].
 +
#*[[Content labeling]].
 +
#*[[Content tagging]].
 +
#*[[Content navigation]].
 +
#*[[Content wayfinding]].
 +
#*[[Content search]].
 +
#'''[[Enterprise information architecture]]''' ([[Enterprise information architecture|EIA]]). The part of the [[enterprise architecture]] that accommodates the needs to capture, store, and use information assets of the [[enterprise]].
 +
#'''[[Usability]]'''. The ease of use and learnability of an object, such as a book, software application, website, machine, tool or any object that a human interacts with.
 +
#*[[Usability engineering]]. The practice of assessing and making recommendations to improve the usability of a product.
 
#*[[Industrial design]]. The application art and science to a product, in order to improve its aesthetics, ergonomics, functionality, and usability.
 
#*[[Industrial design]]. The application art and science to a product, in order to improve its aesthetics, ergonomics, functionality, and usability.
 
#*[[Information scent]]. An important concept in information foraging theory referring to the extent to which users can predict what they will find if they pursue a certain path through a website. As animals rely on scents to indicate the chances of finding food, so do humans rely on various cues in the information environment to achieve their goals.
 
#*[[Information scent]]. An important concept in information foraging theory referring to the extent to which users can predict what they will find if they pursue a certain path through a website. As animals rely on scents to indicate the chances of finding food, so do humans rely on various cues in the information environment to achieve their goals.
 
#*[[User journey]]. The step by step journey that a user takes to reach their goal.
 
#*[[User journey]]. The step by step journey that a user takes to reach their goal.
#'''[[Usability]]'''. The ease of use and learnability of an object, such as a book, software application, website, machine, tool or any object that a human interacts with.
 
#*[[Usability engineering]]. The practice of assessing and making recommendations to improve the usability of a product.
 
#'''[[Public relations]]'''. The professional maintenance of a favorable public image by an [[enterprise]] or a famous person.
 
#*[[Newsletter]]. A bulletin issued periodically to the [[stakeholder]]s of a [[group]], [[business]], or [[enterprise]].
 
#*[[Press release]]. An official statement issued to press giving information on a particular matter.
 
 
#'''[[Visual design]]'''. Also called communication design. A discipline which combines design and information development in order to develop and communicate a media message to a target audience.
 
#'''[[Visual design]]'''. Also called communication design. A discipline which combines design and information development in order to develop and communicate a media message to a target audience.
 
#*[[Graphic design]]. The art or skill of combining text and pictures in advertisements, magazines, books, or digital media.
 
#*[[Graphic design]]. The art or skill of combining text and pictures in advertisements, magazines, books, or digital media.
Line 22: Line 32:
 
#*[[Dialog map]]. An analysis model that illustrates the architecture of the system's user interface.
 
#*[[Dialog map]]. An analysis model that illustrates the architecture of the system's user interface.
 
#*[[Interaction design]] (IxD). Sometimes referred to as IxD, interaction design strives to create meaningful relationships between people and the products and services that they use.
 
#*[[Interaction design]] (IxD). Sometimes referred to as IxD, interaction design strives to create meaningful relationships between people and the products and services that they use.
#'''[[UX design]]'''. The process of enhancing user satisfaction with a [[product]] by improving the usability, accessibility, and pleasure provided in the interaction with the [[product]].
 
#*[[User experience]]. The overall experience of an individual using a given product, often discussed in terms of the easiness or difficulties with this experience.
 
#*[[Adaptive design]]. Like Responsive web design it is an approach to web design aimed at crafting sites to provide an optimal viewing and interaction experience on different screen and devices. The difference is that adaptive design is less fluid then RWD, and ‘serves’ few fixed width versions of the design depending on viewport size. It can utilize server side techniques to ‘detect’ viewport size prior to rendering html. The advantage for designer is that it gives more control over images and typography, and hence is easier approach to ‘retrofit’ fixed width websitest to work on mobile devices.
 
#*[[Responsive design]]. A design approach that responds to the user’s behavior and environment based on screen size, platform and orientation. The practice consists of a mix of flexible grids and layouts, images and an intelligent use of CSS media queries.
 
#*[[User-centered design]] (UCD). A design process during which the needs of the user is considered at all times. Designers consider how a user is likely to use the product, and they then test the validity of their assumptions in real world tests with actual users.
 
 
#'''[[Website]]'''. A location connected to the [[Internet]] that maintains one or more pages called [[webpage]]s, on the [[World Wide Web]].
 
#'''[[Website]]'''. A location connected to the [[Internet]] that maintains one or more pages called [[webpage]]s, on the [[World Wide Web]].
 
#*[[Sitemap]]. A complete list of all the pages available on a [[website]].
 
#*[[Sitemap]]. A complete list of all the pages available on a [[website]].
Line 47: Line 52:
  
 
===Methods===
 
===Methods===
 +
#'''[[Impression management technique]]'''.
 +
#*[[Conformity technique]].
 +
#*[[Favors technique]].
 +
#*[[Excuses technique]].
 +
#*[[Apologies technique]].
 +
#*[[Self-promotion technique]].
 +
#*[[Enhancement technique]].
 +
#*[[Flattery technique]].
 +
#*[[Exemplification technique]].
 
#'''[[Card sorting]]'''. A technique using either actual cards or software, whereby users generate an information hierarchy that can then form the basis of an [[information architecture]] or navigation menu.
 
#'''[[Card sorting]]'''. A technique using either actual cards or software, whereby users generate an information hierarchy that can then form the basis of an [[information architecture]] or navigation menu.
 
#'''[[Progressive disclosure]]'''. An interactive design technique that helps maintain the focus of a user’s attention by reducing clutter, confusion, and cognitive workload. It improves usability by presenting only the minimum data required for the task at hand. The principle is also used in journalism’s ‘inverted pyramid’ style, learning’s ‘spiral approach’, and the game ‘twenty questions’.
 
#'''[[Progressive disclosure]]'''. An interactive design technique that helps maintain the focus of a user’s attention by reducing clutter, confusion, and cognitive workload. It improves usability by presenting only the minimum data required for the task at hand. The principle is also used in journalism’s ‘inverted pyramid’ style, learning’s ‘spiral approach’, and the game ‘twenty questions’.
Line 55: Line 69:
  
 
===Instruments===
 
===Instruments===
#'''[[Prototyping tool]]'''. A tangible and/or software implement used to create [[concept artifact]]s.
+
#[[File:Aida.png|400px|thumb|right|[[AIDA model]]]]'''[[AIDA model]]'''. A marketing model based on the acronym for "Attention, Interest, Desire, Action".
#*[[Axure]]. A wireframing and interactive prototyping tool, available for both Windows and Mac.
 
#*[[Balsamiq Mockups]]. A wireframing and interactive prototyping tool, available for both Windows and Mac.
 
 
#'''[[Information system]]'''. A structured, interacting, complex of persons, machines, and procedures designed to produce information which is collected from both internal and external sources for use as a basis for decision-making in specific contract/procurement actions.
 
#'''[[Information system]]'''. A structured, interacting, complex of persons, machines, and procedures designed to produce information which is collected from both internal and external sources for use as a basis for decision-making in specific contract/procurement actions.
 
#*[[Management information system]] ([[Management information system|MIS]]). An [[information system]] consisting of the tools and techniques used to gather, integrate, and disseminate the outputs of [[management process]]es. It is used to support all managerial aspects of [[enterprise portfolio]] and can include both manual and automated systems.
 
#*[[Management information system]] ([[Management information system|MIS]]). An [[information system]] consisting of the tools and techniques used to gather, integrate, and disseminate the outputs of [[management process]]es. It is used to support all managerial aspects of [[enterprise portfolio]] and can include both manual and automated systems.
#'''[[Knowledge management system]]'''. Any system, tangible or software, that stores and retrieves knowledge, improves collaboration, locates knowledge sources, mines repositories for hidden knowledge, captures and uses knowledge, or in some other way enhances the [[knowledge management]] process.
+
#'''[[Content management system]]''' ([[Content management system|CMS]]). A system that allows publishing, editing and maintaining content from a central interface.
#*[[MediaWiki]]. [[open-source]] [[wiki software]]. [[MediaWiki]] runs on many websites, including [https://www.wikipedia.org Wikipedia]] and this very website. This software is written in the [[PHP]] [[programming language]] and stores the contents into a [[database]].
+
#*[[WordPress]]. An [[open-source]] [[content management system]] based on [[PHP]] and [[MySQL]]. [[WordPress]] is used by 30.6% of the top 10 million websites as of April 2018. As such, [[WordPress]] is the most popular website management or blogging system in use on the [[Wide World Web]].
#'''[[Content management system]]''' (CMS). A system that allows publishing, editing and maintaining content from a central interface.
 
#*[[WordPress]]. An [[open-source]] [[content management system]] based on [[PHP]] and [[MySQL]]. [[WordPress]] is used by 30.6% of the top 10 million websites as of April 2018. As such, WordPress is the most popular website management or blogging system in use on the [[Wide World Web]].
 
 
#'''[[Video management system]]'''. A system that allows publishing, editing and maintaining videos from a central interface.
 
#'''[[Video management system]]'''. A system that allows publishing, editing and maintaining videos from a central interface.
 
#*[[ClipBucket]]. An [[open-source]] [[video management system]] based on [[PHP]] that lets everyone start own video sharing website. [[ClipBucket]] allows its users create groups, playlists, collections and much more. The users can send friend requests and private messages to each other as well.
 
#*[[ClipBucket]]. An [[open-source]] [[video management system]] based on [[PHP]] that lets everyone start own video sharing website. [[ClipBucket]] allows its users create groups, playlists, collections and much more. The users can send friend requests and private messages to each other as well.
#[[File:Aida.png|400px|thumb|right|[[AIDA model]]]]'''[[AIDA model]]'''. A marketing model based on the acronym for "Attention, Interest, Desire, Action".
+
#'''[[Graphics creative software]]'''. A software implement used to create and modify graphics.
 +
#*[[Inkscape]]. A vector graphics editor; it can be used to create or edit vector graphics such as illustrations, diagrams, line arts, charts, logos and complex paintings. Inkscape's primary vector graphics format is [[Scalable Vector Graphics]] (SVG), however many other formats can be imported and exported.
 +
#'''[[Video creative software]]'''. A software implement used to create and modify video and just audio works. Usually, but not always, [[video creative software]] consists of two major components: (1) a video recorder, which is a separate tool for capturing screen audio and video, and (2) a video editor, which is a multimedia authoring tool with the industry standard "timeline" interface for creating and/or modifying video and/or audio works. Some [[media player]]s and, most notably, [[VLC Media Player]], are also be able to capture screen audio and video.
 +
#*[[Open Broadcaster Software]] ([[Open Broadcaster Software|OBS]]).
  
 
===Practices===
 
===Practices===
  
''[[Stakeholder Arrangements Quarter]] is the successor lecture. In the [[enterprise design]] series, the next lecture is [[Workgroup Design Quarter]].''
+
''[[Relationship Management Quarter]] is the successor lecture. In the [[enterprise envisioning]] series, the next lecture is [[Workforce Arrangements Quarter]].''
  
 
==Materials==
 
==Materials==
Line 80: Line 93:
  
 
==See also==
 
==See also==
 +
 +
[[Category:Septem Artes Administrativi]][[Category:Lecture notes]]

Latest revision as of 03:47, 6 May 2023

User Experience Quarter (hereinafter, the Quarter) is a lecture introducing the learners to social design primarily through key topics related to information architecture. The Quarter is the third of four lectures of Social Quadrivium, which is the fifth of seven modules of Septem Artes Administrativi (hereinafter, the Course). The Course is designed to introduce the learners to general concepts in business administration, management, and organizational behavior.


Outline

Social Rationale Quarter is the predecessor lecture. In the enterprise envisioning series, the previous lecture is Individual Decisions Quarter.

Concepts

  1. User experience (UX). The overall experience of an individual using a given product, often discussed in terms of the easiness or difficulties with this experience.
  2. User-centered design (UCD). A design process during which the needs of the user is considered at all times. Designers consider how a user is likely to use the product, and they then test the validity of their assumptions in real world tests with actual users.
    • Adaptive design. Like Responsive web design it is an approach to web design aimed at crafting sites to provide an optimal viewing and interaction experience on different screen and devices. The difference is that adaptive design is less fluid then RWD, and ‘serves’ few fixed width versions of the design depending on viewport size. It can utilize server side techniques to ‘detect’ viewport size prior to rendering html. The advantage for designer is that it gives more control over images and typography, and hence is easier approach to ‘retrofit’ fixed width websitest to work on mobile devices.
    • Responsive design. A design approach that responds to the user’s behavior and environment based on screen size, platform and orientation. The practice consists of a mix of flexible grids and layouts, images and an intelligent use of CSS media queries.
  3. Information architecture (IA). (1) The structural design of shared information environments; (2) The art and science of organizing and labeling websites, intranets, online communities and software to support usability, including findability; (3) An emerging community of practice focused on bringing principles of design and architecture to the digital landscape.
  4. Enterprise information architecture (EIA). The part of the enterprise architecture that accommodates the needs to capture, store, and use information assets of the enterprise.
  5. Usability. The ease of use and learnability of an object, such as a book, software application, website, machine, tool or any object that a human interacts with.
    • Usability engineering. The practice of assessing and making recommendations to improve the usability of a product.
    • Industrial design. The application art and science to a product, in order to improve its aesthetics, ergonomics, functionality, and usability.
    • Information scent. An important concept in information foraging theory referring to the extent to which users can predict what they will find if they pursue a certain path through a website. As animals rely on scents to indicate the chances of finding food, so do humans rely on various cues in the information environment to achieve their goals.
    • User journey. The step by step journey that a user takes to reach their goal.
  6. Visual design. Also called communication design. A discipline which combines design and information development in order to develop and communicate a media message to a target audience.
    • Graphic design. The art or skill of combining text and pictures in advertisements, magazines, books, or digital media.
  7. User interface (UI). The way in which a software user is able to interact with a computer system.
    • Interface. A shared boundary between any two persons and/or systems through which information is communicated.
    • Dialog hierarchy. An analysis model that shows user interface dialogs arranged as hierarchies.
    • Dialog map. An analysis model that illustrates the architecture of the system's user interface.
    • Interaction design (IxD). Sometimes referred to as IxD, interaction design strives to create meaningful relationships between people and the products and services that they use.
  8. Website. A location connected to the Internet that maintains one or more pages called webpages, on the World Wide Web.
    • Sitemap. A complete list of all the pages available on a website.
    • Red route. The frequent and critical activities that users will perform on your site. They are complete activities, not single tasks, and will probably require several pages to execute. Defining the red routes for your site means that you’ll be able to identify and eliminate any usability obstacles on the key user journeys. (Important roads in London are known as ‘red routes’ and Transport for London do everything in their power to make sure passenger journeys on these routes are completed as smoothly and quickly as possible.)
  9. Content management. The suite of processes and technologies that support the collection, management, and publication of information in any medium.
  10. Branding. The process of creating and marketing a consistent idea or image of a product, so that it is recognizable by the public.
    • Elevator pitch. “An elevator pitch is a concise, carefully planned, and well-practiced description about your company that your mother should be able to understand in the time it would take to ride up an elevator.” (Source: Business Know How) Being able to pitch your idea is crucial for entrepreneurs and valuable in any formal or informal networking situation. It allows you to quickly describe your concept to anyone in a short period of time, including potential partners or investors.
  11. Impression management. The process by which individuals attempt to control the impression others form of them.

Roles

  1. Architect. There is no architect role in Agile methodology, instead all Agile team members are responsible for emerging the architecture.
  2. Data architect. A practitioner of the subset of enterprise architecture that helps to discover, analyze, design, and manage enterprise data.
  3. Knowledge engineer. A professional engaged in the science of discovery, analysis, design, and implementation of knowledge management systems.
  4. Public relations specialist. A professional who engages in promoting or creating an intended public image for individuals, groups, or organizations. He or she may write or select material for release to various communications media.
  5. Editor. A professional engaged in planning, coordinating, or editing content of material for publication. He or she may review proposals and drafts for possible publication. This role can include technical editors.
  6. Producer. A professional or provider engaged in planning and coordinating various aspects of radio, television, stage, or motion picture production, such as selecting script, coordinating writing, directing and editing, and, possibly, arranging financing.

Methods

  1. Impression management technique.
  2. Card sorting. A technique using either actual cards or software, whereby users generate an information hierarchy that can then form the basis of an information architecture or navigation menu.
  3. Progressive disclosure. An interactive design technique that helps maintain the focus of a user’s attention by reducing clutter, confusion, and cognitive workload. It improves usability by presenting only the minimum data required for the task at hand. The principle is also used in journalism’s ‘inverted pyramid’ style, learning’s ‘spiral approach’, and the game ‘twenty questions’.
  4. Iterative design. A methodology based on a cyclic process of prototyping, testing, analysing, and refining a product or process. Based on the results of testing the most recent iteration of a design, changes are made. This process is intended to ultimately improve the quality and functionality of a design.
  5. Collaborative design. Inviting input from users, stakeholders and other project members.
  6. Action design. A change process based on systematic collection of data and then selection of a change action based on what the analyzed data indicate.
  7. User feedback loop. Ideas are put in front of users, who provide their feedback, which is used to refine the design, and then the process repeats.

Instruments

  1. AIDA model. A marketing model based on the acronym for "Attention, Interest, Desire, Action".
  2. Information system. A structured, interacting, complex of persons, machines, and procedures designed to produce information which is collected from both internal and external sources for use as a basis for decision-making in specific contract/procurement actions.
  3. Content management system (CMS). A system that allows publishing, editing and maintaining content from a central interface.
  4. Video management system. A system that allows publishing, editing and maintaining videos from a central interface.
  5. Graphics creative software. A software implement used to create and modify graphics.
    • Inkscape. A vector graphics editor; it can be used to create or edit vector graphics such as illustrations, diagrams, line arts, charts, logos and complex paintings. Inkscape's primary vector graphics format is Scalable Vector Graphics (SVG), however many other formats can be imported and exported.
  6. Video creative software. A software implement used to create and modify video and just audio works. Usually, but not always, video creative software consists of two major components: (1) a video recorder, which is a separate tool for capturing screen audio and video, and (2) a video editor, which is a multimedia authoring tool with the industry standard "timeline" interface for creating and/or modifying video and/or audio works. Some media players and, most notably, VLC Media Player, are also be able to capture screen audio and video.

Practices

Relationship Management Quarter is the successor lecture. In the enterprise envisioning series, the next lecture is Workforce Arrangements Quarter.

Materials

Recorded audio

Recorded video

Live sessions

Texts and graphics

See also