Pinned Tweet
Beyond design: The importance of design operations
@invisionapp
Giulia Fortuna retweeted
Smooth opening animation, card details, and hover effects - all built with React ⚛️
Coded by @dogukanui for @alignui
Giulia Fortuna retweeted
Day 781
↓
Made with @UntitledUI
Giulia Fortuna retweeted
💡How to structure UX report
Background & goals → to create context
Methods & activities → show what tools used
Data & anecdotes → build empathy
Insights & findings → show what data means
Opportunities & recommendations → list long-term goals
👇
Giulia Fortuna retweeted
Learn how to use the Principles of Fitts’s Law to improve your UX/UI Designs 🔥🔥
FREE PDF Cheatsheet 🙌
Fitts’s Law was introduced by a psychologist Paul Fitts in 1954. The law has a big importance in human-computer interaction and defines the correlation between a cursor movement or a touch gesture and an interface element.
Overview:
What is Fitt's Law?
The time required to acquire a target area is a function of the ratio between the distance to and size of the target.
How does it apply to User Interface design?
- Interactive elements should be distinguished from non-
- Sometimes a designer can predict where is the prime pixel (the point from which the user will continue interaction). Position more important and related UI elements closer to this pixel.
- Magic pixels are the furthest areas from the prime pixel. Avoid placing anything important into these areas.
- The outer edges and corners of the UI can be reached with greater speed than anywhere else in the display, due to pinning action of the screen.
- UI element is easier to select if its size is increased or the distance to it is decreased.
Practical Tips for Using Fitts’s Law:
- Reduce the distance from one point to the next in UI and make the target object large enough to enable prompt detection and selection of interactive elements without sacrificing accuracy.
- Make every combination of a checkbox/radio + label as the entirely clickable area.
- Don’t go overboard with putting elements too close to each other or making it too big. Follow visual balance and hierarchy, give the user a breathing room.
- Establish a meaningful visual hierarchy in UI elements and content.
- Appropriate grouping is important in articulating functionality.
- Provide enough space between elements for error-prevention.
#ux #uxdesign #ui #uidesign #uxlaws #fittslaw #productdesign #uxprocess #userexperience #design #designthinking #research #userresearch #uxresearch #usertesting #usability #usabilitytesting #prototyping #agile #mvp #startup #digital #visualdesign #graphicdesign #business #startup
Giulia Fortuna retweeted
Today’s #SOTD goes to @ArtemiuLebedev for “Le Flair Studios”, an e-commerce website that helps the brand integrate their philosophy into a way of life for their global community.
Congratulations! 🏆
Check out all the details: awwwards.com/sites/le-flair-…
#ecommerce #fashion #webflow
Giulia Fortuna retweeted
Command Palette 🔍 by @iamdavidhill
Giulia Fortuna retweeted
Shingu - Agency Template Design is available on @CoastalThemes 🪐
Buy Link - coastalthemes.com/template/s…
@framer @figma
Giulia Fortuna retweeted
Wow, just hit 1k!
Thanks to all of you following and @elonmusk for making the X algorithm actually work.
This is just the beginning.
Giulia Fortuna retweeted
I heard that you guys love this kind of presentation
A visual identity made for chillgaming.net

































