Offer Valid In Store And Online On Select Styles Through 511
Offer Valid In Store Online On Select Styles Through 5112018hmw
Offer valid in-store & online on select styles through 5/11/2018. HM& WOMEN MEN DIVIDED KIDS H&M SALE MAGZINE check out 20% OFF OUR FAVORITE KIDS TEES Men Women Home H&M Kids DEPARTMENT Women Fashion Men’s Fashion Kidswear H&M Home Sale CORPORATE INFO Career at H&M About H&M group Sustainability Press Investor Relations Corporate Governance FOLLOW US Newsletter Facebook Twitter Instagram YouTube Google+ Pinterest MOBILE H&M iPhone App H&M Android App SC1 SC Madison Crawford Screen Design and Graphics Stark May 5th, 2018 User Testing Everyone I asked to take the test has been to my “clients’” location or bought from their website so it was easy to ask for their opinions with them knowing what it was about and what I was looking for. None of the individuals have an art background so I felt they would all have new and different answers versus asking another art-oriented person.
1. What makes this website standout? 2. What in the website would stop you from buying our product? 3. Is the point of the website clear? 4. Are you able to navigate easily? 5. How did the color scheme make you feel? 6. Does the page layout make legibility easy? 7. Does the design of the page seem simple and clear or empty space?
Denise 1. What makes this website standout? The color behind the pictures 2. What in the website would stop you from buying our product? Would need to see prices of products 3. Is the point of the website clear? Yes very clear 4. Are you able to navigate easily? Yes, I like the double navigation 5. How did the color scheme make you feel? calm 6. Does the page layout make legibility easy? Yes very organized 7. Does the design of the page seem simple and clear or empty space? Simple! Amber 1. What makes this website standout? The subtle color 2. What in the website would stop you from buying our product? Maybe more pictures 3. Is the point of the website clear? Yes 4. Are you able to navigate easily? Yes 5. How did the color scheme make you feel? calm 6. Does the page layout make legibility easy? Yes 7. Does the design of the page seem simple and clear or empty space? Simple, I think anything else would be too much Makayla 1. What makes this website standout? The black and white with the color 2. What in the website would stop you from buying our product? If it had high prices 3. Is the point of the website clear? Yes 4. Are you able to navigate easily? Yes 5. How did the color scheme make you feel? Happy 6. Does the page layout make legibility easy? Yes, it’s very organized 7. Does the design of the page seem simple and clear or empty space? Simple
Jeff 1. What makes this website standout? Color contrasts and font 2. What in the website would stop you from buying our product? Not for me 3. Is the point of the website clear? Yes 4. Are you able to navigate easily? Yes 5. How did the color scheme make you feel? Happy 6. Does the page layout make legibility easy? Yes 7. Does the design of the page seem simple and clear or empty space? Clear Mani 1. What makes this website standout? The color scheme and font style 2. What in the website would stop you from buying our product? If there was a lack of information 3. Is the point of the website clear? Yes very much so 4. Are you able to navigate easily? Yes, clear and organized 5. How did the color scheme make you feel? Calm and happy 6. Does the page layout make legibility easy? Yes, very clear 7. Does the design of the page seem simple and clear or empty space? Simple and clear. I like that it’s modern. Shawheen 1. What makes this website standout? The font 2. What in the website would stop you from buying our product? Lack of info 3. Is the point of the website clear? Yes 4. Are you able to navigate easily? Yes 5. How did the color scheme make you feel? Intrigued 6. Does the page layout make legibility easy? Yes 7. Does the design of the page seem simple and clear or empty space? Simple and clear
Zachary Pruitt, Friend and College Student. 1. I feel a sense of ease, the colors mesh well together and moving throughout the website is easy. 2. Very legible, it’s easy to understand the website and the colors contrasted nicely. 3. The interface was ordered nicely, and the transitions were simple and smooth. 4. I felt like it was an efficient directory to seek whatever I may look for. 5. Yes, the original layout was disruptive and confusing. 6. Nothing in the website was distracting, it was structured neatly. 7. Yes, it felt like a simplistic guide with a well-organized layout.
Brian Steininger, Father and Cyber Specialist (Military) 1. I feel that the website exhibits quality and that is an expectation that I would have of Yale. 2. Very easy to understand and very well laid out. 3. Super easy to read and navigate, the flow was natural, and the color scheme was a nice touch of simplicity. 4. I felt the purpose was to give the viewer the expectations of what a Yale student would learn and apply at the university. 5. A definite improvement to the original website; much more conducive and adds an overall sense of continuity for the website an also an overall more professional design. 6. Nothing was distracting to me in the website; the layout was simple, and the color scheme kept a nice flow. 7. Without a doubt, well scripted and upfront. I had a real sense of what to expect from the opening page design.
Cherith Steininger, Mother and Lead supervisor for Online curriculum website 1. This website makes me intrigued and wanting to explore. 2. I have very bad eyes and this website color choices and boldness made it easy for me to read and follow the flow 3. I feel as though I know exactly what to press to get the information I need and submit my required information 4. The purpose of this website is to inform me about the Yale school of art and their history and mission and to give me information on applying to the school and the ability to contact for further information 5. Absolutely! I don’t even know what the original website is for 6. The username/password background color, while part of the color palate, is a bit distracting. That same color looks very well placed inside the Y logo options, but as a solid background it is super bright. 7. I feel like the website designer had a clear vision and kept to the theme and flow that was intended. This website looks professional and artistic, which is what I would expect from an Ivy league school such as Yale.
Colton Teets, Friend and Graphic Designer 1. The website is inviting and gives me a feeling of youth. 2. Legibility of the website is laid out nicely. The website interface flow’s nicely. My eye follows the web design well, and I can take in the information well. 3. I defiantly enjoy design. I’m not sure that having a yellow background as the web page, creates a website design that is enjoyable for all ages, however the style and visual aspect of the design seem great for college students especially. 4. The only thing that was distracting for me, but not really is the yellow background. The reason that I say that is only because we aren’t used to seeing websites with that color. For me, it brings appeal to the design, however I could also see how as more pages are created, more information could potentially get lost. 5. Yes, I do feel like the website has a clear direction. Especially compared to the original. I really enjoy the use of images and graphics to help balance out the text. 6. Your website made me feel intrigued and wanting to know more. The yellow and blue had a very classic almost historic vibe going that made me think about the legacy of Yale. 7. Much better than the original which was hard to read. The blue pops on the golden yellow color and I didn’t have any issues reading the fonts.
Charlotte Kovanda, Aunt and Graphic Designer 1.) How does this website make you feel? Your website made me feel intrigued and wanting to know more. The yellow and blue had a very classic almost historic vibe going that made me think about the legacy of Yale. 2.) How was the websites overall legibility? Much better than the original which was hard to read. The blue pops on the golden yellow color and I didn’t have any issues reading the fonts. 3.) How does the websites user interface flow? It seems very simple and easy to navigate. I know exactly where I can go to get to certain information. It feels intuitive. 4.) What purpose does the website (seem) to serve? It seems to be a history of Yale art school and also sort of a recruitment tool. 5.) Do you believe this mock-up is an improvement to the original site? Yes! Much better. I couldn’t even read the full site. Their mobile site is a mess and nearly ineligible. 6.) Was anything distracting within the website? I don’t think so. 7.) Do you feel like this website has a clear direction? Yes. It’s more streamlined and easier to follow. It’s still visually captivating but no visuals are distracting. It presents a clear message
Levi Schofield, Cousin and Marketing coordinator for digital content 1. Gives me the sense of sophistication and prestigious arts. 2. Much easier to read and understand the content compared to the original. 3. Simple, but easy to navigate and very clean and professional. 4. To give an overview of the Yale school of arts, to future students. 5. Absolutely, the old website is chaotic and hard to follow in every sense, this redesign helps to create order. 6. Minor problems with some of the red colors, but overall nothing to concerning. 7. Yes, this website helps to showcase the prestigious school, and recruit future members all while respecting the traditions of the school.
Paper For Above instruction
The provided content primarily consists of a promotional offer from H&M, details about an in-depth user testing of a website redesign, including feedback from various individuals with different backgrounds, and some comments about visual and functional elements of the website. The core assignment appears to be analyzing user feedback regarding website design and usability. Consequently, this paper will focus on the significance of user experience (UX) testing, the key aspects that influence usability, the importance of visual design elements, and how user feedback can guide effective website improvements, especially in the context of educational and commercial websites.
Effective web design hinges on the principles of usability, visual appeal, clarity of purpose, and ease of navigation. User testing provides invaluable insights that can lead to meaningful improvements. The feedback collected in this case exemplifies how diverse perspectives—ranging from individuals with and without art backgrounds—can reveal strengths and weaknesses in website interfaces. Key elements prioritized by users include clarity of purpose, navigability, visual harmony, legibility, and overall aesthetic appeal.
One of the most prominent themes emerging from diverse user comments is the importance of intuitive navigation. Several users appreciated the clear and logical interface flow, which enables visitors to find information effortlessly. For example, respondents noted that well-structured layouts, simple menus, and intuitive pathways significantly enhance the user experience. Conversely, some users expressed concerns regarding cluttered layouts or distracting color schemes, which can hamper readability and detract from the primary message. For instance, one user mentioned that a yellow background could interfere with overall readability, emphasizing that color choices impact accessibility.
Visual design elements, such as color schemes, font choices, and imagery, profoundly influence user perception and emotional response. Multiple participants reported feeling calm, intrigued, or sophisticated based on the palette and typography. For example, a subtle color scheme paired with classic fonts evoked a sense of prestige and trustworthiness, aligning with the branding of an esteemed institution like Yale. Additionally, the use of images and graphics was praised for balancing textual content and making the website more engaging. Proper visual contrast, adequate white space, and supportive imagery help in guiding users’ attention and making the content more digestible.
Accessibility was also a recurring concern. Several users highlighted the importance of legibility, particularly for users with visual impairments. The feedback indicated a preference for bold text, high contrast colors, and clear font styles. For instance, one user with poor eyesight appreciated the bright, bold color choices that made reading easier. Such insights demonstrate how user feedback can inform inclusive design practices, ensuring websites are usable by a broader audience.
In addition to visual elements and navigation, content clarity plays a crucial role. Users favored websites that clearly articulate their purpose, whether as informational, recruitment, or commercial tools. Several users praised the mock-up site for its streamlined messaging, which effectively communicated goals and call-to-action prompts. This underscores the necessity of concise, focused content that aligns with the website’s primary objectives, thereby reducing confusion and enhancing user engagement.
Overall, the feedback illustrates that successful website design is a multifaceted endeavor, balancing aesthetic appeal, functional simplicity, and content clarity. Employing user testing early and regularly in the development process helps identify unforeseen issues, optimize navigation flows, and refine visual aesthetics. The collective insights from diverse users guide designers and developers in creating accessible, engaging, and effective online experiences.
In conclusion, user feedback is an essential component of effective web development. The insights from the various respondents, spanning different backgrounds and visual preferences, underline the importance of considering usability, clarity, visual harmony, and accessibility. Incorporating these elements ensures that websites serve their intended purpose efficiently and provide positive experiences, ultimately building credibility and trustworthiness. As digital spaces become increasingly critical for education, commerce, and communication, emphasizing user-centered design remains fundamental to achieving success in web development.
References
- Nielsen, J. (1994). Usability Engineering. Morgan Kaufmann.
- Krug, S. (2014). Don’t Make Me Think: A Common Sense Approach to Web Usability. New Riders.
- Lau, T. (2019). User Experience Design: Essential Elements and Best Practices. UX Collective. https://uxdesign.cc
- Garrett, J. J. (2010). The Elements of User Experience: User-Centered Design for the Web and Beyond. New Riders.
- Sullivan, M. (2012). Accessibility and Usability in Web Design. WebAIM. https://webaim.org
- Norman, D. A. (2013). The Design of Everyday Things: Revised and Expanded Edition. Basic Books.
- Wroblewski, L. (2008). Mobile first. A Book Apart.
- Hassenzahl, M., & Tractinsky, N. (2006). User experience — a research agenda. Behaviour & Information Technology, 25(2), 91-97.
- Rubin, J., & Chisnell, D. (2008). Handbook of Usability Testing: How to Plan, Design, and Conduct Effective Tests. Wiley Publishing.
- Mancuso, L. (2018). How Colors Impact User Experience. Smashing Magazine. https://smashingmagazine.com