{"id":25,"date":"2026-05-31T18:46:12","date_gmt":"2026-05-31T18:46:12","guid":{"rendered":"https:\/\/onyxdigi.com\/blog\/?p=25"},"modified":"2026-05-31T20:26:53","modified_gmt":"2026-05-31T20:26:53","slug":"11-of-12-ai-wireframes-were-bad-heres-why","status":"publish","type":"post","link":"https:\/\/onyxdigi.com\/blog\/2026\/05\/31\/11-of-12-ai-wireframes-were-bad-heres-why\/","title":{"rendered":"11 of 12 AI Wireframes Were Bad \u2014 Here&#8217;s Why"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">This morning I generated 12 wireframe variants for a UAE wealth-management app. Start to finish: 47 minutes.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Here&#8217;s the part nobody puts in the AI demos: 11 of them were bad.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Not <em>technically<\/em> bad \u2014 that&#8217;s the trap. The shapes were right. The hierarchy was readable. The spacing was clean. AI-generated wireframes almost always look correct on first glance, and that&#8217;s exactly what makes them dangerous. &#8220;Looks correct&#8221; and &#8220;is right&#8221; are not the same thing, and the distance between them is the entire job.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Let me walk you through the eleven I threw away, because the reasons are the point.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Four of them showed &#8220;interest earned.&#8221;<\/strong> This is a Sharia-compliant product. Interest \u2014 riba \u2014 isn&#8217;t a styling choice you swap out later; it&#8217;s forbidden, full stop. A wealth app for this market speaks in terms of profit-sharing and expected returns, not interest. Four variants were dead on arrival \u2014 and nothing about the layout told you that. You had to already know it.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Three of them put the chart above the action.<\/strong> Looks fine \u2014 every fintech screenshot on Dribbble leads with a big chart. But this is a wealth app, and the person opening it didn&#8217;t come to admire a line going up. They came to <em>do<\/em> something: top up, rebalance, move money toward a goal. Bury the action under a hero chart and you&#8217;ve optimised for looking like a finance app instead of working like one.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Two of them used a US-style risk slider<\/strong> \u2014 Conservative on the left, Aggressive on the right. The mechanic is fine; the framing is foreign. For a Khaleeji investor, the mental model isn&#8217;t timid-versus-bold. It&#8217;s closer to Preservation \u2192 Growth: protecting what you&#8217;ve built while it grows. Same control, completely different language \u2014 and the wrong words quietly tell the user this product was designed for someone else.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>One of them was pink and purple.<\/strong> Wrong for this app, wrong for that market, wrong for any fintech anywhere. Some rejections take six seconds.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>And one of them was actually great.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/onyxdigi.com\/blog\/wp-content\/uploads\/2026\/05\/figure-1-why-11-cut-1024x640.png\" alt=\"\" class=\"wp-image-26\" srcset=\"https:\/\/onyxdigi.com\/blog\/wp-content\/uploads\/2026\/05\/figure-1-why-11-cut-1024x640.png 1024w, https:\/\/onyxdigi.com\/blog\/wp-content\/uploads\/2026\/05\/figure-1-why-11-cut-300x188.png 300w, https:\/\/onyxdigi.com\/blog\/wp-content\/uploads\/2026\/05\/figure-1-why-11-cut-768x480.png 768w, https:\/\/onyxdigi.com\/blog\/wp-content\/uploads\/2026\/05\/figure-1-why-11-cut-1536x960.png 1536w, https:\/\/onyxdigi.com\/blog\/wp-content\/uploads\/2026\/05\/figure-1-why-11-cut-2048x1280.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">That&#8217;s the real story. Not &#8220;AI made twelve wireframes&#8221; \u2014 twelve is easy. The story is that someone had to look at twelve confident, polished, correct-looking screens and know, fast and for specific reasons, that eleven of them would quietly hurt the product.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">And the twelfth one? It got right exactly what the others missed: profit-sharing language instead of interest, the primary action sitting above the chart, a Preservation \u2192 Growth frame the user would actually recognise, a restrained palette that looked like money rather than a candy wrapper. On the surface it wasn&#8217;t more <em>designed<\/em> than the rejects \u2014 same boxes, same grid. It was simply correct for the brief. The difference between it and the other eleven was invisible to the eye and obvious to the judgement.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">The narrative everyone&#8217;s selling gets this backwards<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">&#8220;AI replaces designers&#8221; misses the entire mechanism of the work. Here&#8217;s what actually happened in my morning.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><mark style=\"background-color:#8ed1fc\" class=\"has-inline-color\">AI got me 12 variants in 47 minutes. Two years ago that was two days.<\/mark><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Then the senior designer&#8217;s job kicked in:<strong> throw away 11 of them in 6 minutes<\/strong> \u2014 and be able to say <em>exactly<\/em> why each one died. Riba. Chart-before-action. Foreign risk language. Off-brand colour. Not &#8220;I don&#8217;t like it.&#8221; Specific, defensible, rooted in the market and the constraints.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/onyxdigi.com\/blog\/wp-content\/uploads\/2026\/05\/figure-3-speed-vs-judgement-1024x640.png\" alt=\"\" class=\"wp-image-28\" srcset=\"https:\/\/onyxdigi.com\/blog\/wp-content\/uploads\/2026\/05\/figure-3-speed-vs-judgement-1024x640.png 1024w, https:\/\/onyxdigi.com\/blog\/wp-content\/uploads\/2026\/05\/figure-3-speed-vs-judgement-300x188.png 300w, https:\/\/onyxdigi.com\/blog\/wp-content\/uploads\/2026\/05\/figure-3-speed-vs-judgement-768x480.png 768w, https:\/\/onyxdigi.com\/blog\/wp-content\/uploads\/2026\/05\/figure-3-speed-vs-judgement-1536x960.png 1536w, https:\/\/onyxdigi.com\/blog\/wp-content\/uploads\/2026\/05\/figure-3-speed-vs-judgement-2048x1280.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">That triage <em>is<\/em> the work now. The generation got cheap. The judgement about what to keep didn&#8217;t move at all.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">What the 6 minutes is actually made of<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong><em>It looks like 6 minutes. It&#8217;s really two decades.<\/em><\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To kill the &#8220;interest earned&#8221; variants in seconds, you have to already carry the knowledge that riba is non-negotiable here \u2014 you can&#8217;t research it after the fact, because the AI will hand you the haram version with total confidence and a beautiful layout. To know the chart belongs below the action, you have to understand <em>why the user opened the app<\/em> \u2014 intent, not aesthetics. To rewrite Conservative\u2013Aggressive as Preservation\u2013Growth, you have to have sat with enough Gulf investors to feel how they actually think about their money.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/onyxdigi.com\/blog\/wp-content\/uploads\/2026\/05\/figure-2-looks-right-vs-is-right-1-1024x640.png\" alt=\"\" class=\"wp-image-29\" srcset=\"https:\/\/onyxdigi.com\/blog\/wp-content\/uploads\/2026\/05\/figure-2-looks-right-vs-is-right-1-1024x640.png 1024w, https:\/\/onyxdigi.com\/blog\/wp-content\/uploads\/2026\/05\/figure-2-looks-right-vs-is-right-1-300x188.png 300w, https:\/\/onyxdigi.com\/blog\/wp-content\/uploads\/2026\/05\/figure-2-looks-right-vs-is-right-1-768x480.png 768w, https:\/\/onyxdigi.com\/blog\/wp-content\/uploads\/2026\/05\/figure-2-looks-right-vs-is-right-1-1536x960.png 1536w, https:\/\/onyxdigi.com\/blog\/wp-content\/uploads\/2026\/05\/figure-2-looks-right-vs-is-right-1-2048x1280.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">None of that is in the wireframe. All of it is in the person reviewing the wireframe. That gap \u2014 between a screen that looks right and a screen that is right for <em>this<\/em> user, in <em>this<\/em> market, under <em>these<\/em> rules \u2014 is where experience lives. AI doesn&#8217;t close that gap. If anything it widens it, by producing wrong answers that look more convincing than ever.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">So where does that leave us<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Faster, if you have judgement. Exposed, if you don&#8217;t.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The designer who treats AI as a junior working at superhuman speed \u2014 generate a lot, then cut ruthlessly \u2014 is now operating at a level that was impossible eighteen months ago. The designer who trusts the output because it &#8220;looks correct&#8221; is shipping the riba screen to a Sharia-compliant bank and finding out the hard way.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Speed is a commodity now. Anyone can generate twelve wireframes before their coffee&#8217;s cold. What can&#8217;t be commoditised is knowing which eleven to throw away, and why.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">That triage is the work. That&#8217;s what 23 years buys you.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Speed is a commodity. Judgement is not.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This morning I generated 12 wireframe variants for a UAE wealth-management app. Start to finish: 47 minutes. Here&#8217;s the part nobody puts in the AI demos: 11 of\u2026<\/p>\n","protected":false},"author":1,"featured_media":30,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,4,5],"tags":[10,15,19,12],"class_list":["post-25","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ux","category-arabic-ux","category-fintech-ux","tag-ai","tag-fintech","tag-productdesign","tag-ux"],"_links":{"self":[{"href":"https:\/\/onyxdigi.com\/blog\/wp-json\/wp\/v2\/posts\/25","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/onyxdigi.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/onyxdigi.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/onyxdigi.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/onyxdigi.com\/blog\/wp-json\/wp\/v2\/comments?post=25"}],"version-history":[{"count":2,"href":"https:\/\/onyxdigi.com\/blog\/wp-json\/wp\/v2\/posts\/25\/revisions"}],"predecessor-version":[{"id":33,"href":"https:\/\/onyxdigi.com\/blog\/wp-json\/wp\/v2\/posts\/25\/revisions\/33"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/onyxdigi.com\/blog\/wp-json\/wp\/v2\/media\/30"}],"wp:attachment":[{"href":"https:\/\/onyxdigi.com\/blog\/wp-json\/wp\/v2\/media?parent=25"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/onyxdigi.com\/blog\/wp-json\/wp\/v2\/categories?post=25"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/onyxdigi.com\/blog\/wp-json\/wp\/v2\/tags?post=25"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}