UI/UX tips for designing apps

,
1

Hello everyone,

Looking forward to seeing you tomorrow at the Office Hour and answering your design-related questions! Before that, here are some resources that talk about design principles with examples that can be considered when designing your next app.

Tips for improving user experiences : does your app follow these 10 principles?

https://uxdesign.cc/user-experience-is-one-of-the-hottest-topics-in-day-today-designers-life-fb314978e1ff

Tips for designing app interfaces:

  1. Use a grid system to organize elements. Group things by proximity, use left align elements to improve readability.
  2. Create a hierarchy on each page: what’s the most important element users should see? Make them stand out.
  3. Use components consistently. For example, all the main action buttons should look the same, have the same color, and maybe at the same location.
  4. Pick colors consciously to avoid distraction by limiting the colors used in an app. Red for destructive actions and error messages, green for success messages, and use at most two other colors throughout the app to highlight information and guide attention.

Let us know if you have any questions.

4 Likes
2

Hi ZixuanLi,
has the tulip team some Design Templates for prototyping in applications like Figma?

3

Hi Alexander! We’ve built out some best practices in the Tulip UI Template library app that you can work with directly in Tulip, but have not yet done anything specific to Figma. I’m super curious about your workflow though, and would love to learn more about how you’re working with (or looking to work with) Figma and Tulip together. Would you be up for a chat so we can understand more about this use case?
If so, grab some time on my calendar via Calendly.

  • Kimberly Andersson
    Head of Design, Tulip