Discover and read the best of Twitter Threads about #UI

Most recents (24)

"Product Design is not UX Design is not UI Design is not..."

Look, if you're doing the job right, it's all the same shit.

It's all DESIGN.

Every description I've ever read about any of the above disciplines applies to ALL THREE if you're going to be any good at it.

1/6
If you're going to make an impact. Get results. Help people.

Design of ANY kind, in general, is a holistic pursuit — you have to know a hell of a lot about a hell of a lot that is far beyond the actual tactical work you do.

2/6
Stuff that is beyond the principles and practices of good UX, good design.

Into the realm of business, technology, engineering, human psychology, cognitive behavior, the list goes on.

3/6
Read 6 tweets
1/ 🚀 Yesterday, @Humane demoed their upcoming product touted to bring the power of #AI into the physical world.

I've been looking at their patents for a while now, and wanted to share some experimentation with this new form factor! #Humane
2/ I call this WristUI; it's meant to maximize the palm interface for maximum visibility while the wrist area is used for secondary data or alternative input. Think of it like the Digital Crown on the Apple Watch. Image
3/ ⏲️ Let's explore a Timer app concept. The countdown is displayed on the palm, and you set the timer by sliding through a projected dial around your wrist. It's an intuitive and easy-to-use design. #Timer #UI Image
Read 9 tweets
1. Microsoft Copilot

GPT4 in powerpoint, excel, word, outlook, teams, more.

blogs.microsoft.com/blog/2023/03/1…
2. Arcade Game

@thegarrettscott made a website that uses GPT-4 to code any arcade game you can think of and let you play it instantly.

Read 8 tweets
1. Google

Design and build beautiful, usable products with Material 3

m3.material.io"
2. Apple

The Human Interface Guidelines contains guidance and best practices that can help you design a great experience for any Apple platform

developer.apple.com/design/human-i…
Read 12 tweets
👉🏻 Découvre 25 plugins Figma !

☀️ Je te file ma petite liste perso de plugins à ajouter à ton figma et à tester sur un projet ! #graphisme #ui #design #graphicdesign #tool #figma #plugin

Thread 👇🏻
1️⃣ BETTER FONT PICKER

➡️  Pour avoir un aperçu visuel de tes typos
2️⃣ IMAGE TRACER

➡️  T’évites de passer sur Illustrator pour une vectorisation rapide d’image.
Read 27 tweets
Usability pitfalls of disabled buttons

Disabled buttons can cause users to get blocked without knowing why, causing abandonment and frustration.

Tips on how to deal with disabled buttons from @vitalyf's video course - Smart Interface Design Patterns 👇

#design #ui #ux #uxui
Always keep buttons enabled by default

Always keep buttons enabled by default and allow users to interact with them. Disabled buttons can cause users to get blocked without knowing why causing abandonment and frustration.
Point to errors on submit

On submit, explain to users why they can’t proceed, and how to fix errors:

• For a single error, point users to the invalid input via a text link.
• For multiple errors, display an error summary at the top and link to it.
Read 8 tweets
I've been asked several times by newbies in #uiuxdesign how to get started into ui/ux design.
Got tired of explaining,so I put together a little something to help you in a simple and easy-to-understand way. Perfect for beginners! #UI #UX #Design #BeginnerTips
🧵👇
Everything you need to help you get started.
notion.so/Getting-Starte…
Some popular designers like @LizTheWhizard @daviowhite @TheRuqayyah @ConfidentNuel @mizko @michalmalewicz were also featured 😁
Goodluck and a nice day
Retweet until it gets to every new designer out there 🙏👍
Read 3 tweets
👉 2023 - Top UI UX Trends you need to know🔥🚀

As we explore UI UX Trends 2023, #Adobe's $20 billion acquisition of #Figma still surprises us.

A UI UX collaborative prototyping tool costing so much is unbelievable. #UI #UX has evolved into a crucial business process.

👇Thread
Top UI Design Trends of 2023🔥

• Large font size and immersive experience
• No more parallax scrolling
• Generative AI in the design process
• Make full use of the card UI component
• Light mode with an option for dark mode
👉Large font size and immersive experience

Their websites have immersive homepages. Clean websites display only the most important information and categories. Some of the world's largest companies with multiple product segments, categories, and locations had information-packed..
Read 7 tweets
UI Designer vs. UX Designer vs. Product Designer: A Comparative Analysis
-
-
See thread👇
-
-
#uidesign #UI #design #uxdesign #uiuxdesign #productdesign #musemind Image
What Does A Product Designer Do?

Product designers manage the design improvement process. Product designers brainstorm solutions to current pain points,take stakeholder input,bridge designers,engineers,and researchers. They understand the product's broad goals and its specifics. Image
What Does A UI Designer Do?

UI designers create the look and feel of digital product user interfaces. UI designers design both screens and their components.

Thus, they examine each screen's layout and its relationships with others. Image
Read 6 tweets
📚기획 용어 시리즈 모음

구글링을 해도 명확하게 뜻이 나오지 않거나 선배 동료에게 물어보기에 애매한 용어들. 실제 프로젝트를 진행하거나 Teaching을 하면서 입문자들이 가장 많이 물어보시는 부분과 실제 작업 시 필수 Use case 위주로 용어의 의미와 활용에 대해 소개합니다.
1부: 웹, 앱 UI 설계 전 알아야 하는 기본 개념
: yozm.wishket.com/magazine/detai…

2부: UI 기획 시 알아야 하는 기초 용어
: yozm.wishket.com/magazine/detai…

3부: 이커머스 페이지 기획 시 알아야 하는 기본 용어
: yozm.wishket.com/magazine/detai…
4부: 검색 기획/설계를 위한 기본 용어 알고 가기
: yozm.wishket.com/magazine/detai…

5부: 인터랙션/제스처 알아가기
: yozm.wishket.com/magazine/detai…

6부: 시작하기 프로세스 기초개념 알기
: yozm.wishket.com/magazine/detai…
Read 4 tweets
You can imagine incredibly creative watch concepts with #midjourney #ui All prompts available in the image descriptions 🧵 **UI UX interface design dimensional elements on Behance Dri
For the planetary explorer **UI UX interface design dimensional elements on Behance Dri
The Naturalist **UI UX interface design dimensional elements on Behance Dri
Read 11 tweets
For #ui designers try asking #midjourney for #streetwear interface designs. Pretty amazing results. Check the ALT tag for the prompt template and share your creations. 🧵 UI UX interface design side...
I’d buy this jacket Image
Classic Image
Read 6 tweets
Would be difficult to give an answer in a thread without sounding a bit reductive, but I'll try my best!

The way I personally see it, the #UI #UX tendencies are shaped by such factors as:

1. The economy (the main one)
2. Accumulation of knowledge
3. Software/Hardware

🧵1/?
2/?

1. The economy - since we're living in a profit-driven system, this inevitably impacts all facets of our lives, eg video games

Within such system, the pursuit for the most effective ways of extracting profit can oftentimes lead to standardization of approaches and practices
3/?

Which in turn leads to trends.

A lot of the titles in the 2nd picture are AAA 3rd person action-adventure games with RPG elements. Some are GaaS'es. All of them seem profitable and safe by the people willing to invest in the ever-growing costs of developing a AAA game.
Read 19 tweets
Ask #midjourney for a cooking app #UI You wont be disappointed by the unique looking food dishes. Any of these look appetizing? UI UX interface design side by side Figma Behance Dribbble,
The cupcake topped with an orange really does it for me.
Spicy blood orange Pho?
Read 6 tweets
For #UI designers, #midjourney is a new way to find inspiration for layout and style. Is this plus #chatgpt3 the future of experience design?
A gold themed cooking app
A dating app for penguins?
Read 6 tweets
Hey @KCBGroup , this could be us... Just saying😌
#ui #ux #uxdesign Image
Whilst playing around with glass morphism, I designed a translucent card and icons. KCB might never reply but I would love to hear your thoughts on this redesign🤔 Image
On that note, it would be fun to see a fingerprint scanner and dark mode integrated into the app.📲😍 Image
Read 5 tweets
🔖 Design inspiration! Where do you find interesting websites? Below is the list of websites that I frequently visit to explore some unusual designs for inspiration:

– Minimal design (httpster.net/2022/nov/) curated by Dominic Whittle and Tom Fitzgerald at Guvnor,
– Low Carbon Websites (lowwwcarbon.com) curated by @Nickylewlew,
– One Page Love (onepagelove.com), with landing pages, templates and resources, curated by @robhope,
– Interaction patterns DesignVault (designvault.io), curated by @daleanthony
– Design made in Germany (designmadeingermany.de/galerie/websei…) by Andrea Bertsche,
– Japanese Design (responsive-jp.com) curated by Katoshun,
– Cyrillic design (cyrillic.design),
– Dark Mode Design (darkmodedesign.com)
Read 9 tweets
If you want to get FREE UI Kits and Design Inspiration For Front-End Developers, read this 👇
1️⃣ Uistore UI Kits

Free handpicked UI Kits for your real-life projects.

Curated free design resources to energize your creative workflow.

uistore.design/categories/ui-…
2️⃣ Free Design Resources

Handpicked free UI Kits to use on your web and mobile application. Ranging from simple to complex.

freedesignresources.net/category/free-…
Read 14 tweets
Hey #GameDev / #GameDesign!

Tired of seeing game dev students who don't know how to make prototypes, or don't know how to be creative?

My students have just finished submitting their "Experimental Games" courseworks, and I couldn't be more proud of them.

Check out this🧵!
Taha (@TeeheeYolk) chose to explore player perspective my mashing up FPS and Platformer sections.

The result is discomforting and odd, but definitely creative!

Riley (@AllanRiley123) looked at #UI placement, and asked why we use the outside of the screen and not the inside.

Might seem counter-intuitive at first, but is it really as intrusive as you'd think?

Read 20 tweets
How to create custom inputs in @bubble⭐️

All with no-code, no custom states and no workflows.

🧵👇

#nocode #bubble #bubbleio #ui #buildinpublic
Step 1

Create a ”Align to Parent” group.

This will allow us to add elements with different z-index which we will need for the text to both me non-clickable but also on top of the input element.
Step 2

Add a text element.

The order here is important❗️

If you were to add the input element first, the text would be above the input and users would not be able to click the text to write, not good.
Read 12 tweets
A significantly large number of companies and organizations share three specific traits when it comes to #UX improvement and #ProductDesign in general:

1 - They don’t really know what their users or customers actually want.

(1/13)
2 - They’re under the mistaken assumption that surveys or their NPS scores tell them what the value of their product/service is to those users.

3 - They’re not willing to allow you to talk to those users to find out what they actually need or hope to accomplish.

(2/13)
I get enough emails and DMs every day to tell me that this is reality for most of you. And the question folks ask me is always the same:

What the hell do I DO?

My answer tends to ruffle some feathers, but here it is.

(3/13)
Read 13 tweets
I often post pics of the @Airbus #A350 flightdeck and get lots of questions about what is where and what does that do…so a little thread to help explain the screens and options that #WePilots have with them using my limited knowledge. First… the middle #aviation #airbus #Pilot
The two centre screens are electronically split into four. The upper two give information such as systems on left and anomalies on right. Lower are used to give the aircraft information from the pilots, such as route, weather, speeds, performance details, etc. #aviation
The displays in front of either pilot are configurable as the pilot wishes. The inboard display is seen here with camera and airfield navigation system displayed but it can also be primary flight instruments and navigation. The outboard is our Electronic Flight Bag. #aviation
Read 6 tweets
Time for a little sneak peek of the #UE5 #UI optimization notes I'm writing. Optimizing UI and Slate is often challenging as people aren't always aware of what's expensive within this system. We're hoping to illuminate that a bit! Here's a🧵 with some of the bigger stuff.
First off, avoid Canvas Panels whenever you can. Slate groups draw calls by LayerID. Whereas other containers condense the number of draw calls by consolidating child elements' LayerIDs, Canvas Panels increment them, so they use MULTIPLE draw calls. This makes them CPU intensive.
The reason Canvas Panels do this is to support rendering child elements on top of each other if need be. To be clear, Canvas Panels are great for highly detailed layouts or instances where you need complex Z-ordering. It's totally permissible to use them as, say, the root of a UI
Read 20 tweets
Ok, let's try something different. Useful technical/business thread for #web #makers from me.

🔌 How to build @atlassian Jira App (in #React) and business around it and why you should actually think of it!

Thread: 🧵
@Atlassian 2/12 We started @testomatio (test management system for #qa) as a classical #SaaS app but at some point, we built a Jira plugin as a complimentary interface.

The feedback from clients surprised us. Some clients preferred to use @testomatio only via Jira plugin

Why? 👇
3/12 Jira is still the source of truth for many companies in the world. And if you want to win small & big you should adjust to business needs. And business works primarily on Jira.

One unobvious conclusion:

Business doesn't want to have another app or even leave Jira
Read 13 tweets

Related hashtags

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.00/month or $30.00/year) and get exclusive features!

Become Premium

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

Donate via Paypal Become our Patreon

Thank you for your support!