MS265 Inter(face)net Quiz
Alignment
"An arrangement of groups or forces in relation to one another." - Left alignment - Centered - Right alignment
web
free flow of ideas, also users to follow their interests in a unique patter
Problem with Data Privacy Directive
internet moving at rapid speed, many organizations formed within a decade of WWW going public
Continuity
leads to brand equity and builds consumer trust - Header - Home Link - Global Navigation - Shop Cart - Color Scheme
Data Processor
natural or legal person, public, authority, agency or other body which processes personal data of behalf of the controller
chunking information
organizing items into familiar, manageable units; often occurs automatically - Most information on the Web is gathered in short reference documents that are intended to be read non-sequentially
Data Protection Officer
responsible for informing the controller or processor and their employees of data protection regulations, monitoring compliance and training staff
Color/ Shape
Gestalt theory- the German word gestalt is interpreted as "pattern" or "configuration"
Review of GDPR
In response to growing privacy concerns due to technological advances the European Union created the General Data Protection Regulation. - Voted into law April 2016 - Enforcement began May 2018 - GDPR repealed and replaced the previous Data privacy directive - GDPR is a regulation (strongest European law)
Proximity
Use proximity to organize related items: - Example: + Contact us + Mailing address + Phone number + Email address
content inventor
a detailed listing of basic information about all the content
category
a similarity of characteristics or relatedness of the items
location
spatial or geographic location
alphabetical
the initial letter the names of items
Data Controller
the natural or legal person, public authority, agency or other body which, alone or jointly with others, determines the purposes and means of the processing of personal data
continuum
the quantity of a measured over a range, such as price, score, size, or weight
time
timeline or history, elements are presented in a sequential step-by-step manner
landmarks
use consistent landmarks in site navigation and graphics to keep the user oriented
orientation
where am I right now?
GDP penalty
€20 million or 4% worldwide revenue
JCR Licklider
- "Intergalactic" computer network - network of networks designed to share resources - Everybody could use computers anywhere and get at data anywhere in the world
The European Union
- 28 countries - Governed by the European Parliament (EP) - EP is comprised of 751 member of European Parliament (MEP) - have 5 year terms
Emerging technology
- Artificial Intelligence/ Business Intelligence Systems: inadvertently violates privacy - Blockchain Technology: designed to be immutable - Mobile devices
Tips
- Break important info into chunks - Add anchor links for long documents - Keep average line width to 12 words - Add a link to a full length PDF of long documents - Use hybrid/liquid layouts when possible
5 ways to organize information (5 hat racks)
- Category - Time - Location - Alphabetic - Continuum
primary goals of visual design
- Create clear hierarchy - Define page regions - Group related elements
Every company must have 3 positions when using European consumer data
- Data Controller - Data Processor - Data Protection Officer
EU Legislative structure
- Decisions - Mandatory to the entity or person of its focus - Directives - Guidelines to be interpreted by each country - Regulations - Most robust ruling enforced globally across all EU countries
Page framework - page size
- Flexible vs. Fixed - Hybrid layouts - Line width - Bandwidth - Readers purpose
32 Fines since enforcement began
- Google - €50 million - British Airways - €183 million - Marriott International - £99 million - PWC - €150 million
The Google factor
- Google generates $658 in revenue every second - large companies who can afford the firms would rather take the penalty than to change company's policies
Organizing information (Five Steps)
- Inventory your content - Establish a hierarchical outline of your content - Chunking - Draw diagrams - Analyze your system
Page titles/ headers
- Research shows the viewer losses interest as the read through (down) a webpage. - Headers should include any information that you want to emphasize to the end user.
project development life cycle
- Site definition and planning - Content inventory - Information architecture - Site design - Site construction - Site marketing - Tracking, evaluation, and maintenance
core skill sets needed in a web development team
- Strategy and planning - Project management - Information architecture and content development - Visual and interaction design - Web coding for themes and templates, the content management system, and server-side engineering - Site production
Solutions
- Strong content organization + Front loading - Selective display CSS - Alt Text for digital formats
Alignment tips
- Try to minimize broken site lines - Align related items to emphasize similar importance. - NEVER center large bodies of text.
breadcrumb trails
- a simple hierarchical list of web links showing the structure of a site, + starting with the home page and ending with the major navigation page closest to your current location within the site
Small company effects
- can't afford the required investment to become compliant - choosing to do no business in the EU
interface design
- clear navigation - no dead-end pages - direct access - simplicity and consistency - design integrity and stability - feedback and dialog - bandwidth and interaction
Possible GDPR solutions
- increased fines for mega companies + additional leniency for companies struggling to become compliant + additional penalties other than fines - corrective legislature to expand the scope of "offered goods and services" - incorporation of wording to address emerging technology + Artificial intelligence and the inference factor
Wayfinding (4 for components)
- orientation - route decisions - mental mapping - closure
Principles for wayfinding in web sites
- paths - regions - nodes - landmarks
Site structural themes
- sequences - hierarchies - webs
hierarchies
- star (hub-and-spoke) - multitiered/ tree architecture
Legalese
- the formal and technical language of legal documents that is often hard to understand - interpretation of goods and services - the scope of goods and services is open to interpretation
Requirements when using data
- the right to disclosure - opt-in - the right to be forgotten - privacy by design (Pseudonymization)
Life before GDP
1991 - World Wide Web goes public 1995 - data privacy directive
the internet
A global network connecting millions of computers, making it possible to exchange information. - "network of networks" - point = shared resources, necessity - internet = infrastructure
Contrast
A way a separating important information while emphasizing importance.
Consistency
All visual themes must remain unchanged. - Lack of consistency leads to customer confusion, brand degradation, and loss of viewers.
Information design
Every web page needs: - An informative title (text of any bookmark to the page) - The creator's identity - A creation or revision date - A copyright statement to protect your intellectual property rights - At least one link to a local home page, in a consistent location on all pages - The home page url
How long will you spend navigating a non-user friendly website?
Common users will spend less then 2 minutes attempting to browse a difficult webpage.
What is protected
Data - The GDPR defines personal data as "any information relating to an identified or identifiable natural person" (European Parliament, 2016). - Explicit and Implicit data
adaptive design
Design standards are not uniform across various channels of communication
creating the visual experience
Elements of design - Proximity - Alignment - Contrast - Color - Shape
Jump links
Jump links help the end user locate information quickly as well as create continuity within the site
Content area common elements
Page titles Dates Jump Links Rules/Margins Bread Crumb Navigation
Explicit data
Phone number, name, id numbers, financial information.
Data transformation
Process of changing the data from their original form to a format suitable for performing a data analysis - collected data that is utilized to create new knowledge - metrics/ power scores/ ratings
General Data Protection Regulation (GDPR)
Proposed set of regulations adopted by the European Union to protect Internet users from clandestine tracking and unauthorized personal data usage. - enforcement began May 2018 - loopholes have been identified - unexpected outcomes - the need for corrective legislature
4th Amendment
Protection against Unreasonable Search and Seizure - "The right of the people to be secure in their persons, houses, papers, and effects, against unreasonable searches and seizures" - translation of "effects"
Implicit data
Shopping history, browsing history, or any information that could trace back to an individual.
Global GDPR impact
The GDPR grants advanced privacy rights and protections to all citizens of the European Union. - The GDPR is inter-territorial therefore it applies to any company in the world that obtain sensitive information about EU citizens.
GDPR Overview
The GDPR is an 88-page document with 99 articles detailing strict data privacy protection.
nodes
don't confuse the user with too many choices on home and major menu pages
the world wide web
an information system on the Internet that allows documents to be connected to other documents by hypertext links, enabling the user to search for information by moving from one document to another. - application that runs across the internet = uses internet as delivery - client-server application - www is service on top of the infrastructure
mental mapping
are my experiences consistent and understandable enough to know where I've been and to predict where I should go next
route decisions
can I find the way to where I want to go?
closure
can I recognize that I have arrived in the right place?
sequences
chronological, logical, alphabetical
regions
create a unique but related identity for each site region
paths
create consistent, well-marked navigation paths