UX Design Notes Student 1

UX Design NotesEffective Design PrinciplesDefine the principles of effective design.balance: ensuring visual harmony with symetrycontrast: creating distinction between elements stands out moreemphasis: drawing attention to key elementsunity: all parts of a design show work together consistentlyproximity: grouping related elements together to show connectionalignment: organizing elements along a common axis to look cleanrepetition: repeating visual elements to create consistencywhite space: leaving space around elements to remove clutterfunctionality: designs should be functional and easy to navigatesimplicity: many users more likely want a straight to the point infoIdentify principles of design, layout, and typography appropriate for a project, including movement, balance, emphasis, and unity.movement: guide the viewer's eye through the design using lines, shapes, and organized content keeping the design engaging and easy to followbalance: distribute visual weight evenly across the design using symmetrical, asymmetrical, or radical balance to create stabilityemphasis: highlight important elements using contrast, size, color, or typography to draw attention to main/key partsunity: ensure the design feels cohesive by maintaining consistency in colors, fonts, and layout so all elements should be harmonioustypography: use clear, readable fonts with varying sizes and weights to create hierarchy, making key information stand outApply appropriate design elements, including lines, colors, shapes, and textures.lines: can guide the viewer's eye, divide sections, or create structure. (straight lines = clean, organized & proffesional; curved lines = softer, more organic feel & flowy; diagonal lines = add dynamic & sense of direction + action)colors: creates mood, attracts attention, can help cattegorize. (warm colors [red, yellow, orange] = excitement, energy, & warmth; cool colors [ blue, green, purple] = calmness, trust, & serenity; neutral colors [black, white, gray] = balance/allowing others to stand out) shapes: fundamental to design and convey meanings + feelings (geometric shapes = any square, circle, triangle are structured and clean, order, balance, & symmetry; organic shapes = irregular or freeform shapes can feel more natural, creative, and dynamic; sharp = precision, strength & modernity; round edges = soft, friendly, approachable)textures: add depth, interest, and tactile quality (smooth = sleek, modern, used in high-end brands; rough/grainy = adds warmth and can give vintage feel; patterned = add complexity and style, if used incorrectly can overwhelm design, used for background elements, subtle accents.)Explore different target audiences and identify the most effective media selections. Different target audiences require tailored media choices, such as social media for younger users, print for older demographics, and video for engaging storytelling, to effectively reach and resonate with them.Demonstrate vocabulary related to graphic design and web design.Graphic Design Terms:Typography: The style and arrangement of text.Color Palette: A set of colors used consistently in a design.Contrast: The difference in color, shape, or size that makes elements stand out.Layout: The arrangement of elements (text, images, etc.) on a page.Vector: An image made of paths, which can be resized without losing quality.Raster: Images made of pixels, like photographs, which can lose quality when resized.Logo: A symbol or design that represents a brand.Composition: The placement and relationship of elements within a design.Grid System: A framework for arranging content in an organized, structured way.White Space (Negative Space): The empty space between elements, helping to avoid clutter.Web Design Terms:Responsive Design: A design that adapts to different screen sizes (mobile, tablet, desktop).UI (User Interface): The layout and interactive elements users interact with on a website or app.UX (User Experience): The overall experience and ease of use a person has when interacting with a website or app.Wireframe: A basic layout of a webpage, showing structure and elements without design details.HTML (Hypertext Markup Language): The standard language for creating webpages.CSS (Cascading Style Sheets): Used to style and format the layout of a webpage.JavaScript: A programming language that adds interactivity to web pages.Landing Page: A dedicated page where visitors land after clicking an ad or link, typically focused on a call-to-action.Navigation: The menus or links that allow users to move between pages on a website.SEO (Search Engine Optimization): Techniques used to improve a website's ranking on search engines.Identify the role of image resolution, size, and file format in relation to content design.Image resolution, size, and file format affect how images appear and perform in designs; high resolution ensures clarity, proper image size avoids slow loading, and the right file format balances quality and performance for web or print use.Identify key factors in effective user experience design.Effective user experience design focuses on creating intuitive, easy-to-navigate interfaces with clear functionality, fast load times, and a visually appealing layout that meets user needs and expectations.Ease of Navigation and ReadabilityIdentify common web page layouts and explain the role for each.f-layout: ideal for content heavy sitesz-layout: guides users in a z shape for marketinggrid: organized, used in e-commerce and image galleriessingle-column: simple, linear design for mobile-first or minimalistmagazin: multiple columns andd sections, used for content-rich sitesasymmetrical: dynamic and moderncard-based: discrete sections for easy browsingsplit screen: divides the screen for two equal focuses, used in landingpagesfull screen: maximizes visual impactExplain the importance of readability of web content.Readability of web content is essential for ensuring users can easily understand and engage with information, improving user experience, retention, and accessibility.Explain the role of serif and sans serif fonts.Serif fonts have small decorative strokes at the ends of letters, making them ideal for print and long-form content due to their readability, while sans-serif fonts, without these strokes, are cleaner and more modern, often used for digital screens and short-form content for better clarity.Define points in the context of typography.In typography, points refer to the unit of measurement used to define the size of text, with one point equal to 1/72 of an inch.Explain the role of leading within design and typography.Leading refers to the vertical space between lines of text and plays a key role in improving readability and visual flow; appropriate leading ensures text is spaced comfortably, making it easier to read and enhancing the overall design.Explain the role of kerning within design and typography.Kerning refers to the adjustment of space between individual letters in a word to ensure even, visually appealing spacing, improving readability and creating a more balanced and polished appearance in typography.Explain the role of tracking within design and typography.Tracking refers to the consistent adjustment of space between all characters in a block of text, affecting the overall density and legibility, and is used to create a uniform appearance or adjust for readability across a larger body of text.Explain the role of baseline shift within design and typography.Baseline shift refers to the adjustment of the vertical position of text relative to the baseline, allowing designers to move text up or down for creative emphasis, alignment, or to improve visual balance in typography.Role of UX DesignDefine user-centered design.a design philosophy and process that prioritizes the needs, preferences, and behaviors of the end users at every stage of the design process. The goal is to create products (such as websites, software, or physical objects) that are intuitive, accessible, and effective for the users.Explain the importance of UX design in relation to an effective web experience.UX design is crucial for an effective web experience because it ensures the website is user-friendly, intuitive, and meets the needs and expectations of users, leading to greater satisfaction and engagement.Identify the impact of effective and ineffective UX design.Effective UX design leads to improved user satisfaction, higher engagement, increased conversion rates, and greater brand loyalty, while ineffective UX design can result in frustration, high bounce rates, poor accessibility, and lost customers.Identify search engine optimization (SEO)Search Engine Optimization (SEO) is the practice of optimizing a website's content, structure, and other elements to improve its visibility and ranking on search engine results pages (SERPs), ultimately driving more organic traffic to the site.Define terminology related to the Internet and web pages.Terminology related to the Internet and web pages includes terms like URL (web address), HTML (markup language for structuring pages), CSS (style sheet for design), JavaScript (interactive scripting language), HTTP (protocol for transferring data), and SEO (optimization for search engine ranking), among others, all of which help in creating, accessing, and improving web content.Demonstrate understanding of web security in relation to UX design.Demonstrate knowledge of common web security flaws.Mobile and Desktop Responsive Web DesignDemonstrate understanding of HTML and CSS in user experience design.HTML is the foundation of web pages, defining the structure and content, including headlines, paragraphs, images, and tables. CSS enables the style and visual layout of webpages, impacting everything from color to typography to highlight overall user experience and element positioning.Demonstrate understanding of JavaScript and its applications in user experience design.JavaScript is a type of code that can make apps and games. It is incredibly flexible about designs and its application in user experience design allows the user to feel comfortable and safe.Examine new and emerging trends in website design.new trends are soft and lighter hues since it provide sense of comfort and security. Asymmetry, clutter, and extremely unbalanced typography with loud overlapping art and colors.Assess the effects of new and emerging technologies on web use.The effects of new and emerging technologies make older designs undesirable and create less interaction or visits. Since new trends are what hook people in and keep them interested, if websites or apps continue using older designs then fewer and fewer people would visit the site.Demonstrate an understanding of the growth of mobile applications.Mobile applications change throughout the years, getting more and more detailed, easier to use and trendy.Understand the differences and similarities in the needs of desktop and mobile content usersthe difference between needs of desktop and mobile users is desktop needs design that will be able to take up all of the screen since it is much wider than mobile while they would need to sometimes size down. a similarity would be making sure the words are readble, if they are too small on both platforms then it wil result in the website not being able to aid users to its full extend.UX Design ProcessDefine empathy within the context of UX design.Empathy within the context of UX design is adding subtitles, video or image description to websites and making everything very visible and easily readable.Define need definition within the context of UX design.User needs are what the website might be designed for and all the sources tat are important to the user including readability and the ability to interpret information from the website .Define ideation within the context of UX design.Ideation is the process where designers design, share and take in ideas and plan the website designs.Identify the role of research in UX design.Research is very important in UX design since this is where you will be able to help and manage the user needs.Define the role of prototypes in UX design.Prototypes is where you have multiple designs you have came up with before but they need updating, tweaking or something was lacking. It is also where you can test your designs and decide to continue with it or change and or fix it.Define the role and value of testing in UX design.Testing is very similar to prototyping, it's where you test the designs you have and get feedback about the positive and negative points.Demonstrate understanding of the overall design process.The design process begins with research then designing and planning then you would prototype and test.Color SchemeExplain the role of color within content creation, including color psychology.The role of color within content creation is important because it manipulates or can affect the user's emotions or how the website or page might look to them. Color psychology is how certain colors feel or look like emotions. The right use of this can help developers edit the website to the user's liking and needs.Define contrasting colors and their role in content design.Contrasting colors highlight the two objects or things. Two contrast colors makes each other stand out or pop out since they don't go together and don't fit together and look normal. They can help make an element stand out in content design.Define complementary colors and their role in content design.complementary colors are colors that fit together. This is important in content design because it helps elements blend in and look natural and aesthetic.Define analogous colors and their role in content design.Analogous colors are a group of three or more colors on the color wheel that adjacent to each other and they make things look harmonious. This is also an important role in content design because it helps make websites or pages look more natural and united.Careers in UX/UI DesignIdentify careers in the field of UX/UI design and related areas.Some common careers in the field of UX/UI is UX designer, UI designer, UX/UI designer, product designer interaction designer, usability analyst, UX researcher, and UX writer. These roles are commonly found in various industries, including software, technology, and even fields like finance and education.Explain the industries impacted by the field of UX/UI design.UX/UI design significantly impacts a wide array of industries, particularly those heavily reliant on digital products and services, Industries like finance, software, retail, and education are among the most impacted, as UX/UI design enhances user experience and user interface leading into better product usability and engagement.Accommodations for Special Needs and Related LawsExplain the impact of the Americans with Disabilities Act.The impact of the American with Disabilities Act. added elements to websites and pages to help better aid people with disabilities.Describe design of websites for accessibility and accommodation of persons with special needs.The design of websites for accessibility and accommodation would have alt text and text to speech things.Define accessibility in relation to web and content design.The accessibility in relation to web and content design is how the users would be able to interact with the websites.Define alt text and explain its role.Alt text are text that describe images and videos in websites.Identify situations in which use of elements in projects is legal but may be unethical/inappropriate. Situations that is legal but unethical is clickbait and many more.Copyright, Creative Commons, and Fair UseDescribe licensing agreements associated with software usage.A software license agreement (SLA) is a legal contract outlining the terms and conditions under which a software program can be used by a licensee or user. It grants the right to use the software without ownership, and defines how the software can be installed, used, modified, and distributed.Describe copyright issues and laws related to creating graphic design, multimedia, and website design projects.Copyright laws protects original works of authorship, including graphic design, multimedia, and website design, once they are fixed in a tangible form, such as a file or a printed page. Meaning that the creator owns the rights to their design and can control how it's used, distributed, and adapted. Identify concepts related to copyright, public domain, copy protection, intellectual property, and licensing agreements.These elements are all interconnected concepts in the realm of creator rights, ownership, legal rights, and protections surrounding creations of the mind. Interpret Creative Commons licensing and the associated restrictions.Creative Commons licensing provides a way for creators to share their work with others while maintaining control over how it is used. It offers a range of licenses that allow for varying degrees of freedom, from allowing modification and commercial use to restricting it.Interpret copyright licensing and the associated restrictions.Copyright licensing refers to a legal agreement where the owner of a copyrighted work grants permission to another party to use the work under specified terms and conditions. This allows the licensee to use the work without transferring ownership.Define fair use in the context of design.Fair use in the context of design refers to the legal doctrine that allows limited use of copyrighted design works without the permission of the copyright owner, under certain conditions, for purposes such as commentary, criticism, education, parody, news reporting, or research.Understand the role of public domain as well as the qualifications surrounding public domain.Public domain refers to creative works that are no longer under copyright protection and can be freely used by anyone without restriction. These works can include texts, art, music, inventions, and more, allowing for unrestricted use, modification, and distribution.Identify the process in which to obtain permission to use contentTo obtain permission first identify the owner or agency, contact them with a request specifying how you intend to use the content. Negotiate the terms, including scope, compensation, and attribution requirements. Ensure that you receive a written license or contract outlining these terms, and keep a record of the agreement for future reference. Always comply with the terms to avoid legal issues.