Code Monkey home page Code Monkey logo

thebikeoven's Introduction

thebikeoven's People

Contributors

jendiamond avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar

thebikeoven's Issues

User Experience

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.

Connect with Steve Campos

Connect with Steve Campos from The Bike Oven and start talking about doing the site.


  • Steve is going to be the Project Owner.
  • Steve is gathering a group of stake holders.
  • Jen is gathering the developers
  • We will meet in the near future to start discussing the details.
  • We will start figuring out what technologies to use.
  • Do a site audit.
  • Research other sites.

Generate some User persona for The Bike Oven

  • Photo / Drawing
  • Name
  • Goals
  • Interests
  • Location
  • Needs/Motivations
  • Frustrations
  • Quote

Persona
https://www.smartsheet.com/customer-profile-persona-templates

The user persona templates that are successful are the ones that anchor the persona to something within the company. It doesn’t just include a random stock image and stock name. They set the foundation for more interest from your internal users.

You don’t need to include demographic information in your personas—unless absolutely necessary. You want to prioritize feelings, thoughts and personality traits over demographics. Focus on what your users feel and think over their age and gender.

Demographics often create the opportunity for bias, which should be avoided at all costs. User personas shouldn’t lead to assumptions—they’re built on research and educated guesses.

You’re looking to create personas that highlight what your users want and need. The sections you include dictate how well this goes.

You’re looking to create personas that the entire organization can understand.


later...
https://speckyboy.com/5-simple-ux-exercises-will-change-decision-makers-think/

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.