Category:Design Principles - Revision history

Kirabug at 22:52, 9 June 2023

2023-06-09T22:52:00Z

← Older revision		Revision as of 15:52, 9 June 2023
Line 16:		Line 16:
	* [[10 General Principles for Interaction Design]]		* [[10 General Principles for Interaction Design]]
	* [[Visual Design Principles]]		* [[Visual Design Principles]]
			* [[Spatial Design Principles]]
	==Additional resources==		==Additional resources==
	Richard Dalton put together a list of [https://charux.files.wordpress.com/2012/12/chars-and-principles.pdf characteristics and principles of UX] For Richard, Characteristics are a vector between two points, and a user may be closer to one side or another. For each of those items we've listed the characteristic, its explanation, and the range from one side to the other. Richard lists only three principles: Relevant, Comprehensible, and Aesthetic. For a deeper explanation of each, [https://charux.files.wordpress.com/2012/12/chars-and-principles.pdf access the PDF] or [https://charux.com visit the website].		Richard Dalton put together a list of [https://charux.files.wordpress.com/2012/12/chars-and-principles.pdf characteristics and principles of UX] For Richard, Characteristics are a vector between two points, and a user may be closer to one side or another. For each of those items we've listed the characteristic, its explanation, and the range from one side to the other. Richard lists only three principles: Relevant, Comprehensible, and Aesthetic. For a deeper explanation of each, [https://charux.files.wordpress.com/2012/12/chars-and-principles.pdf access the PDF] or [https://charux.com visit the website].

Kirabug at 18:18, 10 March 2023

2023-03-10T18:18:27Z

← Older revision		Revision as of 11:18, 10 March 2023
Line 13:		Line 13:
	* [[User-Centered Design Principles]]		* [[User-Centered Design Principles]]
	* [[Content Strategy Principles]]		* [[Content Strategy Principles]]
			* [[Design Heuristics in UX Writing]] by [[Autumn Kotsiuba]] on [[UXWRITINGHUB]]
	* [[10 General Principles for Interaction Design]]		* [[10 General Principles for Interaction Design]]
	* [[Visual Design Principles]]		* [[Visual Design Principles]]

Kirabug at 07:22, 13 February 2021

2021-02-13T07:22:02Z

← Older revision		Revision as of 00:22, 13 February 2021
Line 10:		Line 10:
	* [[Universal Design Principles]]		* [[Universal Design Principles]]
	* [[Cognitive Design Principles]]		* [[Cognitive Design Principles]]
	* [[https://abbycovert.com/ia-tools/ia-heuristics/ Information Architecture Heuristics]] by [[Abby Covert]] on her website		* [https://abbycovert.com/ia-tools/ia-heuristics/ Information Architecture Heuristics] by [[Abby Covert]] on her website
	* [[User-Centered Design Principles]]		* [[User-Centered Design Principles]]
	* [[Content Strategy Principles]]		* [[Content Strategy Principles]]

Kirabug at 07:21, 13 February 2021

2021-02-13T07:21:47Z

← Older revision		Revision as of 00:21, 13 February 2021
Line 10:		Line 10:
	* [[Universal Design Principles]]		* [[Universal Design Principles]]
	* [[Cognitive Design Principles]]		* [[Cognitive Design Principles]]
			* [[https://abbycovert.com/ia-tools/ia-heuristics/ Information Architecture Heuristics]] by [[Abby Covert]] on her website
	* [[User-Centered Design Principles]]		* [[User-Centered Design Principles]]
	* [[Content Strategy Principles]]		* [[Content Strategy Principles]]

Kirabug at 00:02, 8 January 2021

2021-01-08T00:02:41Z

← Older revision		Revision as of 17:02, 7 January 2021
Line 12:		Line 12:
	* [[User-Centered Design Principles]]		* [[User-Centered Design Principles]]
	* [[Content Strategy Principles]]		* [[Content Strategy Principles]]
	* [[~~Jakob Nielson's~~ 10 General Principles for Interaction Design]]		* [[10 General Principles for Interaction Design]]
	* [[Visual Design Principles]]		* [[Visual Design Principles]]
	==Additional resources==		==Additional resources==

Kirabug at 23:38, 7 January 2021

2021-01-07T23:38:24Z

← Older revision		Revision as of 16:38, 7 January 2021
Line 9:		Line 9:
	* [[Human-Computer Interaction Principles]]		* [[Human-Computer Interaction Principles]]
	* [[Universal Design Principles]]		* [[Universal Design Principles]]
			* [[Cognitive Design Principles]]
	* [[User-Centered Design Principles]]		* [[User-Centered Design Principles]]
	* [[Content Strategy Principles]]		* [[Content Strategy Principles]]

Kirabug: Replaced content with "Design principles codify the behavioral research and/or design research known about specific User Experience topics. The term can also be used to describe the drivi..."

2021-01-07T23:26:46Z

Replaced content with "Design principles codify the behavioral research and/or design research known about specific User Experience topics. The term can also be used to describe the drivi..."

Show changes

Kirabug at 23:17, 7 January 2021

2021-01-07T23:17:48Z

@@ Line 4: / Line 4: @@
 It's worth noting that many of the design principles listed below are [https://en.wikipedia.org/wiki/Heuristic Heuristics]- that is to say, they're practical methods to decision making sufficient for immediate goals, but not always appropriate for in-depth or complex decisions.
 == General principles==
 * [https://lawsofux.com/doherty-threshold.html Doherty Threshold] - Productivity soars when a computer and its users interact at a pace (<400ms) that ensures that neither has to wait on the other.

Kirabug at 23:10, 7 January 2021

2021-01-07T23:10:12Z

← Older revision		Revision as of 16:10, 7 January 2021
Line 32:		Line 32:
	* [https://www.smallpieces.com Small pieces loosely joined] - A book that explains the internet is not a monolith. This has been extended by others to posit that avoiding monoliths provides flexibility and paves the ways for APIs.		* [https://www.smallpieces.com Small pieces loosely joined] - A book that explains the internet is not a monolith. This has been extended by others to posit that avoiding monoliths provides flexibility and paves the ways for APIs.
	* [https://en.wikipedia.org/wiki/Information_wants_to_be_free Information wants to be free] - it may not always be in our best interest for information to want to be free, but for good and for bad this is definitely a founding principle of the web. As a result, you have to plan for the consequences.		* [https://en.wikipedia.org/wiki/Information_wants_to_be_free Information wants to be free] - it may not always be in our best interest for information to want to be free, but for good and for bad this is definitely a founding principle of the web. As a result, you have to plan for the consequences.
			==Jakob Nielson's 10 General Principles for Interaction Design==
			Descriptions come directly from [https://www.nngroup.com/articles/ten-usability-heuristics/ 10 Usability Heuristics for User Interface Design]. The article also includes tips and a poster.
			* [https://www.nngroup.com/articles/visibility-system-status/ Visibility of System Status]. The design should always keep users informed about what is going on, through appropriate feedback within a reasonable amount of time.
			* [https://www.nngroup.com/articles/match-system-real-world/ Match between system and the real world]. The design should speak the users' language. Use words, phrases, and concepts familiar to the user, rather than internal jargon. Follow real-world conventions, making information appear in a natural and logical order.
			* [https://www.nngroup.com/articles/user-control-and-freedom/ User control and freedom]. Users often perform actions by mistake. They need a clearly marked "emergency exit" to leave the unwanted action without having to go through an extended process.
			* [https://www.nngroup.com/videos/usability-heuristic-consistency-standards/ Consistency and standards]. Users should not have to wonder whether different words, situations, or actions mean the same thing. Follow platform and industry conventions.
			* [https://www.nngroup.com/articles/slips/ Error Prevention]. Good error messages are important, but the best designs carefully prevent problems from occurring in the first place. Either eliminate error-prone conditions, or check for them and present users with a confirmation option before they commit to the action.
			* [https://www.nngroup.com/articles/recognition-and-recall/ Recognition rather than recall.] Minimize the user's memory load by making elements, actions, and options visible. The user should not have to remember information from one part of the interface to another. Information required to use the design (e.g. field labels or menu items) should be visible or easily retrievable when needed.
			* [https://www.nngroup.com/articles/flexibility-efficiency-heuristic/ Flexibility and efficiency of use]. Shortcuts — hidden from novice users — may speed up the interaction for the expert user such that the design can cater to both inexperienced and experienced users. Allow users to tailor frequent actions.
			* [https://www.nngroup.com/videos/aesthetic-and-minimalist-design/ Aesthetic and minimalist design]. Interfaces should not contain information which is irrelevant or rarely needed. Every extra unit of information in an interface competes with the relevant units of information and diminishes their relative visibility.
			* [https://www.nngroup.com/articles/error-message-guidelines/ Help users recognize, diagnose, and recover from errors]. Error messages should be expressed in plain language (no error codes), precisely indicate the problem, and constructively suggest a solution.
			* [https://www.nngroup.com/articles/help-and-documentation/ Help and documentation]. It’s best if the system doesn’t need any additional explanation. However, it may be necessary to provide documentation to help users understand how to complete their tasks.
	==Human-Computer Interaction Principles==		==Human-Computer Interaction Principles==
	These are principles for display design originally introduced by Christopher Wickens et al. in ''[https://amzn.to/2ngkNok An Introduction to Human Factors Engineering]'' and are listed in the [https://en.wikipedia.org/wiki/Human–computer_interaction Human-Computer Interaction] article on Wikipedia.		These are principles for display design originally introduced by Christopher Wickens et al. in ''[https://amzn.to/2ngkNok An Introduction to Human Factors Engineering]'' and are listed in the [https://en.wikipedia.org/wiki/Human–computer_interaction Human-Computer Interaction] article on Wikipedia.

	The principles are divided into four categories. The bulk of the content below comes directly [https://en.wikipedia.org/wiki/Human–computer_interaction#Thirteen_principles_of_display_design from Wikipedia].		The principles are divided into four categories. The bulk of the content below comes directly [https://en.wikipedia.org/wiki/Human–computer_interaction#Thirteen_principles_of_display_design from Wikipedia].

	===Perceptual principles===		===Perceptual principles===
	* '''Make displays legible (or audible)'''. A display's legibility is critical and necessary for designing a usable display. If the characters or objects being displayed cannot be discernible, then the operator cannot effectively make use of them.		* '''Make displays legible (or audible)'''. A display's legibility is critical and necessary for designing a usable display. If the characters or objects being displayed cannot be discernible, then the operator cannot effectively make use of them.

Kirabug: /* General principles */

2020-07-22T20:02:45Z

General principles

← Older revision		Revision as of 13:02, 22 July 2020
Line 6:		Line 6:
	== General principles==		== General principles==
	* [https://lawsofux.com/doherty-threshold.html Doherty Threshold] - Productivity soars when a computer and its users interact at a pace (<400ms) that ensures that neither has to wait on the other.		* [https://lawsofux.com/doherty-threshold.html Doherty Threshold] - Productivity soars when a computer and its users interact at a pace (<400ms) that ensures that neither has to wait on the other.
			* [[Every Page Has a Hero]] - Any given presentation of information should consist of one primary user goal that stands out.
	* [https://lawsofux.com/fittss-law Fitt's law] - The time to acquire a target is a function of the distance to and the size of the target.		* [https://lawsofux.com/fittss-law Fitt's law] - The time to acquire a target is a function of the distance to and the size of the target.
	* [[Hick's Law]] - The time it takes to make a decision increases with the number and complexity of choices.		* [[Hick's Law]] - The time it takes to make a decision increases with the number and complexity of choices.
Line 23:		Line 24:
	* [https://lawsofux.com/von-restorff-effect.html Von Restorff Effect] (The Isolation Effect) - When multiple similar objects are present, the one that's the most different will be most likely to be remembered.		* [https://lawsofux.com/von-restorff-effect.html Von Restorff Effect] (The Isolation Effect) - When multiple similar objects are present, the one that's the most different will be most likely to be remembered.
	* [https://lawsofux.com/zeigarnik-effect.html Zeigarnik Effect] - People remember uncompleted or interrupted tasks better than competed tasks.		* [https://lawsofux.com/zeigarnik-effect.html Zeigarnik Effect] - People remember uncompleted or interrupted tasks better than competed tasks.

	==Web Principles==		==Web Principles==
	These are the principles that drive how the web functions at the hardware and software level. The closer our designs come to aligning with these principles, the more "native" to the web our designs will be, and the more effective they will be.		These are the principles that drive how the web functions at the hardware and software level. The closer our designs come to aligning with these principles, the more "native" to the web our designs will be, and the more effective they will be.