The document provides information about information architecture (IA). It discusses how IA involves organizing a website's structure and content to help users find relevant information. It explains that effective IA analyzes content, organizes pages logically, uses clear labels and navigation, and considers how users think and what they need to find. The document also provides examples of different organizational structures, labeling approaches, and navigation techniques that are important aspects of information architecture.
This letter provides a strong recommendation for Alexis Polanco Jr. The writer describes AJ as talented, thoughtful, responsible and hard working with a tireless work ethic. As an employee, AJ completed all tasks self-motivated and to a high standard. AJ is skilled in graphic design, thoughtful in his work, and a team player who prioritizes the business. The writer wholeheartedly recommends AJ for employment and feels he will add value wherever he works through his skills and dedication.
Usability testing is a technique used to evaluate a website or application by testing it with real users. It involves having users complete typical tasks while observing them to identify any usability issues or areas for improvement. Key aspects of usability testing include recruiting 5-8 representative users, having them complete tasks while thinking aloud, and analyzing both quantitative metrics like task completion times as well as qualitative feedback to identify themes and inform design recommendations.
This document summarizes key points from a university course on website usability. The course objectives are to provide a foundation for building usable websites by covering information architecture, navigation, design, writing and usability testing. It discusses concepts like human factors, affordances, mental models and how users interact with websites. It emphasizes keeping websites simple and easy to use so users don't have to think too much when trying to complete tasks.
Usability testing is a technique used to evaluate a website or application by testing it with real users. It involves having users complete typical tasks while observing them to identify any usability issues or areas for improvement. The key steps in usability testing include orienting users, having them complete tasks while thinking aloud, and debriefing afterwards. Findings from usability testing include both quantitative data like task completion times as well as qualitative data from user feedback, which are then analyzed together to form recommendations.
The document discusses the principles of universal design. It defines universal design as the design of products and environments to be usable by all people, to the greatest extent possible, without the need for adaptation or specialized design. It then lists and briefly explains the seven principles of universal design - equitable use, flexibility in use, simple and intuitive use, perceptible information, tolerance for error, low physical effort, and size and space for approach and use. Examples are provided to illustrate each principle.
Usability testing involves having representative users complete tasks on a website or prototype while being observed. This helps identify usability issues and ensure the site is effective, efficient and satisfying to use. The document discusses various usability testing methods like surveys, interviews and eye tracking studies. It provides guidance on planning a test, analyzing both qualitative and quantitative data collected, and using the results to improve the design.
This document provides guidance to designers on developing their personal brand, including designing a logo, resume, portfolio, business cards, and social media presence. It offers tips on choosing fonts, colors, and layouts that effectively represent one's work. Workshop activities guide participants in designing these branding elements and getting feedback from others. The goal is to help designers create a consistent, professional brand that impress potential employers.
Swiftnlift Announces rising startups in Singapore , 2021Swiftnlift
Raintree Habitech is a Singapore startup that provides an electric bicycle sharing service with swappable batteries. It aims to promote greener commuting by providing e-bikes accessible through an online platform, with two initial variants available. Users can easily swap drained batteries for charged ones at automated kiosks located around Singapore, allowing for continuous rides without long charging times. The company sees this swappable battery model as addressing limitations of conventional e-bike systems like limited range and safety risks from prolonged indoor charging.
This letter provides a strong recommendation for Alexis Polanco Jr. The writer describes AJ as talented, thoughtful, responsible and hard working with a tireless work ethic. As an employee, AJ completed all tasks self-motivated and to a high standard. AJ is skilled in graphic design, thoughtful in his work, and a team player who prioritizes the business. The writer wholeheartedly recommends AJ for employment and feels he will add value wherever he works through his skills and dedication.
Usability testing is a technique used to evaluate a website or application by testing it with real users. It involves having users complete typical tasks while observing them to identify any usability issues or areas for improvement. Key aspects of usability testing include recruiting 5-8 representative users, having them complete tasks while thinking aloud, and analyzing both quantitative metrics like task completion times as well as qualitative feedback to identify themes and inform design recommendations.
This document summarizes key points from a university course on website usability. The course objectives are to provide a foundation for building usable websites by covering information architecture, navigation, design, writing and usability testing. It discusses concepts like human factors, affordances, mental models and how users interact with websites. It emphasizes keeping websites simple and easy to use so users don't have to think too much when trying to complete tasks.
Usability testing is a technique used to evaluate a website or application by testing it with real users. It involves having users complete typical tasks while observing them to identify any usability issues or areas for improvement. The key steps in usability testing include orienting users, having them complete tasks while thinking aloud, and debriefing afterwards. Findings from usability testing include both quantitative data like task completion times as well as qualitative data from user feedback, which are then analyzed together to form recommendations.
The document discusses the principles of universal design. It defines universal design as the design of products and environments to be usable by all people, to the greatest extent possible, without the need for adaptation or specialized design. It then lists and briefly explains the seven principles of universal design - equitable use, flexibility in use, simple and intuitive use, perceptible information, tolerance for error, low physical effort, and size and space for approach and use. Examples are provided to illustrate each principle.
Usability testing involves having representative users complete tasks on a website or prototype while being observed. This helps identify usability issues and ensure the site is effective, efficient and satisfying to use. The document discusses various usability testing methods like surveys, interviews and eye tracking studies. It provides guidance on planning a test, analyzing both qualitative and quantitative data collected, and using the results to improve the design.
This document provides guidance to designers on developing their personal brand, including designing a logo, resume, portfolio, business cards, and social media presence. It offers tips on choosing fonts, colors, and layouts that effectively represent one's work. Workshop activities guide participants in designing these branding elements and getting feedback from others. The goal is to help designers create a consistent, professional brand that impress potential employers.
Swiftnlift Announces rising startups in Singapore , 2021Swiftnlift
Raintree Habitech is a Singapore startup that provides an electric bicycle sharing service with swappable batteries. It aims to promote greener commuting by providing e-bikes accessible through an online platform, with two initial variants available. Users can easily swap drained batteries for charged ones at automated kiosks located around Singapore, allowing for continuous rides without long charging times. The company sees this swappable battery model as addressing limitations of conventional e-bike systems like limited range and safety risks from prolonged indoor charging.
This document discusses how Apple has built a highly profitable company culture. It summarizes that Apple achieved $1 trillion in revenue by focusing on getting customers to buy products, buy again through subsequent purchases, and tell their friends through word-of-mouth marketing. Apple accomplishes this through creating insanely great products, an interlinked ecosystem, and delivering a wow customer experience. The company culture fosters alignment, teamwork, ownership, communication, innovation and delivering world-class customer service. Tim Cook emphasized the values of focus, collaboration and excellence that are deeply embedded in Apple's culture.
Design & the Mobile Startup @ IXDA 2013 TorontoRon Goldin
Slides from "Design & the Mobile Startup", a 45 minute presentation on how great design happens in the chaos of startup culture. presented by Ron Goldin (CEO/Principal designer, Studio Akko), featured at IXDA 2013, Toronto. Visit studioakko.com for details.
[ Baby Marketees ] Group 1 - Brand AssignmentCường Phan
Anlene is a bone health product brand from New Zealand that has been on the market for 20 years. It aims to raise awareness of osteoporosis and promotes better nutrition and exercise to prevent bone issues. Anlene has funded numerous clinical trials on bone health.
Lifebuoy is a hand soap brand that aims to change handwashing behavior in developing countries to reduce child mortality from diseases. It has various product lines and promotes hygiene education programs.
Lego engages both children and adults through creative play and nostalgia. While the core building block toys have remained similar, Lego also produces movies and video games to appeal to multiple generations simultaneously.
1. Design encompasses function, shape, mechanism and aims to establish qualities of objects and systems over their lifecycles through a creative process.
2. Future designers will be innovative across disciplines and provide solutions through products, systems and services, requiring expertise in many areas.
3. The key for future designers is understanding user-oriented innovation and design methodology.
1. Design encompasses function, shape, mechanism and aims to establish qualities of objects and systems over their lifecycles through a creative process.
2. Future designers will be innovative across disciplines and provide solutions through products, systems and services, requiring expertise in many areas.
3. The key for future designers is understanding user-oriented innovation and design methodology.
[ Baby Marketees ] Group 1 - Brand AssignmentCường Phan
The document discusses several brands and their relationships with consumers. It covers how brands can address consumers' life issues or fears (Anlene), be woven into daily routines (Lifebuoy), bring back memories (Lego), inspire affection or anxiety about availability (Budweiser), play important roles over many years (McDonald's), be seen as dependable partners (Dell), and feel deeply familiar (P/S toothpaste). The brands discussed aim to strengthen bones (Anlene), promote handwashing (Lifebuoy), foster creativity (Lego), deliver premium beer experiences (Budweiser), offer convenience (McDonald's), provide reliable computers (Dell), and ensure fresh breath (P/S
The document appears to be a website for a design company. It includes sections about the company's history, team members, services, portfolio, clients, sales metrics. The overall summary is:
The document outlines a design company, including its history since 1990, team members, services in areas like identity, digital and print design. It also highlights the company's portfolio and over 150 clients, as well as sales metrics showing increasing revenue since 2009.
Get the Swag on! With Eliumstudio & Martin JulienTheFamily
This document provides information about branding and design for mobile apps. It discusses evolving trends in mobile branding from skeuomorphism to minimalism. It emphasizes building a brand over just an app. It provides best practices for standing out including following device guidelines, creating unique brand guidelines, using storytelling and copywriting, and bringing delight to the user experience through fonts, colors, icons, and animations. Examples are given from apps like Igloo, Zenly, and Snapseed.
This document provides an overview of podcasting for educational purposes. It discusses who creates podcasts (educators, students, and others), what podcasts are (audio or video files), and why they are used (to share information with various audiences). It then outlines the steps to create a podcast, including selecting equipment, recording, uploading and editing files, and broadcasting the podcast on sites like blogs, YouTube, and iTunes. Contact information is provided for anyone with additional questions.
The document provides market research conducted by the candidate on music listening habits and preferences. They surveyed 20 people from different age groups and genders. Key findings include: teenagers prefer wireless connectivity like Bluetooth while some adults prefer FM/DAB; boys want a bold dock design and good sound, girls want multiple connectivity and a slick design; most prefer docks over portable speakers. This informed the candidate that their product should be sleek, have a dock, support wireless connectivity and aim for teenagers and young adults.
Classic Writing Paper Set With Gift Box By HoneytreTracy Jimenez
Tata Steel is one of the largest steel companies in the world that focuses heavily on sustainability. The company was founded in 1907 in Jamshedpur, India and now operates in over 150 countries with employees spread across five continents. Tata Steel aims to meet the needs of the present without compromising the ability of future generations to meet their own needs, in line with the definition of sustainable development. Some of Tata Steel's sustainability initiatives include reducing emissions, energy usage, water usage, and waste. The company has also improved its corporate social responsibility programs through local community engagement.
Innovation Some Holistic Thoughts Colin Gordon Glanbia Consumer FoodsNenad Severin
Colin Gordon discusses some holistic thoughts on innovation. He notes that innovation is necessary as consumers and the trade are constantly changing. Innovation is about change, the future, and being dynamic. Gordon discusses challenges with product innovation including long timelines and high failure rates of new products. He emphasizes investing in a variety of innovation initiatives with different risk levels. Gordon also stresses the importance of innovating business models, communications, ideas, and ensuring innovation impacts all business functions.
Coca-Cola is a global beverage company headquartered in Atlanta, Georgia. It operates in over 200 countries and has over 70,000 employees. Coca-Cola sells carbonated and non-carbonated drinks, including water, juice, and teas. The company faces competition from PepsiCo and Cadbury Schweppes. An external analysis found opportunities in growing markets like bottled water and threats from health concerns about sugary drinks. An internal analysis noted Coca-Cola's strengths include a large product line, global presence, brand recognition, and partnerships.
Moss Media – Brand Strategy and Identity Design 2018.1Moss Media
YOUR BUSINESS IS YOUR BRAND. YOUR BRAND IS OUR BUSINESS.
This document presents MossMedia’s brand strategy and identity design, featuring original names, taglines, messaging, campaigns, packaging and brand designs - custom created for a wide-range of companies and organizations.
As these samples demonstrate, the process of refining or creating a brand identity is about more than just a well-designed logo or brandmark. By all accounts, designing a solution that captures the essence and energy of your company is not only a strategic business decision, it holds the key to capturing competitive advantage in the global marketplace.
ASK US HOW WE CAN HELP MAKE YOUR BRAND MOVE.
Consumer Grade Enterprise Products by Gainsight VP of Prod DesignProduct School
The document discusses making enterprise products more consumer grade. It introduces Ciara Peter, VP of Product Design at Gainsight, who will discuss what consumer grade means and how to design enterprise products to be more intuitive, simple and beautiful like consumer apps. The presentation also addresses common pitfalls to avoid such as overcomplicating products with too many features or clicks.
Purin's Guide to Visual Design and Keynote Wizardrystoryviz
This document provides tips and techniques for improving visual design skills in presentations. It discusses copying good examples, practicing visual design, learning basic tips and tricks, and gaining confidence through faking expertise. Key techniques include lining elements up, balancing white space, using designer fonts, treating text as the back of your hand, aligning text, employing colors purposefully, and leveraging image search tools. The document is intended to help attendees of a workshop leave with tools to make their designs look better.
Carly Hagins is an industrial designer based in Cincinnati, Ohio. She has over 10 years of experience in toy design, branding, and product development. Currently, she is an adjunct professor at Wentworth Institute of Technology and does contract design work through her studio, Toast Studio. Notable past experiences include designing toys and packaging for the brand B. Toys and collaborating on research projects with Reflect Research in Minneapolis. She holds a Bachelor of Science in Industrial Design from the University of Cincinnati.
American University - American Observer Class - WordPress PortfoliosAaron Brazell
Slide Deck for Oct 18, 2011 guest lecture at AU School of Communication's American Observer class. Students learn how to implement and successfully message via web sites and social integration.
This guest lecture is directly about using WordPress as a portfolio tool, but addresses the questions of what makes a successful portfolio and how it is fundamentally used to convert new business.
The document is a guide to learning the alphabet that provides information about the IDEA ski boot by Roces. It summarizes each letter of the alphabet with a word beginning with that letter related to the ski boot. Some of the letters summarized include: A for adjustability and how the boot can be adjusted to the child's size, B for benefits about how the boot grows with the child, C for competitors which discusses how IDEA is unique, and M for marketing support which lists ways the boot is promoted.
A Content Management System (CMS) allows publishing, editing, and modifying content from a central page. CMS platforms like WordPress, Drupal, and Joomla provide easy updates and collaboration for clients. While non-CMS sites are initially cheaper, CMS sites are less expensive long-term and allow clients full control over updates. Popular CMS types include blog-based systems like WordPress and e-commerce systems like Magento and OpenCart. Browser developer tools like Firebug, Chrome, and Safari allow inspecting website code.
The document provides information and guidance for web designers on setting rates and managing projects. It discusses determining income goals and calculating hourly rates. It also covers topics like using time tracking software, creating proposals, managing project scope, and using online project management tools. Maintaining professional operations is important, such as opening new jobs, meeting deadlines, and keeping customers satisfied.
This document discusses how Apple has built a highly profitable company culture. It summarizes that Apple achieved $1 trillion in revenue by focusing on getting customers to buy products, buy again through subsequent purchases, and tell their friends through word-of-mouth marketing. Apple accomplishes this through creating insanely great products, an interlinked ecosystem, and delivering a wow customer experience. The company culture fosters alignment, teamwork, ownership, communication, innovation and delivering world-class customer service. Tim Cook emphasized the values of focus, collaboration and excellence that are deeply embedded in Apple's culture.
Design & the Mobile Startup @ IXDA 2013 TorontoRon Goldin
Slides from "Design & the Mobile Startup", a 45 minute presentation on how great design happens in the chaos of startup culture. presented by Ron Goldin (CEO/Principal designer, Studio Akko), featured at IXDA 2013, Toronto. Visit studioakko.com for details.
[ Baby Marketees ] Group 1 - Brand AssignmentCường Phan
Anlene is a bone health product brand from New Zealand that has been on the market for 20 years. It aims to raise awareness of osteoporosis and promotes better nutrition and exercise to prevent bone issues. Anlene has funded numerous clinical trials on bone health.
Lifebuoy is a hand soap brand that aims to change handwashing behavior in developing countries to reduce child mortality from diseases. It has various product lines and promotes hygiene education programs.
Lego engages both children and adults through creative play and nostalgia. While the core building block toys have remained similar, Lego also produces movies and video games to appeal to multiple generations simultaneously.
1. Design encompasses function, shape, mechanism and aims to establish qualities of objects and systems over their lifecycles through a creative process.
2. Future designers will be innovative across disciplines and provide solutions through products, systems and services, requiring expertise in many areas.
3. The key for future designers is understanding user-oriented innovation and design methodology.
1. Design encompasses function, shape, mechanism and aims to establish qualities of objects and systems over their lifecycles through a creative process.
2. Future designers will be innovative across disciplines and provide solutions through products, systems and services, requiring expertise in many areas.
3. The key for future designers is understanding user-oriented innovation and design methodology.
[ Baby Marketees ] Group 1 - Brand AssignmentCường Phan
The document discusses several brands and their relationships with consumers. It covers how brands can address consumers' life issues or fears (Anlene), be woven into daily routines (Lifebuoy), bring back memories (Lego), inspire affection or anxiety about availability (Budweiser), play important roles over many years (McDonald's), be seen as dependable partners (Dell), and feel deeply familiar (P/S toothpaste). The brands discussed aim to strengthen bones (Anlene), promote handwashing (Lifebuoy), foster creativity (Lego), deliver premium beer experiences (Budweiser), offer convenience (McDonald's), provide reliable computers (Dell), and ensure fresh breath (P/S
The document appears to be a website for a design company. It includes sections about the company's history, team members, services, portfolio, clients, sales metrics. The overall summary is:
The document outlines a design company, including its history since 1990, team members, services in areas like identity, digital and print design. It also highlights the company's portfolio and over 150 clients, as well as sales metrics showing increasing revenue since 2009.
Get the Swag on! With Eliumstudio & Martin JulienTheFamily
This document provides information about branding and design for mobile apps. It discusses evolving trends in mobile branding from skeuomorphism to minimalism. It emphasizes building a brand over just an app. It provides best practices for standing out including following device guidelines, creating unique brand guidelines, using storytelling and copywriting, and bringing delight to the user experience through fonts, colors, icons, and animations. Examples are given from apps like Igloo, Zenly, and Snapseed.
This document provides an overview of podcasting for educational purposes. It discusses who creates podcasts (educators, students, and others), what podcasts are (audio or video files), and why they are used (to share information with various audiences). It then outlines the steps to create a podcast, including selecting equipment, recording, uploading and editing files, and broadcasting the podcast on sites like blogs, YouTube, and iTunes. Contact information is provided for anyone with additional questions.
The document provides market research conducted by the candidate on music listening habits and preferences. They surveyed 20 people from different age groups and genders. Key findings include: teenagers prefer wireless connectivity like Bluetooth while some adults prefer FM/DAB; boys want a bold dock design and good sound, girls want multiple connectivity and a slick design; most prefer docks over portable speakers. This informed the candidate that their product should be sleek, have a dock, support wireless connectivity and aim for teenagers and young adults.
Classic Writing Paper Set With Gift Box By HoneytreTracy Jimenez
Tata Steel is one of the largest steel companies in the world that focuses heavily on sustainability. The company was founded in 1907 in Jamshedpur, India and now operates in over 150 countries with employees spread across five continents. Tata Steel aims to meet the needs of the present without compromising the ability of future generations to meet their own needs, in line with the definition of sustainable development. Some of Tata Steel's sustainability initiatives include reducing emissions, energy usage, water usage, and waste. The company has also improved its corporate social responsibility programs through local community engagement.
Innovation Some Holistic Thoughts Colin Gordon Glanbia Consumer FoodsNenad Severin
Colin Gordon discusses some holistic thoughts on innovation. He notes that innovation is necessary as consumers and the trade are constantly changing. Innovation is about change, the future, and being dynamic. Gordon discusses challenges with product innovation including long timelines and high failure rates of new products. He emphasizes investing in a variety of innovation initiatives with different risk levels. Gordon also stresses the importance of innovating business models, communications, ideas, and ensuring innovation impacts all business functions.
Coca-Cola is a global beverage company headquartered in Atlanta, Georgia. It operates in over 200 countries and has over 70,000 employees. Coca-Cola sells carbonated and non-carbonated drinks, including water, juice, and teas. The company faces competition from PepsiCo and Cadbury Schweppes. An external analysis found opportunities in growing markets like bottled water and threats from health concerns about sugary drinks. An internal analysis noted Coca-Cola's strengths include a large product line, global presence, brand recognition, and partnerships.
Moss Media – Brand Strategy and Identity Design 2018.1Moss Media
YOUR BUSINESS IS YOUR BRAND. YOUR BRAND IS OUR BUSINESS.
This document presents MossMedia’s brand strategy and identity design, featuring original names, taglines, messaging, campaigns, packaging and brand designs - custom created for a wide-range of companies and organizations.
As these samples demonstrate, the process of refining or creating a brand identity is about more than just a well-designed logo or brandmark. By all accounts, designing a solution that captures the essence and energy of your company is not only a strategic business decision, it holds the key to capturing competitive advantage in the global marketplace.
ASK US HOW WE CAN HELP MAKE YOUR BRAND MOVE.
Consumer Grade Enterprise Products by Gainsight VP of Prod DesignProduct School
The document discusses making enterprise products more consumer grade. It introduces Ciara Peter, VP of Product Design at Gainsight, who will discuss what consumer grade means and how to design enterprise products to be more intuitive, simple and beautiful like consumer apps. The presentation also addresses common pitfalls to avoid such as overcomplicating products with too many features or clicks.
Purin's Guide to Visual Design and Keynote Wizardrystoryviz
This document provides tips and techniques for improving visual design skills in presentations. It discusses copying good examples, practicing visual design, learning basic tips and tricks, and gaining confidence through faking expertise. Key techniques include lining elements up, balancing white space, using designer fonts, treating text as the back of your hand, aligning text, employing colors purposefully, and leveraging image search tools. The document is intended to help attendees of a workshop leave with tools to make their designs look better.
Carly Hagins is an industrial designer based in Cincinnati, Ohio. She has over 10 years of experience in toy design, branding, and product development. Currently, she is an adjunct professor at Wentworth Institute of Technology and does contract design work through her studio, Toast Studio. Notable past experiences include designing toys and packaging for the brand B. Toys and collaborating on research projects with Reflect Research in Minneapolis. She holds a Bachelor of Science in Industrial Design from the University of Cincinnati.
American University - American Observer Class - WordPress PortfoliosAaron Brazell
Slide Deck for Oct 18, 2011 guest lecture at AU School of Communication's American Observer class. Students learn how to implement and successfully message via web sites and social integration.
This guest lecture is directly about using WordPress as a portfolio tool, but addresses the questions of what makes a successful portfolio and how it is fundamentally used to convert new business.
The document is a guide to learning the alphabet that provides information about the IDEA ski boot by Roces. It summarizes each letter of the alphabet with a word beginning with that letter related to the ski boot. Some of the letters summarized include: A for adjustability and how the boot can be adjusted to the child's size, B for benefits about how the boot grows with the child, C for competitors which discusses how IDEA is unique, and M for marketing support which lists ways the boot is promoted.
A Content Management System (CMS) allows publishing, editing, and modifying content from a central page. CMS platforms like WordPress, Drupal, and Joomla provide easy updates and collaboration for clients. While non-CMS sites are initially cheaper, CMS sites are less expensive long-term and allow clients full control over updates. Popular CMS types include blog-based systems like WordPress and e-commerce systems like Magento and OpenCart. Browser developer tools like Firebug, Chrome, and Safari allow inspecting website code.
The document provides information and guidance for web designers on setting rates and managing projects. It discusses determining income goals and calculating hourly rates. It also covers topics like using time tracking software, creating proposals, managing project scope, and using online project management tools. Maintaining professional operations is important, such as opening new jobs, meeting deadlines, and keeping customers satisfied.
The document provides an overview of a web design intensive course. It includes objectives for the course, which focuses on usability assessment, building a portfolio, and the business aspects of web design. It outlines several workshops and topics that will be covered, including usability principles and testing, user-centered design, and Nielsen's 10 usability heuristics. Students are asked to complete tasks like analyzing websites and providing usability reviews for a blog.
The document discusses usability and its importance for websites. It defines usability as allowing users to accomplish tasks intuitively without frustration. Usability is about the user experience. It is important because users will go to competitors' websites if theirs does not help them achieve their goals easily. The document provides tips on how to improve a website's usability, such as using clear navigation, concise writing, and intuitive labeling of elements. It also suggests testing the site from the user perspective.
This document provides information about website usability. It discusses key usability concepts like affordances, signifiers, mental models, and the ten usability heuristics. It also covers best practices for designing websites with users in mind, such as using clear navigation, limiting distractions, and making important information easily visible without requiring excessive scrolling. The document emphasizes that usability testing is important to evaluate designs from the user's perspective.
This document provides a checklist for evaluating the usability of a website. It covers areas like visual hierarchy, consistency of style/color, readability of text, ease of navigation, load times, and how well the site clearly defines the company. Users are instructed to rate each item from 1 to 5 and add up their scores to determine where their site stands in terms of usability, with higher scores indicating better usability. The document encourages contacting the company for help improving low-scoring sites.
Storytelling For The Web: Integrate Storytelling in your Design ProcessChiara Aliotta
In this slides I explain how I have used storytelling techniques to elevate websites and brands and create memorable user experiences. You can discover practical tips as I showcase the elements of good storytelling and its applied to some examples of diverse brands/projects..
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANEFebless Hernane
CapCut is an easy-to-use video editing app perfect for beginners. To start, download and open CapCut on your phone. Tap "New Project" and select the videos or photos you want to edit. You can trim clips by dragging the edges, add text by tapping "Text," and include music by selecting "Audio." Enhance your video with filters and effects from the "Effects" menu. When you're happy with your video, tap the export button to save and share it. CapCut makes video editing simple and fun for everyone!
Connect Conference 2022: Passive House - Economic and Environmental Solution...TE Studio
Passive House: The Economic and Environmental Solution for Sustainable Real Estate. Lecture by Tim Eian of TE Studio Passive House Design in November 2022 in Minneapolis.
- The Built Environment
- Let's imagine the perfect building
- The Passive House standard
- Why Passive House targets
- Clean Energy Plans?!
- How does Passive House compare and fit in?
- The business case for Passive House real estate
- Tools to quantify the value of Passive House
- What can I do?
- Resources
ARENA - Young adults in the workplace (Knight Moves).pdfKnight Moves
Presentations of Bavo Raeymaekers (Project lead youth unemployment at the City of Antwerp), Suzan Martens (Service designer at Knight Moves) and Adriaan De Keersmaeker (Community manager at Talk to C)
during the 'Arena • Young adults in the workplace' conference hosted by Knight Moves.
Fonts play a crucial role in both User Interface (UI) and User Experience (UX) design. They affect readability, accessibility, aesthetics, and overall user perception.
Revolutionizing the Digital Landscape: Web Development Companies in Indiaamrsoftec1
Discover unparalleled creativity and technical prowess with India's leading web development companies. From custom solutions to e-commerce platforms, harness the expertise of skilled developers at competitive prices. Transform your digital presence, enhance the user experience, and propel your business to new heights with innovative solutions tailored to your needs, all from the heart of India's tech industry.
Decormart Studio is widely recognized as one of the best interior designers in Bangalore, known for their exceptional design expertise and ability to create stunning, functional spaces. With a strong focus on client preferences and timely project delivery, Decormart Studio has built a solid reputation for their innovative and personalized approach to interior design.
Technoblade The Legacy of a Minecraft Legend.Techno Merch
Technoblade, born Alex on June 1, 1999, was a legendary Minecraft YouTuber known for his sharp wit and exceptional PvP skills. Starting his channel in 2013, he gained nearly 11 million subscribers. His private battle with metastatic sarcoma ended in June 2022, but his enduring legacy continues to inspire millions.
2. INFORMATION ARCHITECTURE
The structure or organization of your website.
Shows how different pages relate to one another.
Involves content analysis, page organization, labels, cues,
search techniques and navigation.
Can help people find their way through the information, &
ignore what isn’t relevant.
Monday, July 16, 2012
3. IA IS ORGANIZATION
All about creating groups that make sense to the people who
use them.
Supermarkets don’t organize Swiss cheese with Swiss
chocolate, Belgian chocolate with Belgian beer.
Monday, July 16, 2012
4. IA ON THE WEB
In supermarkets it’s done with layout, sign age and visual
guides.
On websites we use navigation bars button and links.
Monday, July 16, 2012
6. IA IS ALL ABOUT:
1. Organizing content or objects
2. Describing them clearly
3. Providing ways for people to get to them
Monday, July 16, 2012
7. WHERE DO YOU FIND IA?
1. Wherever you need to organize information or objects
2. Websites, intranets
3. File system at work or home, movies, music, or even groceries
on a shelf!
Monday, July 16, 2012
8. WHAT YOU NEED TO UNDERSTAND
...in order to develop a successful IA
Monday, July 16, 2012
9. PEOPLE
What they need do to, how they think & what they already
know.
Monday, July 16, 2012
10. CONTENT
What you have, what you should have & what you need.
Monday, July 16, 2012
11. CONTEXT
The business or personal goals for the site, who else will be
involved & what your constraints are.
Monday, July 16, 2012
13. IA STARTS WITH
Defining the project & its goals
Researching end users
Reviewing all content
Understanding technological & design constraints
Monday, July 16, 2012
14. IA WILL DESCRIBE
Overall structure of the site
Groups & sub groups (to be used in navigation – includes what
they will be called)
Metadata: what you’ll use to describe products
Monday, July 16, 2012
15. WINESHOP
HOME | PRODUCTS | SERVICES | ABOUT US | C O N TA C T
PRODUCTS Home > Products > Wine > Usability Chardonnay 2010
Wine
Lorem ipsum dolor sit amet, consectetur
Food adipiscing elit. Praesent sodales, sapien ut Sed vitae libero et nunc
consequat adipiscing. Ut sit
Glasses porta blandit, metus dui imperdiet ipsum, id amet libero magna. In ac
eleifend est nulla eu orci. Mauris lectus eros, aliquam est. Morbi ac lorem
Kitchenware rutrum at lobortis ut, eleifend eget eros. Nulla massa, et tincidunt erat.
at felis eget neque aliquam convallis. Aliquam
elit risus, facilisis eu congue et, adipiscing Buy Now
Usability vitae eros. Pellentesque eleifend pellentesque
Chardonnay felis. Vivamus eleifend tortor in enim
2010 consequat tristique. Donec sit amet metus
sem. Integer quis massa nunc. Integer nec
purus vehicula urna aliquam elementum.
Monday, July 16, 2012
16. WINESHOP
HOME | PRODUCTS | SERVICES | ABOUT US | C O N TA C T
PRODUCTS Home > Products > Wine > Usability Chardonnay 2010
Wine
Lorem ipsum dolor sit amet, consectetur
Food adipiscing elit. Praesent sodales, sapien ut Sed vitae libero et nunc
consequat adipiscing. Ut sit
Glasses porta blandit, metus dui imperdiet ipsum, id amet libero magna. In ac
eleifend est nulla eu orci. Mauris lectus eros, aliquam est. Morbi ac lorem
Kitchenware rutrum at lobortis ut, eleifend eget eros. Nulla massa, et tincidunt erat.
at felis eget neque aliquam convallis. Aliquam
elit risus, facilisis eu congue et, adipiscing Buy Now
Usability vitae eros. Pellentesque eleifend pellentesque
Chardonnay felis. Vivamus eleifend tortor in enim
2010 consequat tristique. Donec sit amet metus
sem. Integer quis massa nunc. Integer nec
purus vehicula urna aliquam elementum.
THIS IS IA.
Monday, July 16, 2012
17. NAVIGATION
Dependent on the IA
Done after IA is drafted
Includes:
Navigation bars
Related links
In page navigation (hyperlinks)
Aids like A-Z indexes & site maps
Monday, July 16, 2012
18. WINESHOP
HOME | PRODUCTS | SERVICES | ABOUT US | C O N TA C T
PRODUCTS Home > Products > Wine > Usability Chardonnay 2010
Wine
Lorem ipsum dolor sit amet, consectetur
Food adipiscing elit. Praesent sodales, sapien ut Sed vitae libero et nunc
consequat adipiscing. Ut sit
Glasses porta blandit, metus dui imperdiet ipsum, id amet libero magna. In ac
eleifend est nulla eu orci. Mauris lectus eros, aliquam est. Morbi ac lorem
Kitchenware rutrum at lobortis ut, eleifend eget eros. Nulla massa, et tincidunt erat.
at felis eget neque aliquam convallis. Aliquam
elit risus, facilisis eu congue et, adipiscing Buy Now
Usability vitae eros. Pellentesque eleifend pellentesque
Chardonnay felis. Vivamus eleifend tortor in enim
2010 consequat tristique. Donec sit amet metus
sem. Integer quis massa nunc. Integer nec
purus vehicula urna aliquam elementum.
THIS IS
NAVIGATION.
Monday, July 16, 2012
25. CREATE & EVALUATE STRUCTURE:
Brainstorm content categories & site structures
Decide which content belongs together on a page
User test & refine
Monday, July 16, 2012
26. MAP THE PAGES:
Create a sitemap starting with highest priorities
Add short cuts & redundant links
Add necessary support tools, such as Help, Site Map, Search
Monday, July 16, 2012
27. DEVELOP NAVIGATION BAR:
Refine layout & orienting of information i.e., headers, page titles
Establish final labels & graphics
Remember users’ mental models
Do user testing
Monday, July 16, 2012
28. IMPLEMENT:
Build the site & update specs as needed
Test the site
Train maintenance staff
Monday, July 16, 2012
30. ALPHABETICAL
Primary scheme for dictionaries, encyclopedias
Non-fiction indices
Phone books
On the web: directories
Last name
Products
Departments
Services
Monday, July 16, 2012
31. CHRONOLOGICAL
Press Releases
Blog Posts
News
Monday, July 16, 2012
32. GEOGRAPHICAL
Weather
Store Locators
News sites
Monday, July 16, 2012
46. But they share the same pieces that make up the listing:
• title • payment methods
• description • date added
• tags • photograph
• materials • category
• location
Monday, July 16, 2012
49. METADATA
“data about data”or,
“information about information”
all of the information that describes or relates to a piece of
content. this is what the database is all about.
Monday, July 16, 2012
50. THREE KINDS OF METADATA:
Intrinsic: What the object actually is
Administrative: How it is used
Descriptive: Description of the item
Monday, July 16, 2012
51. EXAMPLES OF METADATA:
Blog post (intrinsic)
Author (administrative)
Date posted (administrative)
URL (administrative)
Status: published (administrative)
Title (descriptive)
Category (descriptive)
Tags (descriptive)
Monday, July 16, 2012
52. HYPERTEXT:
Almost an anti-structure pattern
Pieces are connected according to the relationship between them
No database
No hierarchy
Monday, July 16, 2012
56. LINEAR
Just as it sounds –one thing follows another
Not common on the web
Don’t use unless users need to read things in order to avoid
frustration
Monday, July 16, 2012
58. COMBINED PATTERNS
Simple hierarchy + simple database
Good for small, medium & large sites
Create hierarchical sections for basic content
Power of a database to assemble detailed information within
a section
Monday, July 16, 2012
62. CATALOGUE
Second most common
Basically a database pattern
Bottom level is content!
Monday, July 16, 2012
63. TYPES OF CATALOGUE PAGES
Gallery pages: these provide direct access to the content
pages. Hardest working pages.
Department pages: provide access to the galleries.
Store pages: provide access to the department pages.
Jared Spool
Monday, July 16, 2012
70. HUB AND SPOKE
Users move down one level into something more detailed
Return to starting point (the hub)
Then to another detailed page
Back to hub and so on
Monday, July 16, 2012
73. SUB-SITES
LARGE sites
Government
Universities
Large intranets
Site is a series of sub-sites
Held together by homepage or top level pages
Monday, July 16, 2012
83. USE TERMINOLOGY
...that your audience uses
Monday, July 16, 2012
84. ARE AS CLEAR AS POSSIBLE
Avoid “mystery meat” navigation
FlatPak Harry Ford BlueBell
Monday, July 16, 2012
85. WHERE TO GET IDEAS FOR LABELS
Monday, July 16, 2012
86. CONTENT
Look at the words used in your content.
Monday, July 16, 2012
87. USER RESEARCH
Your research will contain hundreds of words that describe
how your audience phrase ideas and concepts.
Monday, July 16, 2012
88. CARD SORTING
Have people provide a label describing what the group of
cards is about.
Monday, July 16, 2012
89. WHAT EVERYONE ELSE DOES
Look around at competitors!
Monday, July 16, 2012
90. WORKSHOP # 1
CARD SORTING EXERCISE
Divide into three groups. Write one word per card.
Skin care Hair care Finance tips
Does cutting salt Is fruit juice really For vegetarians
increase heart your friend. Could your water
attacks? Workout plans bottle be making
Recipes Meal plans you fat?
Disease risks Breakfast foods, the Workouts
Lowering stress good the bad and Ask the experts
Nutrition the ugly.. Weight loss
Life style Living green
Monday, July 16, 2012
91. WORKSHOP # 1
CARD SORTING EXERCISE
Create categories for the words, then group and find
appropriate labels.
Monday, July 16, 2012
92. WORKSHOP # 2
CREATE A HIERARCHICAL SITE
MAP FOR SITE YOU DID IN CARD
SORTING EXERCISE.
Monday, July 16, 2012
94. NAVIGATION
Refers to the methods we design that let people move
around information.
More than a single bar at the top of a page.
Monday, July 16, 2012
95. NAVIGATION CAN ALSO...
Let people browse to the content or functionality they need
Show the context of the information
Show what is related and relevant
Help people find information they didn’t know about
Monday, July 16, 2012
96. NAVIGATION INCLUDES:
Navigation bars
Hyperlinks
Buttons
Other clickable things
Monday, July 16, 2012
97. TYPES OF NAVIGATION:
Global
Local
Supplementary
Utility
Contextual
Monday, July 16, 2012
98. GLOBAL
Defined as links to a site’s top-level categories
Found on every page of the site
Monday, July 16, 2012
100. LOCAL
Picks up where global navigation leaves off
Found on inner pages - specific site section
Gives users tools to move around & accomplish tasks
Monday, July 16, 2012
108. TYPES OF NAVIGATION 02:
Navigation bars
Horizontal or vertical bar
Shows the categories – usually 1-2 levels
Monday, July 16, 2012
109. USE HORIZONTAL NAVIGATION IF:
you have a small number of top-level items that can fit across
the screen
you aren’t likely to be adding new top-level items
your labels are short enough to fit into the horizontal space
you aren’t likely to translate the site into a language that uses
long, compound words (which take up more space)
you want to maximize the amount of page available for content
Monday, July 16, 2012
110. USE HORIZONTAL NAVIGATION IF:
you have more top level groups than would easily fit across
a screen
you may add or change groups over time
some groups may have long labels
you may want to translate the website
Showcase
Monday, July 16, 2012
111. USE VERTICAL NAVIGATION IF:
you have more top level groups than would easily fit across a
screen
you may add or change groups over time
some groups may have long labels
you may want to translate the site
Showcase
Monday, July 16, 2012
112. INVERTED L
Horizontal & Vertical
Monday, July 16, 2012
120. USER FLOWS
Simple diagrams that follow a user down a path of activity
Can be storyboards or flow charts
Similar to scenarios
Storyboard Donald Graham
Monday, July 16, 2012
121. THUMBNAIL SKETCHES
Simple sketches that then go into wireframes
Small representation of design
Scribble lines
Use text captions to describe what happens
Monday, July 16, 2012
126. WIREFRAMES
First step in design process
Design drawings without visual treatment
Simple lines, few colors
Purpose is to show what will be on a page
No graphic design
No interaction
Monday, July 16, 2012
127. CREATING WIREFRAMES
Easy to draw
Straight lines and text
Plenty of drawing packages available:
Visio
Illustrator
Keynote
MockFlow Balsamiq OmniGroup
Monday, July 16, 2012
128. WHO USES WIREFRAMES?
Project team – to discuss different ideas & approaches
Content authors – how will their content fit? What pages do
they have?
Managers – are business needs met? (Where’s my stuff?!)
Developers – shows how things need to work, how to
implement
Monday, July 16, 2012
158. EIGHTSHAPES UNIFY
This is an InDesign-based documentation system. It
contains templates, common page layouts and symbol
libraries to get you started.
Download
Monday, July 16, 2012
159. KONIGI WIREFRAME STENCILS
For OmniGraffle, this contains a broad set of components to
use in wireframes.
Download
Monday, July 16, 2012
160. NICK FINCK’S STENCILS
This is similar to the Konigi stencil set, but for Microsoft
Visio:
Download
Monday, July 16, 2012
161. BALSAMIQ
This prototyping tool is currently the most popular,
allowing you to create simple sketchy prototypes online.
Visit Site
Monday, July 16, 2012
162. AXURE
Very established software for creating clickable prototypes:
Download
Monday, July 16, 2012
163. MICROSOFT SKETCHFLOW
At the far end of the prototyping spectrum is Sketchflow,
which lets you create everything from quick sketch-style-
prototypes through to quite complex interactive prototypes
with re-usable code.
Download
Monday, July 16, 2012
164. WORKSHOP # 4
CREATE WIREFRAMES FOR SITE
YOU DID IN CARD SORTING
EXERCISE.
One wireframe for landing page
One wireframe for a secondary page
Monday, July 16, 2012
166. PAPER PROTOTYPES
Hand drawn images of a site
Usually rough, but great for early testing
Can make changes while testing
Not good for heavy interaction
Can get new ideas for links from user
Paper Prototyping
Monday, July 16, 2012
167. INTERACTIVE PROTOTYPES
Usually HTML or Flash
Graphic images with hotspots
Can do in Dreamweaver, Powerpoint
Monday, July 16, 2012
171. WHAT IS A PERSONA?
Hypothetical “stand-ins” for actual users.
Not real people but represent real people.
Created from user research - not a set demographics.
Represent a segment of your users.
Helps build consensus.
Monday, July 16, 2012
172. PERSONAS DESCRIBE:
Who this person is
How they use the site
What interests they have
What behaviors they have
Monday, July 16, 2012
179. WHAT IS A USE CASE?
Description of a user type in a scenario.
Gives a context for designing features.
Develops scope for the site.
Monday, July 16, 2012
180. A USE CASE
Should mirror your site strategy and business goals.
Can be like a story or scenario:
Monday, July 16, 2012
181. SCENARIO
Emma visits Craig's List homepage, and selects “Chicago” as
her location. She does not have anything in particular that
she is looking to buy right now. She then browses available
categories in the “for sale” area and finds a “toys” category.
She sees a posting for a “Groovy Kitchen,” which she thinks
would be great for her daughter. She contacts the seller to
arrange further details.
Monday, July 16, 2012
182. BENEFITS INCLUDE:
Understanding the user helps design for them.
Clarifying assumptions - scenarios help the team formalize
assumptions.
Fully exploring the design - scenarios serve to explore all the
important aspects of the design.
Provides context - for understanding the features
Helping other project tasks - scenarios represent the important
tasks.
Monday, July 16, 2012
183. WORKSHOP #5
Please break into three groups.
Create 2 personas. Segment people based on behaviors,
go.als and needs
(2 people can be in different demographic group but have
same underlying goals and behaviors)
Name, age, interests Internet/Computing profile
Personal characteristics Computing/technical likes and dislikes
Goals and motivations Quotes
Photos Work/Home computing environment
Job/profession Frequency of computer use
...and anything else you think is important.
Monday, July 16, 2012
184. WORKSHOP #6
Create 3 possible scenarios for each persona that the user
might execute on the site you were assigned.
Monday, July 16, 2012