Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

User Experience #4

Open
jendiamond opened this issue Jun 17, 2022 · 0 comments
Open

User Experience #4

jendiamond opened this issue Jun 17, 2022 · 0 comments

Comments

@jendiamond
Copy link
Owner

jendiamond commented Jun 17, 2022

Read these (all or some or add others)

Create an outline in the wiki to base our plan on

Add notes beneath here if you want to about what you like about each

Google search: simple ux thoughts about building a new website


UX Design: What You Should Know

User Experience (UX)

The foundation: determining how each room connects and relates to the next, choosing functional door locations, determining the most practical location for the stairs, and so on.

  • the user's experience with a product or service
  • the user’s journey through the product
  • bridges the gap between how something looks and how it works
  • necessitates a thorough understanding of the user's needs, desires, behaviors, as well as the setting in which they will use a product.
  • UX designers must empathize with and understand the needs of their users.

User Interface (UI)

Once the foundation is in place, you can start thinking about interior design: appealingly hanging pictures, selecting furniture styles that complement the color of the wallpaper, and organizing kitchen utensils so they're easy to reach without making the room look cluttered.

  • the aesthetic elements people interact with a product
  • typography, colors, and menu

How to UX your website in 6 steps

  • Limit the content. Refine the words.
  • For most sections 70% Visual & 30% Content Rule holds good.
  • Use precise words and sentences. Quality is important over quantity
  • Use a happy or natural tone of speech or come-up with your own brand voice.
  • In text-heavy sections (like testimonials/pricing details/forms etc.,), give even more importance to White Spaces & Text Hierarchy. It will give a clean & clutter-free look.

White Space — White space or negative space is any type of blank space on the page. White spaces don’t necessarily mean to be white; the blank space may be filled with any colour as long as it is free of any elements like text or images.

Text Hierarchy — is a system for organizing type that establishes an order of importance within the data, allowing the reader to easily find what they are looking for and navigate the content.

Brand Voice — is the purposeful, consistent expression of a brand through words and prose styles, that engage and motivate. The personality of your brand is often determined by the words you use and the sentences you write.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant