UI/UX The difference!

 

Hey there! I just started learning about UI/UX design, and honestly, I had no clue what it meant at first. So, I figured I’d share what I’ve learned so far in case it helps other beginners like me. UI stands for User Interface this is all about how a website or app looks. Think buttons, colors, fonts, and layout. UX stands for User Experience  this is about how a website or app feels to use. Is it easy to navigate? Do things make sense? Does it load fast? Together, UI/UX design focuses on making websites or apps not only look good but also work smoothly for the people using them.

 Tips 

  1. Keep it simple
    Don’t overload the page with too much stuff. Clean designs are easier to understand.

  2. Use clear navigation

    Make menus easy to find and labels easy to understand. People shouldn't get lost.

  3. Make it mobile-friendly

    A lot of people use phones. Make sure your site works well on small screens.

  4. Use readable fonts

    Fancy fonts can be cool, but if people can’t read them, it’s a problem.

  5. Be consistent

    Stick to the same styles, colors, and layouts so everything feels connected.

  6. Prioritize speed

    Slow websites are frustrating. Compress images and keep things lightweight.

  7. Use buttons that look like buttons

    If something is clickable, make sure it looks clickable.

  8. Give feedback

    When users click something, show a change  like a color shift or a loading icon  so they know it worked.

  9. Test with real people

    Watch how friends or classmates use your site. You'll learn a lot from where they get stuck.

  10. Focus on your users, not just design trends

    Cool trends are great, but the most important thing is that people enjoy using your site.


Comments

Post a Comment

Popular posts from this blog

Designing Emotion- Week 2

Image
                       Hello everyone! Today I was tasked with a assignment that I would hold as one of my most challenging so far. This weeks project was orientated around emotion. To me emotion is one of the harder features that I struggle with as a designer. Emotion has been some of my greatest hurdles when it comes to designing, the thought process, the layer scheme, the image choice, the whole aspect what the emotion has to revolve under. But this weeks task was only to pick a song to design your piece around, and contact mainly on the emotion is gives off.               When it came down to main choice that I wanted to revolve around, my playlists are a mashup or every genre under the sun. My main motto when it comes to music is "If it sounds good, I'll like it" and ive stuck with that for most of my life. But that was just one of the many little hurdles that I got ov...
Read more

My Colleague.

Image
Instructions Visual Voice Inventory.  Create a collage or slide show of 8–10 pieces of your past creative work (photos, drawings, designs, etc.). Analyze them as a set: Write down the first words or feelings that come to mind for each piece, then look for patterns. Do certain adjectives repeat? Do you see a consistent color scheme or subject matter? Next, ask a friend or classmate to view the collection and describe what they  feel  is  your  voice or style. Compare it with your own impressions. This inventory will help you identify elements that already make your voice distinctive. Based on this, list three qualities you  want  to emphasize more in your voice (for example: “playful humor,” “bold contrast,” “compassion for outsiders”). This list becomes a conscious target for your future projects.  Content   Reflection   Time Made Visible. Mesmerizing, Temporal, Distorted    Rain  Moody, Dreamy, Quiet ...
Read more

You Aren't Alone.

Image
 Instructions   1 - Either A - Create a poster for an event, cause, or product that shows your understanding and application of Empathy, Composition, and Storytelling principles. Or B - Recreate a poster or Design that you have previously done, showing your understanding and application of Empathy, Composition, and Storytelling principles. 2- Create a detailed blog post that describes your visual choices and how you applied what you learned in Chapters 1-4 to make this poster tell a story.  Poster  For this project, I had the chance to create a poster of a movement, cause, or event of my liking. Or to recreate an old project of mine. At first I wanted to try and redefine and recreate one of my old projects, but looking back I don't really have any impactful type of creations..... But that's no worry. The image you see is made after a mental awareness movement. Since Men's Mental Awareness month recently passed past I wanted to try and give it a go with an organiza...
Read more