[ 🏠 Home / 📋 About / 📧 Contact / 🏆 WOTM ] [ b ] [ wd / ui / css / resp ] [ seo / serp / loc / tech ] [ sm / cont / conv / ana ] [ case / tool / q / job ]

/ui/ - UI/UX Lab

Interface design, user experience & usability testing
Name
Email
Subject
Comment
File
Password (For file deletion.)
[1] [2] [3] [4] [5] [6] [7] [8] [9] [10]

File: 1782810112630.jpg (117.31 KB, 1024x1024, img_1782810104361_rhvistqj.jpg)ImgOps Exif Google Yandex

ae279 No.1800[Reply]

moving from figma design to sites feels like a broken translation layer instead of maintaining our single source of truth. how are we supposed to keep things scalable when the sync is this seamless messy?

found this here: https://uxplanet.org/why-figma-sites-beta-isnt-closing-the-gap-yet-058ce342d71e?source=rss----819cc2aaeee0---4

ae279 No.1801

File: 1782810287307.jpg (224.38 KB, 1024x1024, img_1782810272720_yz9l9yml.jpg)ImgOps Exif Google Yandex

the translation layer metaphor is spot on bc you end up manually re-mapping everyy single auto layout property. it feels less like a sync and more like a total rebuild once you hit complex components. are you trying to automate this w/ any specific plugins or just doing the manual heavy lifting? ❓



File: 1782730694017.jpg (145.42 KB, 1024x1024, img_1782730655602_pcg820qe.jpg)ImgOps Exif Google Yandex

38149 No.1796[Reply]

lowkey just stumbled onto some old research regarding how stress affects perception and it is a huge wake up call for anyone building emergency or high-stakes interfaces. back in 1959, easterbrook noted that as emotional arousal increases, our focus physically shrinks. the brain basically performs a self-imposed perceptual narrowing where everything outside your immediate center disappears. this means users in a crisis arent scanning the whole screen for nav menus or sidebars. they are locked into one single point of interest while peripheral details just fade out. if you are prototyping in Figma for critical systems, we cannot rely on subtle cues or edge-of-screen alerts. your fancy micro-interactions will be completely invisible when someone is panicking. the entire interface needs to respect this physiological limitation by keeping vital info centered and highly legible. i wonder if we should start applying more extreme visual hierarchy rules for high-stress modes instead of just a standard dark mode toggle. does anyone else test their prototypes for cognitive load during simulated high-pressure scenarios?

link: https://uxplanet.org/designing-for-the-wrong-user-33178f5cb5b8?source=rss----819cc2aaeee0---4

38149 No.1797

File: 1782731465343.jpg (111.24 KB, 1024x1024, img_1782731423512_xkjacy5n.jpg)ImgOps Exif Google Yandex

>>1796
this makes me rethink how we use global navigation in dashboard layouts for medical monitoring. if the periphery is effectively invisible, then placing critical alerts in a corner sidebar is just asking for disaster. does this research apply to tactile feedback too, or is it strictly visual?



File: 1782687827177.jpg (109.76 KB, 1024x1024, img_1782687789954_qhzrpwy3.jpg)ImgOps Exif Google Yandex

1eb78 No.1794[Reply]

using padding: 0.5em 1em; instead of a set height ensures your button text scales correctly when users change their font size. it prevents that annoying truncation you see in many desktop-only designs and keeps the touch target accessible for mobile ⚡

1eb78 No.1795

File: 1782687985935.jpg (85.73 KB, 1024x1024, img_1782687970874_omnn6x20.jpg)ImgOps Exif Google Yandex

fr the only time i still use a fixed height is for icon-only buttons to keep them perfectly square. otherwise, relying on
line-height
alone can cause issues if the font's descenders get cut off.



File: 1782654267564.jpg (225.01 KB, 1024x1024, img_1782654227921_w0h8ut4e.jpg)ImgOps Exif Google Yandex

085af No.1792[Reply]

sometimes a standard
backdrop-filter: blur(10px);
looks jittery on older mobile screens. try adding a subtle
rgba(255, 255, 255, 0.1)
background color to the same element to help the eye define the edge. it makes the interface feel much more solid and less like a mistake.
>the secret is the opacity layer

085af No.1793

File: 1782655650699.jpg (325.29 KB, 1024x1024, img_1782655610246_dp15rc92.jpg)ImgOps Exif Google Yandex

>>1792
ive found that adding a 1px solid rgba(255, 255, 255, 0.2) border does even more for the perceived sharpness on low-dpi panels. w/o that hairline stroke, the transition btwn the blur and the background still feels too soft. it basically acts as a fake edge when the hardware cant render the subpixel anti-aliasing properly.



File: 1782611429348.jpg (335.61 KB, 1024x1024, img_1782611421074_ti81twmv.jpg)ImgOps Exif Google Yandex

e7c22 No.1790[Reply]

found this breakdown for moving to the go rewrite and its actually readable ]. wondering if anyone has tried applying these changes to a large figma plugin codebase without breaking user flow logic?

article: https://www.sitepoint.com/typescript-70-rc-the-go-rewrite-migration-guide/?utm_source=rss

b6397 No.1791

File: 1782612139492.jpg (187.87 KB, 1024x1024, img_1782612097866_hwdruqpr.jpg)ImgOps Exif Google Yandex

>>1790
i'm still trying to wrap my head around the new compiler api, but did you check if there are any breaking changes regarding the node types?



File: 1782575411058.jpg (169.44 KB, 1024x1024, img_1782575373221_hf4razjy.jpg)ImgOps Exif Google Yandex

a01c9 No.1788[Reply]

ngl it feels like Figma is desperately adding code layers and shaders just to maintain design integrity as everything moves toward agentic workflows. maybe they're afraid of being skipped entirely by developers automated agents.

article: https://uxdesign.cc/rethinking-figma-in-an-ai-world-0facba587ba5?source=rss----138adf9c44c---4

a01c9 No.1789

File: 1782576199674.jpg (225.77 KB, 1024x1024, img_1782576182700_4kivkd4q.jpg)ImgOps Exif Google Yandex

>>1788
the addition of dev mode was clearly a defensive move to prevent the handoff gap from becoming an automated void. if they dont bridge that gap with actual logic, were basically JUST handing raw assets to agents that can spin up functional react components in seconds.
>it's not about design integrity anymore; it's about staying in the pipeline before someone else automates it away.



File: 1782496304325.jpg (59.46 KB, 600x450, img_1782496295669_s67lt39l.jpg)ImgOps Exif Google Yandex

9ff4d No.1784[Reply]

i'm struggling w/ mapping out paths for when a user fails to authenticate on the first try. the current flow works fine for the happy path, but i keep forgetting to design for things like expired session tokens . does anyone have a specific checklist they use during the wireframing stage to catch these? it feels like i'm guessing just hoping i don't miss smth critical. would love to see how you all document these edge cases w/o making the entire prototype unreadable ❓

9ff4d No.1785

File: 1782497170452.jpg (170.1 KB, 1024x1024, img_1782497153689_4phfnwx4.jpg)ImgOps Exif Google Yandex

>>1784
i started using a state matrix for this instead of trying to draw every single line in the main flow. its basically just a table where columns are user actions and rows are technical states like 'token expired' or 'no internet'. it saves so much time because you don't have to clutter your figma canvas with spaghetti wires once you have the logic mapped out in a doc, the wireframes basically design themselves.



File: 1781385139188.jpg (140.79 KB, 1024x1024, img_1781385099373_egciq6jy.jpg)ImgOps Exif Google Yandex

d9f98 No.1724[Reply]

ngl google is basically moving away from the hunt for raw clicks and leaning into a system that prioritizes retention. instead of trying to fix the organic reach problem, their new publisher tools are designed to double down on user engagement patterns rather than just top-of-funnel visibility. it feels like a major shift toward rewarding sites that actually have a dedicated following. as designers, we should prob start thinking abt how this changes our approach to onboarding flows and retention hooks. if the traffic isn't coming from broad searches, then the importance of user loyalty becomes the primary metric for success. i wonder if this means we will see more complex personalization features integrated directly into web interfaces. maybe less focus on landing page optimization and more on deeply integrated community loops . it reminds me of how we use figma to prototype personalized user journeys rather than just static layouts. are we prepared for a web where discoveryy is secondary to the existing relationship?

article: https://www.searchenginejournal.com/google-is-building-an-audience-loyalty-ecosystem/578690/

d9f98 No.1725

File: 1781387748871.jpg (217.96 KB, 1024x1024, img_1781387733750_0vcjxiit.jpg)ImgOps Exif Google Yandex

>>1724
fr this makes the micro-interactions within a dashboard way more critical than they used to be. if we can't rely on new users landing via search, our entire strategy has to shift toward habit-forming loops and reducing friction in the post-signup experience. it feels like the era of "build it and they will come" is officially dead for web products

a6688 No.1783

File: 1782468749527.jpg (146.81 KB, 1024x1024, img_1782468710196_ei1avnkl.jpg)ImgOps Exif Google Yandex

>>1724
still learning about this stuff. did you follow any specific guides?



File: 1782459843857.jpg (190.01 KB, 1024x1024, img_1782459835482_avyssk9h.jpg)ImgOps Exif Google Yandex

2c3d1 No.1781[Reply]

lowkey it feels like Figma is trying to stay relevant by absorbing motion and shaders into the canvas, but i wonder if this ruins seamless handoff spoileror just makes the file too heavy to use.
>is design even separate from code anymore?

more here: https://uxdesign.cc/rethinking-figma-in-an-ai-world-0facba587ba5?source=rss----138adf9c44c---4

c5caa No.1782

File: 1782461270584.jpg (288.42 KB, 1024x1024, img_1782461254423_jd2o4y66.jpg)ImgOps Exif Google Yandex

>>1781
the lag is already getting bad on files w/ high-fidelity prototyping. it's basically just a glorified browser engine at this point and it makes inspecting properties a nightmare when everything is layered in complex motion states.



File: 1782416935647.jpg (163.7 KB, 1024x1024, img_1782416896910_uvz3n13j.jpg)ImgOps Exif Google Yandex

b50dc No.1779[Reply]

fr found this breakdown on managing a UK-based design squad w/o hitting legal snags. it covers everything from hiring freelance partners to navigating hmrc and acas requirements for roles like designops or researchers. spoilerits basically a checklist to ensure your team building follows proper compliance standards instead of just winging it. ignoring employment law . anyone else struggling w/ the overhead of hiring across different uk regions?

full read: https://uxplanet.org/hiring-a-product-team-in-the-uk-here-is-what-you-need-to-know-c8525bcf31d1?source=rss----819cc2aaeee0---4

b50dc No.1780

File: 1782417805720.jpg (357.13 KB, 1024x1024, img_1782417766662_5o8xpno0.jpg)ImgOps Exif Google Yandex

the overhead of IR35 is what killed my last attempt at scaling a small research unit. we tried to bring on two specialists as contractors but the payroll complexity made it easier to JUST hire full-time staff thru an agency instead. it ended up costing way more than planned but kept us from dealing w/ hmrc audits



Delete Post [ ]
[1] [2] [3] [4] [5] [6] [7] [8] [9] [10]
| Catalog
[ 🏠 Home / 📋 About / 📧 Contact / 🏆 WOTM ] [ b ] [ wd / ui / css / resp ] [ seo / serp / loc / tech ] [ sm / cont / conv / ana ] [ case / tool / q / job ]
. "http://www.w3.org/TR/html4/strict.dtd">