Stefan Profile picture
Oct 16, 2022 7 tweets 3 min read Read on X
UI/UX design tips:

Best design tips to master iOS design.

Also, Check iOS 16 kit by Joey Banks and use it for free.
(Cc @uiuxadrian) #uiux #uiuxdesign
1) Design all interactions: Show the success state, loading state, and error state. Also include a confirmation screen, and notification popup if needed. Avoid guesswork for the users.
2) Improve your lists.

To improve your list's design you should consider adding a search field (for 5+ items). Your search should enable the user to clear the active keyword input as well as cancel out of the flow. For that, you need to add "clear" and "cancel" buttons.
3) stick to the default components.

You shouldn't reinvent the wheels for keyboards, date pickers, segment control etc. Use the default components and make slight modifications to the padding, colour, and shadows to suit your branding guideline.
4) Use action sheets.

These are sheets that slide up from the bottom of the screen. It is related to people's actions, usually offering two or more choices.
5) Consider modal stacks.

Modal stacks offer a more fluid experience that directs the user's
attention towards acting. It's taking a user out of the current context and requires input to confirm or dismiss
complex tasks without losing track of the previous context.
6) Use system components.

You don't have to design every single component yourself. On the other hand the contrary, you should refer to system-specific components
when possible. If you're not sure what the system components are exactly, refer to HIG for iOS and MD for Android.

• • •

Missing some Tweet in this thread? You can try to force a refresh
 

Keep Current with Stefan

Stefan Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @creativestefan

Mar 20, 2023
Attention UI/UX designers. Here's a ChatGPT Cheatsheet you can use to improve your productivity.

Bookmark Thread 📂
#uiuxdesigntips #uiuxdesign
1. Negotiating with Clients

Prompt:
Write a proposal to a client who wants me to do a UI/UX design for an e-commerce app that sells shoes.
2. UX Interview Questions

Prompt: Generate user interview questions for an e-commerce app that sells shoes
Read 9 tweets
Mar 17, 2023
Concerning the gubernatorial and L.G.A elections tomorrow, I collaborated with some talents to build a platform where Nigerians can upload results, view results uploaded by others and view validated results from polling units without signing up.

Visit polltrackr.comtwitter.com/i/web/status/1… Image
We are currently updating some sections of the website to serve you better tomorrow. Feel free to bookmark 🔖
Moreover, You will need to enter your Ward Code and Polling unit code which is found on the EC8A form (result sheet) as part of the submission to successfully submit the right data.
Read 5 tweets
Feb 3, 2023
How to rename your layers in Figma Super fast!

Save & follow Thread🔖 #uiuxdesign #uiux
Step 1 - Select similar layers you want to rename.

In this example, we will be renaming layers of colors with the same tint and shade
Step 2 - After selecting the layers, Press Ctrl + R (for windows) or Command + R (for Mac) and this modal will popup
Read 7 tweets
Jan 30, 2023
UI/UX design tips :

Here are 3 websites you should explore for more free mockups as a designer.

Save thread🔖
#uiuxdesign
1) Creatoom - creatoom.com
2) Gumroad - gumroad.com/discover
Search and filter with max. price $0.
Read 5 tweets
Dec 5, 2022
UI/UX design tips:

5 factors of Neubruta!ism in UI design

Neubruta!ism is also known as Neobruta!ism is a hybrid of traditional Web design bruta!ism and more Morden typography, illustration and animation standards.

(Source: uxdsuraj on IG) Image
1) Quirky typeface Image
2) High contrast strokes Image
Read 8 tweets
Dec 3, 2022
UI/UX design tips:

How to design amazing credit cards in Figma.

(Source: UI.sergio IG) #UIUXDesigner #uiux Image
Step 1 : Create a transparent frame Image
Step 2: Add a cool mesh gradient. Image
Read 9 tweets

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Don't want to be a Premium member but still want to support us?

Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal

Or Donate anonymously using crypto!

Ethereum

0xfe58350B80634f60Fa6Dc149a72b4DFbc17D341E copy

Bitcoin

3ATGMxNzCUFzxpMCHL5sWSt4DVtS8UqXpi copy

Thank you for your support!

Follow Us!

:(