Person
The very first website was created by
Tim-berners lee
Used to structure and render content in
browsers
HTML
Treat content as living, breathing things
with their own life cycles, behaviors, and
attributes.
The Principle of Objects
________ is the total mental effort
needed to perform a task. In design, the goal
is to reduce this mental effort so users can
focus on their goals without being distracted
by a confusing interface.
Cognitive load
Top part of the homepage, most often
uniform across all pages. Contains the logo,
and navigation menu.
Header
Css developed by ______________ are introduced, providing a way to separate content (HTML) from presentation (design
Håkon Wium Lie
The engine of interactivity on the web –
handling everything from simple events to
complex applications.
CSS
Show users only enough information to
help them understand what they’ll find if
they dig deeper – progressive disclosure.
The Principle of Disclosure
The complexity of the task itself. A
designer can’t change this, but they can
simplify the user interface to not add to it.
Intrinsic Cognitive Load
Contains links to other pages in the
website.
Navigation Menu
He popularized the
term “user experience” at apple
Don norman
Used to create responsive, accessible,
and visually appealing websites.
JavaScript
Present meaningful choices to users, not
overwhelming lists.
The Principle of Choices
. ________ was conceived in 1956 by the
American psychologist, one of
the fathers of cognitive psychology, and,
more broadly, cognitive science.
Miller’s Law
Hidden menus
Hamburger menu
Responsive Web Design term coined by_________.
Ethan Marcotte
____________(CSS) is a JavaScript
rendering technique where the final HTML
content and user interface (UI) components
are generated on the client’s browser using
JavaScript.
Client-side rendering
Use examples to describe the contents
of a category instead of relying solely on
abstract descriptions.
The Principle of Exemplars
The mental effort required to process
information not relevant to the task itself.
This is what designers have the most control
over. Removing clutter, using clear labels,
and having a predictable navigation system
are all ways to minimize load
Extraneous Cognitive Load
Background imagery or video, tagline or
value proposition.
Hero section
Usability Heuristics (_______10 principles)
Neilsen's
In this approach, the server generates
the complete HTML page with the rendered
UI and sends it to the client’s browser. The
browser then displays the fully rendered
page without running any client-side
JavaScript code.
Server-side rendering (SSR)
. Not all users will enter your site at the
home page so don’t construct your site for
just those that do.
)The Principle of Front Doors
The mental effort used for learning and
understanding. Designers can enhance this
by creating clear tutorials or visual cues that
help users learn how to use the product.
) Germane Cognitive Load
Content intended to promote a specific
action.
) Call to Action (CTA)