<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0" xmlns:media="http://search.yahoo.com/mrss/"><channel><title><![CDATA[Pixel Posts]]></title><description><![CDATA[Thoughts on Design and Technology by Vidit Bhargava]]></description><link>https://blog.viditb.com/</link><image><url>https://blog.viditb.com/favicon.png</url><title>Pixel Posts</title><link>https://blog.viditb.com/</link></image><generator>Ghost 4.6</generator><lastBuildDate>Sat, 25 Apr 2026 16:20:19 GMT</lastBuildDate><atom:link href="https://blog.viditb.com/rss/" rel="self" type="application/rss+xml"/><ttl>60</ttl><item><title><![CDATA[Where I want Apple to go in the next 15 years]]></title><description><![CDATA[Tim Cook’s remarkable run as a CEO is coming to a close at a time when tech itself is undergoing a massive transformation in people’s lives. Here’s how I want tech at Apple to evolve in the next decade and half. And it’s not about AI.]]></description><link>https://blog.viditb.com/where-i-want-apple-to-go-in-the-next-15-years/</link><guid isPermaLink="false">69e7d7e8fbb8a5054a59d903</guid><category><![CDATA[apple]]></category><dc:creator><![CDATA[Vidit Bhargava]]></dc:creator><pubDate>Tue, 21 Apr 2026 20:08:17 GMT</pubDate><media:content url="https://blog.viditb.com/content/images/2026/04/IMG_6533.jpeg" medium="image"/><content:encoded><![CDATA[<img src="https://blog.viditb.com/content/images/2026/04/IMG_6533.jpeg" alt="Where I want Apple to go in the next 15 years"><p>This photo was taken exactly <a href="https://x.com/tim_cook/status/1649329689029394433?s=46&amp;t=ENYbphxXAF0JPRSB0ZGZzg">three years ago</a>. The brief interaction with Tim Cook was a glimpse into the workings of a CEO. Sharp, quick-witted, percipient and above all, humble and willing to engage in a meaningful conversation even if it&#x2019;s something he was seeing for the first time.</p><p>This is all you expect from a leader. If Steve Jobs made the personal computer cool, Tim Cook ensured it reached millions of people. Over the last 15 years computers have become a ubiquitous entity across the globe, and the success of the iPhone is one of the biggest reasons behind it.</p><p>Today&#x2019;s world however is much different from 1997 or 2011. It&#x2019;s not an era where people are new to technology or computers. Everyone young grew around it. The novelty of the tech is gone. In fact, the last few years &#xA0;of the software industry in general have been so trust eroding that people no longer see tech and tech companies with rose tinted glasses.</p><p>Ternus is becoming a CEO in an era where tech desperately needs to get out of the way, and take a backstage presence, we&#x2019;re live in a post-technocentric world, where the problems and solutions are much bigger than what an app can solve. Tech doesn&#x2019;t need to occupy the center stage, it needs to become the invisible tool that helps us get our things done.</p><p>And that&#x2019;s all I want from Apple in the next decade and half. To fulfil the promise of building tools and technology that step back and help people be better versions of themselves. We don&#x2019;t need tech that does the work for us, or replaces artistic expression. We need tech that empowers us, augments our thinking.</p>]]></content:encoded></item><item><title><![CDATA[Young people crave uni-taskers and it's not that deep]]></title><description><![CDATA[The resurgence of the iPod and analogue technology with buttons is not a coincidence. People crave for new experiences.]]></description><link>https://blog.viditb.com/young-people-want-uni-taskers-and-its-not-that-deep/</link><guid isPermaLink="false">69dc5426fbb8a5054a59d8ce</guid><category><![CDATA[iPod]]></category><category><![CDATA[Distraction Free Computing]]></category><dc:creator><![CDATA[Vidit Bhargava]]></dc:creator><pubDate>Mon, 13 Apr 2026 02:40:22 GMT</pubDate><media:content url="https://blog.viditb.com/content/images/2026/04/IMG_5002.jpeg" medium="image"/><content:encoded><![CDATA[<img src="https://blog.viditb.com/content/images/2026/04/IMG_5002.jpeg" alt="Young people crave uni-taskers and it&apos;s not that deep"><p>People forget that today&apos;s 20 somethings have not seen the era of Casette tapes, multi-button electronics, iPods, etc. They probably saw the tail-end of that when they were growing up. But it&apos;s been mostly touch-screen slabs for them.</p><p>Touch Screen slabs, with subscription laden services have practically not changed over the last 15 years. </p><blockquote>People want new things, they are nostalgic about the past, and now see the iPod in a new light, it&apos;s not &quot;one more device to carry&quot;, it&apos;s a dedicated device for music. </blockquote><p>They also see its benefits. It&apos;s not got apps, services, notifications, etc. so they can listen to the music they like in peace. After all, dedicated hardware will always be better at certain things than general purpose hardware. So the iPod is coming back.</p><p>This is what happens when you raise a generation on nothing but touch screens. They get tired of them. They see the negatives more clearly than those who invented them.</p><p>As for me, the creator of The Unitasker Manifesto, I couldn&apos;t be happier. I love the iPod.</p><!--kg-card-begin: html--><iframe width="560" height="315" src="https://www.youtube.com/embed/ZBeWHLQcEEM?si=1FzLo-2uHhjRhdUp" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe><!--kg-card-end: html-->]]></content:encoded></item><item><title><![CDATA[Thoughts from a recently concluded AI conference at UC Berkeley]]></title><description><![CDATA[While the conference was a comprehensive mirror to the schism in AI discourse today. I walked back with more questions than answers. ]]></description><link>https://blog.viditb.com/thoughts-from-a-recently-concluded-ai-conference-at-uc-berkeley/</link><guid isPermaLink="false">69d871ebfbb8a5054a59d75a</guid><category><![CDATA[Artificial Intelligence]]></category><dc:creator><![CDATA[Vidit Bhargava]]></dc:creator><pubDate>Fri, 10 Apr 2026 06:05:57 GMT</pubDate><media:content url="https://blog.viditb.com/content/images/2026/04/Frame-Copy.jpg" medium="image"/><content:encoded><![CDATA[<img src="https://blog.viditb.com/content/images/2026/04/Frame-Copy.jpg" alt="Thoughts from a recently concluded AI conference at UC Berkeley"><p>About three weeks back I attended UC Berkeley&apos;s &quot;Interface to Agency&quot; a single day design conference on Agentic AI and ontological design. </p><p>All in all it was an extremely balanced conference that did a decent of job of presenting a myriad of view points on the state of artificial intelligence. </p><p>But I came out of the conference with three key insights. </p><h3 id="theres-a-lot-of-gate-keeping-by-obfuscation-right-now">There&apos;s a lot of gate-keeping by obfuscation right now</h3><p>What&apos;s the biggest indicator of an insecure industry? Jargon. Where the notion of <em>&quot;This is too complicated for you to understand, let the experts handle it&quot;</em> is prevalent, you know it&apos;s an insecure industry that&apos;s trying to gate-keep others from joining because they fear that the knowledge they claim to possess would not be considered special anymore, or the money they&apos;re minting right now will start to get diluted. And that&apos;s exactly how it felt like going through multiple of the talks on Agentic AI that day. </p><blockquote><em>&quot;The job of a human in software design is going to be that of an orchestrator or manager of Agents, that they employ / deploy to get things done for them&quot; </em></blockquote><p>A common theme that I observed during the first half of the conference was this notion that the computer will do work <em>for</em> me, and while it&apos;s a noble idea, it&apos;s hardly new, or hardly as revolutionary as AI optimists would have you believe. It&apos;s just wrapped up in the jargon of Agentic AI. </p><p>Truth be told, Agentic AI isn&apos;t new. It&apos;s just a fancy way of saying <em>&quot;we figured vanilla ChatGPT is a stupid tool for answering your questions so we decided that it needs to hand over performing tasks to different actions that can reliably give correct answers&quot;</em>. If Hallucinations are just glorified bugs, Agents are glorified computer programs. For some reason AI people love giving human attributes to a non-living thing. </p><p>What&apos;s complicated about this? Nothing. It&apos;s just that the terminology itself is alienating. </p><p>Coming to the other half that of the computer doing work <em>for</em> you. It&apos;s literally trying to live the dream of countless automation and voice assistant apps, from Automator, to Shortcuts, to Siri. This idea that I press a button and the computer just does things for me and I don&apos;t need to do anything. </p><p>Guess what? It&apos;s great but only for small, repeatable actions that you don&apos;t want control over and it&apos;s not a lot of things. </p><p>Even socially, we don&apos;t want others doing things <em>for</em> us as much as we want to do things together. </p><p>If my brother orders a burrito for me by guessing I am hungry, and would need a Burrito, while it may flatter me, there&apos;s a high likelihood that I may not want a Burrito at that time, or from that place, or just want a different Burrito from the one he thinks I want. He can&apos;t get into my brain and figure these things out, he needs to ask me, what I want. <em>&quot;Interaction&quot; is more important than &quot;Action&quot;. </em></p><p>Automator, Shortcuts, IFTTT, aren&apos;t the next computing revolution not because the technology is not there yet, it&apos;s because the tasks that can be automatically done by the computer <em>for</em> us, are very few and appeal to specific people.</p><h3 id="ai-has-produced-the-biggest-schism-in-technological-discourse">AI has produced the biggest schism in technological discourse. </h3><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://blog.viditb.com/content/images/2026/04/Frame.jpg" class="kg-image" alt="Thoughts from a recently concluded AI conference at UC Berkeley" loading="lazy" width="2000" height="1176" srcset="https://blog.viditb.com/content/images/size/w600/2026/04/Frame.jpg 600w, https://blog.viditb.com/content/images/size/w1000/2026/04/Frame.jpg 1000w, https://blog.viditb.com/content/images/size/w1600/2026/04/Frame.jpg 1600w, https://blog.viditb.com/content/images/size/w2400/2026/04/Frame.jpg 2400w" sizes="(min-width: 720px) 720px"><figcaption>Bruce Sterling</figcaption></figure><p>It&apos;s not like the conference didn&apos;t put those view points up, it did and to a very good extent. If the first half of the conference made me feel out-intellected, the second half had talks that focused on interaction design, home-grown AI models, and a rollicking roast of the technology by Bruce Sterling. </p><p>While the second half was more enjoyable to me, I couldn&apos;t help but notice the schism. On one hand we have people who practically live and breathe this &quot;agentic&quot; world and would have you believe that it&apos;s the future of computing, on the other hand there are people who want to push back, who don&apos;t want AI impacting human creativity, who look down upon it even. </p><p>That dichotomy is jarring. In fact even more so, when you see such discordant views amongst people working on the tech itself. To me it&apos;s a clear lack of technological and design leadership. </p><p>We have the tech, it&apos;s controlled by big tech, big tech is controlled by systems of scale and growth, which the initially promised technology is failing to fulfill, and that pushes execs to make pompous, grandiose claims that are far from reality; and that pushes this hyper optimistic buzzword laden narrative of AI being all powerful.</p><p>People who are skeptics of big tech sometimes see through the bullshit, sometimes people buy into the fear, uncertainty and doubt that execs are creating because the new tech is intimidating, a lot of people have genuine ethical concerns about it, and some people don&apos;t buy into the marketing and see the utility of the technology differently. </p><p>But such is the juggernaut of AI growth, that these people are pushed to the other side of the spectrum, creating little room for rational discourse, and only screeching voices that vacillate between &#xA0;&quot;AI is the future of humanity&quot; and &quot;AI is the worst, most unethical thing &#xA0;in tech&quot; are left in the room. </p><p>Nobody gets AI yet. But everyone wants to have an opinion on it. A vision rooted in understanding of the technology and its ethical implications would&apos;ve done wonders to the AI discourse. Sadly, that sort of leadership doesn&apos;t exist anymore.</p><h3 id="theres-no-transparency-in-ai">There&apos;s no transparency in AI.</h3><p>Every breakthrough technology, gave people the freedom to tinker with it, to look under the hood, shape it, mold it into their own, and learn about its workings by making. </p><p>Computers started with hackers tinkering and in computer clubs, they were accessible electronics that people could get into and understand it as much as they could build on top of them. In the early days of web, you could go to a website, view source and understand how things worked, the code was open to be understood.</p><p>This is true for computers, but also true for ancient tech like wood, fire, paper, metal. </p><p>But with AI, it&apos;s mostly only accessible to build on top of the tech developed by tech conglomerates like OpenAI, Anthropic, or Claude. There&apos;s no easy way for people to dig into it, understand the workings and tinker with an LLM&apos;s inner workings.</p><p>While tools to fine tune LLMs exist, they are far less accessible to the common person than the tools to tinker with a computer were in the 1980s. Partly because of the complexities involved in &quot;fine tuning an LLM&quot; and partly because the weights and the reasoning are the <em>secret sauce</em> for these things. And even if you fine tune an LLM, you cannot really get into the weights of the training or tinker with how its reasoning works, so the hobbyists working with AI always have a second hand understanding of the tech. </p><p>It&apos;s also a technology uniquely controlled by big tech. Every other technological revolution was more open. &#xA0;</p><hr><p>These are lots of words to say that while I appreciate the varied AI discourse presented by the conference, I walked back with more questions than answers. </p><p><em>What are we really building and how is it helping people is a question I walked in with, and walked out with unanswered. </em></p>]]></content:encoded></item><item><title><![CDATA[Apple at 50: Why I root for a company's success]]></title><description><![CDATA[Apple's approach to stand up for what they think is right when everyone else is doing something else is both admirable and makes their success feel personal. ]]></description><link>https://blog.viditb.com/why-i-root-for-a-companys-success/</link><guid isPermaLink="false">69cd581bfbb8a5054a59d6c7</guid><category><![CDATA[apple]]></category><dc:creator><![CDATA[Vidit Bhargava]]></dc:creator><pubDate>Wed, 01 Apr 2026 18:15:39 GMT</pubDate><media:content url="https://blog.viditb.com/content/images/2026/04/IMG_5124.jpeg" medium="image"/><content:encoded><![CDATA[<img src="https://blog.viditb.com/content/images/2026/04/IMG_5124.jpeg" alt="Apple at 50: Why I root for a company&apos;s success"><p>The reason why I&apos;ve rooted for Apple all these years is the shared values.</p><p>Sure, they make great products and they are immensely successful at it, but its their ability to go against the grain, to stand up for what they think is right when everyone else is doing something else, is something I aspire in my own life and work. &#xA0;Their success feels like an affirmation of my values more than any thing else.</p><p>Be it their stance on data privacy, or their recent outlook on AI with their focus on building, and promoting tools that empower human expression rather than replace it, or their focus on Accessibility; more often than not I find myself agreeing with them in principle rather than looking at them as yet another soulless capitalistic enterprise where immediate profits reign supreme.</p><p>And this is consistent across every aspect of the company. What&apos;s amazed me over the years is how egalitarian they are. </p><p>I obviously owe a lot of my career success to Apple, and Apple&apos;s products, one thing that&apos;s always struck me is how there&apos;s literally no difference in how my apps as an indie developer and those of industry stalwarts have been treated.</p><p>Apple&apos;s prestigious annual design awards end up awarding many indie developers each year too. </p><p>As an app maker, being put on the same pedestal as industry giants from day 1 is immensely empowering (and why would it be any other way!?).</p><p>Through their actions, Apple makes it clear that they see no difference between indie developers and larger enterprises. Unlike other places where the systems and incentives in place naturally award those with bigger pockets. </p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://blog.viditb.com/content/images/2026/04/Screenshot-2026-04-01-at-10.28.48-AM.png" class="kg-image" alt="Apple at 50: Why I root for a company&apos;s success" loading="lazy" width="1200" height="1122" srcset="https://blog.viditb.com/content/images/size/w600/2026/04/Screenshot-2026-04-01-at-10.28.48-AM.png 600w, https://blog.viditb.com/content/images/size/w1000/2026/04/Screenshot-2026-04-01-at-10.28.48-AM.png 1000w, https://blog.viditb.com/content/images/2026/04/Screenshot-2026-04-01-at-10.28.48-AM.png 1200w" sizes="(min-width: 720px) 720px"><figcaption>Every developer in this tweet is an indie. (https://x.com/viditb/status/1649331915202109441?s=20)</figcaption></figure><p>Over the years, I&apos;ve enjoyed using Apple products, agreed and disagreed with their design decisions, held strong opinions on where I&apos;d change things, but ultimately it&apos;s shared values that makes me come back to rooting for their successs. </p>]]></content:encoded></item><item><title><![CDATA[Tech’s homogeneity is a scale problem]]></title><description><![CDATA[Easier to be creative when there are five of something vs five million of something.]]></description><link>https://blog.viditb.com/techs-homogeneity-is-a-scale-problem/</link><guid isPermaLink="false">6979e680fbb8a5054a59d66d</guid><category><![CDATA[design]]></category><category><![CDATA[Visual Design]]></category><dc:creator><![CDATA[Vidit Bhargava]]></dc:creator><pubDate>Wed, 28 Jan 2026 10:42:23 GMT</pubDate><media:content url="https://blog.viditb.com/content/images/2026/01/Frame-Copy-8.png" medium="image"/><content:encoded><![CDATA[<img src="https://blog.viditb.com/content/images/2026/01/Frame-Copy-8.png" alt="Tech&#x2019;s homogeneity is a scale problem"><p>Here&#x2019;s an experiment. Take 5 unique shapes. They look cool right? Each one stands out on its own has unique characteristics, texture, and color.</p><figure class="kg-card kg-image-card kg-width-wide"><img src="https://blog.viditb.com/content/images/2026/01/Frame.png" class="kg-image" alt="Tech&#x2019;s homogeneity is a scale problem" loading="lazy" width="2000" height="1176" srcset="https://blog.viditb.com/content/images/size/w600/2026/01/Frame.png 600w, https://blog.viditb.com/content/images/size/w1000/2026/01/Frame.png 1000w, https://blog.viditb.com/content/images/size/w1600/2026/01/Frame.png 1600w, https://blog.viditb.com/content/images/size/w2400/2026/01/Frame.png 2400w" sizes="(min-width: 1200px) 1200px"></figure><p>We should have more of them. So let&apos;s multiply them. Maybe we can add new colours too.</p><figure class="kg-card kg-image-card kg-width-wide"><img src="https://blog.viditb.com/content/images/2026/01/Frame-Copy.png" class="kg-image" alt="Tech&#x2019;s homogeneity is a scale problem" loading="lazy" width="2000" height="1176" srcset="https://blog.viditb.com/content/images/size/w600/2026/01/Frame-Copy.png 600w, https://blog.viditb.com/content/images/size/w1000/2026/01/Frame-Copy.png 1000w, https://blog.viditb.com/content/images/size/w1600/2026/01/Frame-Copy.png 1600w, https://blog.viditb.com/content/images/size/w2400/2026/01/Frame-Copy.png 2400w" sizes="(min-width: 1200px) 1200px"></figure><p>At an even bigger size, the textures are not even clearly noticeable, so let&#x2019;s remove them.</p><figure class="kg-card kg-image-card kg-width-wide"><img src="https://blog.viditb.com/content/images/2026/01/Frame-Copy-3.png" class="kg-image" alt="Tech&#x2019;s homogeneity is a scale problem" loading="lazy" width="2000" height="1176" srcset="https://blog.viditb.com/content/images/size/w600/2026/01/Frame-Copy-3.png 600w, https://blog.viditb.com/content/images/size/w1000/2026/01/Frame-Copy-3.png 1000w, https://blog.viditb.com/content/images/size/w1600/2026/01/Frame-Copy-3.png 1600w, https://blog.viditb.com/content/images/size/w2400/2026/01/Frame-Copy-3.png 2400w" sizes="(min-width: 1200px) 1200px"></figure><p>Let&#x2019;s make it a little bigger. Actually the colors are making it look incongruous, so let&#x2019;s have the same color.</p><figure class="kg-card kg-image-card kg-width-wide"><img src="https://blog.viditb.com/content/images/2026/01/Frame-Copy-4.png" class="kg-image" alt="Tech&#x2019;s homogeneity is a scale problem" loading="lazy" width="2000" height="1176" srcset="https://blog.viditb.com/content/images/size/w600/2026/01/Frame-Copy-4.png 600w, https://blog.viditb.com/content/images/size/w1000/2026/01/Frame-Copy-4.png 1000w, https://blog.viditb.com/content/images/size/w1600/2026/01/Frame-Copy-4.png 1600w, https://blog.viditb.com/content/images/size/w2400/2026/01/Frame-Copy-4.png 2400w" sizes="(min-width: 1200px) 1200px"></figure><p>Let&#x2019;s make it even bigger. It&#x2019;s not very efficient use of space. We can pack way more if everything is a circle.</p><figure class="kg-card kg-image-card kg-width-wide"><img src="https://blog.viditb.com/content/images/2026/01/Frame-Copy-5.png" class="kg-image" alt="Tech&#x2019;s homogeneity is a scale problem" loading="lazy" width="2000" height="1176" srcset="https://blog.viditb.com/content/images/size/w600/2026/01/Frame-Copy-5.png 600w, https://blog.viditb.com/content/images/size/w1000/2026/01/Frame-Copy-5.png 1000w, https://blog.viditb.com/content/images/size/w1600/2026/01/Frame-Copy-5.png 1600w, https://blog.viditb.com/content/images/size/w2400/2026/01/Frame-Copy-5.png 2400w" sizes="(min-width: 1200px) 1200px"></figure><p>Great! Now we can scale this to a million units! A million circles of same size, spaced in a nice grid it is.</p><figure class="kg-card kg-image-card kg-width-wide kg-card-hascaption"><img src="https://blog.viditb.com/content/images/2026/01/Frame-Copy-7.png" class="kg-image" alt="Tech&#x2019;s homogeneity is a scale problem" loading="lazy" width="2000" height="1176" srcset="https://blog.viditb.com/content/images/size/w600/2026/01/Frame-Copy-7.png 600w, https://blog.viditb.com/content/images/size/w1000/2026/01/Frame-Copy-7.png 1000w, https://blog.viditb.com/content/images/size/w1600/2026/01/Frame-Copy-7.png 1600w, https://blog.viditb.com/content/images/size/w2400/2026/01/Frame-Copy-7.png 2400w" sizes="(min-width: 1200px) 1200px"><figcaption>What every aspect of tech looks like today.</figcaption></figure><hr><p>This is exactly what every aspect of technology looks like right now. You want a phone, it&#x2019;s a rectangular slab of aluminum. Colors? Barely distinguishable variants of gray, and black. You unlock the phone, every icon is just text slapped on to a white background or an abstract shape that is wearing the brand identity uniform.</p><p>You open the phone, every app is a collection of white rounded rectangles and black text.</p><p>In fact, we&#x2019;re in such stages of scaled homogeneity that even language is become a sum of averages thanks to ChatGPT (an LLM is language at scale!)</p><p><em>Scale is the enemy of creativity</em>. Indie apps that have to make an app for one platform, and do it well, have much more fun app icons and interfaces than bigger players. Pre-industrial revolution furniture looked nothing like the sleek boring industrialized furniture of today because billions of units weren&apos;t being shipped to people.</p><p>When conformity is the norm there&#x2019;s little room for soul, creativity or fun. Fun is aberrant, uncouth, rebellious. This is what using technology feels like today. It&#x2019;s scaled to a billion people, but those billions of people are being drowned in notions of conformity, some dictated by mass production, others by product managers and dysfunctional software economies.</p><p>No wonder it&#x2019;s boring and lacks soul. When you&#x2019;re making something for everyone, you&#x2019;re really not making anything for anyone.</p>]]></content:encoded></item><item><title><![CDATA[A collection of Design Frameworks for designing emerging technologies]]></title><description><![CDATA[Three design frameworks, that will enable people to design good computing experiences in the future. These are my attempt at cutting through the noise in emerging tech right now. ]]></description><link>https://blog.viditb.com/frameworks-for-designing-emerging-technologies/</link><guid isPermaLink="false">69752d21fbb8a5054a59d621</guid><category><![CDATA[Design Framework]]></category><category><![CDATA[Action Centered Design]]></category><category><![CDATA[Artificial Intelligence]]></category><dc:creator><![CDATA[Vidit Bhargava]]></dc:creator><pubDate>Sat, 24 Jan 2026 20:51:23 GMT</pubDate><content:encoded><![CDATA[<p>Over the last couple of years, I have been prototyping, researching and designing for emerging technologies as part of my graduate studies and then work. </p><p>There&apos;s a lot of noise in the emerging tech world right now. This is my attempt at cutting through it and focusing on design principles, and a vision of a more humane future. Feel free to share them with your design and leadership teams.</p><h2 id="action-centered-design">Action Centered Design</h2><p>Action centered design urges designers to look beyond tools, and start with people and their actions first. Tools follow action just like form follows function.</p><p> This framework allows both software, and hardware designers to look at their designs in a more modular manner and readies them for a future, where apps no longer take center stage in our life.</p><figure class="kg-card kg-bookmark-card"><a class="kg-bookmark-container" href="https://blog.viditb.com/a-short-primer-on-action-centered-design/"><div class="kg-bookmark-content"><div class="kg-bookmark-title">A short primer on Action-Centered Design</div><div class="kg-bookmark-description">Tools follow action, just like form follows function. Action-Centered Design is a versatile framework that enables designers to design for actions first.</div><div class="kg-bookmark-metadata"><img class="kg-bookmark-icon" src="https://blog.viditb.com/favicon.png"><span class="kg-bookmark-author">Pixel Posts</span><span class="kg-bookmark-publisher">Vidit Bhargava</span></div></div><div class="kg-bookmark-thumbnail"><img src="https://blog.viditb.com/content/images/2025/08/acd_hero-copy-3.png"></div></a></figure><p><a href="https://viditb.com/frameworks/acd.pdf">Downloadable PDF</a></p><figure class="kg-card kg-image-card"><img src="https://blog.viditb.com/content/images/2026/01/Tabloid.png" class="kg-image" alt loading="lazy" width="1584" height="2448" srcset="https://blog.viditb.com/content/images/size/w600/2026/01/Tabloid.png 600w, https://blog.viditb.com/content/images/size/w1000/2026/01/Tabloid.png 1000w, https://blog.viditb.com/content/images/2026/01/Tabloid.png 1584w" sizes="(min-width: 720px) 720px"></figure><hr><h2 id="designing-good-contextual-computing-experiences">Designing Good Contextual Computing Experiences</h2><p>Context is the latest buzzword in silicon valley, but there&apos;s a lack of good contextual computing experiences. This framework breaks down what context means and provides designers with the tools to design experiences that don&apos;t feel opaque and frustrating.</p><figure class="kg-card kg-bookmark-card"><a class="kg-bookmark-container" href="https://blog.viditb.com/the-paradox-of-context-in-computing/"><div class="kg-bookmark-content"><div class="kg-bookmark-title">The Paradox of Context in Computing</div><div class="kg-bookmark-description">Why more context isn&#x2019;t always the solution for bad contextual computing. This post serves as a primer to contextual computing and offers a framework for designing good contextual experiences.</div><div class="kg-bookmark-metadata"><img class="kg-bookmark-icon" src="https://blog.viditb.com/favicon.png"><span class="kg-bookmark-author">Pixel Posts</span><span class="kg-bookmark-publisher">Vidit Bhargava</span></div></div><div class="kg-bookmark-thumbnail"><img src="https://blog.viditb.com/content/images/2025/08/hero.png"></div></a></figure><p><a href="https://viditb.com/frameworks/context.pdf">Downloadable PDF </a></p><figure class="kg-card kg-image-card"><img src="https://blog.viditb.com/content/images/2026/01/Tabloid-Copy-7.png" class="kg-image" alt loading="lazy" width="1584" height="2448" srcset="https://blog.viditb.com/content/images/size/w600/2026/01/Tabloid-Copy-7.png 600w, https://blog.viditb.com/content/images/size/w1000/2026/01/Tabloid-Copy-7.png 1000w, https://blog.viditb.com/content/images/2026/01/Tabloid-Copy-7.png 1584w" sizes="(min-width: 720px) 720px"></figure><hr><h2 id="designing-emerging-technologies">Designing Emerging Technologies</h2><p>Different form factors dominate emerging tech discourse today. While important, they are not the only things that matter with emerging technologies design. More importantly, we live in a <em>post techno-centric world,</em> where one appliance is not the panacea for our problems. </p><p>In such a world, designers must think in systems, and build out platforms that enable everyone to come together to solve a problem.</p><figure class="kg-card kg-bookmark-card"><a class="kg-bookmark-container" href="https://blog.viditb.com/designing-emerging-technologies/"><div class="kg-bookmark-content"><div class="kg-bookmark-title">Designing Emerging Technologies in 2026</div><div class="kg-bookmark-description">Emerging tech is not a form-factor problem. In 2026, we need to design emerging technologies that look beyond techno-centric appliances.</div><div class="kg-bookmark-metadata"><img class="kg-bookmark-icon" src="https://blog.viditb.com/favicon.png"><span class="kg-bookmark-author">Pixel Posts</span><span class="kg-bookmark-publisher">Vidit Bhargava</span></div></div><div class="kg-bookmark-thumbnail"><img src="https://blog.viditb.com/content/images/2026/01/Frame-3.jpg"></div></a></figure><p><a href="https://viditb.com/frameworks/det.pdf">Downloadable PDF</a></p><figure class="kg-card kg-image-card"><img src="https://blog.viditb.com/content/images/2026/01/Tabloid-Copy-12.png" class="kg-image" alt loading="lazy" width="1584" height="2448" srcset="https://blog.viditb.com/content/images/size/w600/2026/01/Tabloid-Copy-12.png 600w, https://blog.viditb.com/content/images/size/w1000/2026/01/Tabloid-Copy-12.png 1000w, https://blog.viditb.com/content/images/2026/01/Tabloid-Copy-12.png 1584w" sizes="(min-width: 720px) 720px"></figure>]]></content:encoded></item><item><title><![CDATA[Designing Emerging Technologies in 2026]]></title><description><![CDATA[Emerging tech is not a form-factor problem. In 2026, we need to design emerging technologies that look beyond techno-centric appliances.]]></description><link>https://blog.viditb.com/designing-emerging-technologies/</link><guid isPermaLink="false">6972fe38fbb8a5054a59d279</guid><category><![CDATA[Emerging Technology]]></category><category><![CDATA[Action Centered Design]]></category><category><![CDATA[Artificial Intelligence]]></category><category><![CDATA[augmented reality]]></category><category><![CDATA[design]]></category><category><![CDATA[Design Framework]]></category><dc:creator><![CDATA[Vidit Bhargava]]></dc:creator><pubDate>Fri, 23 Jan 2026 11:22:52 GMT</pubDate><media:content url="https://blog.viditb.com/content/images/2026/01/Frame-3.jpg" medium="image"/><content:encoded><![CDATA[<h3></h3><img src="https://blog.viditb.com/content/images/2026/01/Frame-3.jpg" alt="Designing Emerging Technologies in 2026"><p>The modern tech discourse is muddled with buzzword technologies being referred to as emerging technologies, collectively. So much so that when we think of emerging technologies, we fail to look beyond things like AR Glasses, Mixed Reality Headsets, or more recently &quot;AI hardware&quot; or &quot;Agentic AI&quot;. </p><p>But that&apos;s not the limit of Emerging Tech Design. In fact, Designing yet another &quot;AI hardware&quot; or somewhat better &quot;AR Glasses&quot; completely misses the point of designing emerging technologies.</p><h3 id="the-form-fallacy">The Form Fallacy</h3><p>Here&apos;s the harsh reality, a new form-factor isn&apos;t going to make AI hardware suddenly more useful. Emerging technology design isn&apos;t just about giving technology a new kind of input and output interaction.</p><p>Mixed Reality Headsets, Projection based interfaces, AR Glasses, AI Chatbots, are novel methods of interaction, that combine existing technologies into a sensor&#x2014;actuator system (or input or output in the case of software) to create a new experience. They are a new form of housing for technology. Making them doesn&apos;t automatically make them desirable to people.</p><figure class="kg-card kg-image-card kg-width-wide kg-card-hascaption"><img src="https://blog.viditb.com/content/images/2026/01/formFallacy_vision.jpg" class="kg-image" alt="Designing Emerging Technologies in 2026" loading="lazy" width="2000" height="1176" srcset="https://blog.viditb.com/content/images/size/w600/2026/01/formFallacy_vision.jpg 600w, https://blog.viditb.com/content/images/size/w1000/2026/01/formFallacy_vision.jpg 1000w, https://blog.viditb.com/content/images/size/w1600/2026/01/formFallacy_vision.jpg 1600w, https://blog.viditb.com/content/images/size/w2400/2026/01/formFallacy_vision.jpg 2400w" sizes="(min-width: 1200px) 1200px"><figcaption>Purely looking from the lens of emerging technologies being a new form, VR headsets are hardly new. The first instance of a VR headset dates back to 1968.</figcaption></figure><p>The Vision Pro presents a vision of spatial computing but fails to provide people a reason to buy it over a traditional computer. It doesn&apos;t really solve a pressing need in people&apos;s lives.</p><figure class="kg-card kg-image-card kg-width-wide"><img src="https://blog.viditb.com/content/images/2026/01/formFallacy_aiPin.jpg" class="kg-image" alt="Designing Emerging Technologies in 2026" loading="lazy" width="2000" height="1176" srcset="https://blog.viditb.com/content/images/size/w600/2026/01/formFallacy_aiPin.jpg 600w, https://blog.viditb.com/content/images/size/w1000/2026/01/formFallacy_aiPin.jpg 1000w, https://blog.viditb.com/content/images/size/w1600/2026/01/formFallacy_aiPin.jpg 1600w, https://blog.viditb.com/content/images/size/w2400/2026/01/formFallacy_aiPin.jpg 2400w" sizes="(min-width: 1200px) 1200px"></figure><p>The <a href="https://blog.viditb.com/what-the-ai-pin-was-really-good-at/">Ai Pin</a> failed, not because the form factor wasn&apos;t ideal, it failed because the device makers had no idea who their user was and so the product was little more than a string of cool demos at its best.</p><figure class="kg-card kg-image-card kg-width-wide"><img src="https://blog.viditb.com/content/images/2026/01/formFallacy_sandbar.jpg" class="kg-image" alt="Designing Emerging Technologies in 2026" loading="lazy" width="2000" height="1176" srcset="https://blog.viditb.com/content/images/size/w600/2026/01/formFallacy_sandbar.jpg 600w, https://blog.viditb.com/content/images/size/w1000/2026/01/formFallacy_sandbar.jpg 1000w, https://blog.viditb.com/content/images/size/w1600/2026/01/formFallacy_sandbar.jpg 1600w, https://blog.viditb.com/content/images/size/w2400/2026/01/formFallacy_sandbar.jpg 2400w" sizes="(min-width: 1200px) 1200px"></figure><p>Emerging Technology is technology being used in a novel way to<em> solve human problems. so that they spark our imagination of a different, better future. </em>What gives them the &quot;emerging&quot; status is the promise of significant changes in people&apos;s lives through a new medium. </p><p>When the focus is on people and their needs, it seems counter intuitive to begin by wrapping a new technology in hardware. To reach a form, one must go through the process of designing it. </p><p>To design something you must know <strong>who you are designing for, and what is the problem to solve</strong>, before you can really finalize a form.</p><h2 id="the-design-process">The Design Process</h2><p>We start with the people, their wants and needs (the problems they are facing) and the actions they perform to achieve them.</p><figure class="kg-card kg-image-card kg-width-wide kg-card-hascaption"><img src="https://blog.viditb.com/content/images/2026/01/Action-Centered-Design.png" class="kg-image" alt="Designing Emerging Technologies in 2026" loading="lazy" width="2000" height="1176" srcset="https://blog.viditb.com/content/images/size/w600/2026/01/Action-Centered-Design.png 600w, https://blog.viditb.com/content/images/size/w1000/2026/01/Action-Centered-Design.png 1000w, https://blog.viditb.com/content/images/size/w1600/2026/01/Action-Centered-Design.png 1600w, https://blog.viditb.com/content/images/size/w2400/2026/01/Action-Centered-Design.png 2400w" sizes="(min-width: 1200px) 1200px"><figcaption>We start with the people we are designing for, their immediate wants and needs, and what actions they are taking right now to solve them</figcaption></figure><figure class="kg-card kg-image-card kg-width-wide kg-card-hascaption"><img src="https://blog.viditb.com/content/images/2026/01/Action-Centered-Design-_-2.png" class="kg-image" alt="Designing Emerging Technologies in 2026" loading="lazy" width="2000" height="1176" srcset="https://blog.viditb.com/content/images/size/w600/2026/01/Action-Centered-Design-_-2.png 600w, https://blog.viditb.com/content/images/size/w1000/2026/01/Action-Centered-Design-_-2.png 1000w, https://blog.viditb.com/content/images/size/w1600/2026/01/Action-Centered-Design-_-2.png 1600w, https://blog.viditb.com/content/images/size/w2400/2026/01/Action-Centered-Design-_-2.png 2400w" sizes="(min-width: 1200px) 1200px"><figcaption>Tools are interventions designed to aid people&apos;s actions that help them fulfill their wants and needs. Emerging Technologies Design largely centers around building those interventions</figcaption></figure><figure class="kg-card kg-image-card kg-width-wide"><img src="https://blog.viditb.com/content/images/2026/01/FormSmartSwim.jpg" class="kg-image" alt="Designing Emerging Technologies in 2026" loading="lazy" width="2000" height="1176" srcset="https://blog.viditb.com/content/images/size/w600/2026/01/FormSmartSwim.jpg 600w, https://blog.viditb.com/content/images/size/w1000/2026/01/FormSmartSwim.jpg 1000w, https://blog.viditb.com/content/images/size/w1600/2026/01/FormSmartSwim.jpg 1600w, https://blog.viditb.com/content/images/size/w2400/2026/01/FormSmartSwim.jpg 2400w" sizes="(min-width: 1200px) 1200px"></figure><p><em>The Form Smart Swim Goggles are the perfect example of how emerging technologies like AR prove to be useful when starting with a very clear user (swimmers in this case) and addressing their problems.</em></p><figure class="kg-card kg-bookmark-card"><a class="kg-bookmark-container" href="https://www.formswim.com/blogs/all/smart-swim-2-what-went-into-developing-our-next-gen-goggles?_ab=0&amp;_fd=0&amp;_sc=1&amp;srsltid=AfmBOoqRa6VVM_HTn89agFpZxVQRDSz-D03JBmdKtOm3uDu_iAVaKD5w"><div class="kg-bookmark-content"><div class="kg-bookmark-title">How We Arrived at Smart Swim 2 - What Went Into Developing Our Next-Gen Goggles</div><div class="kg-bookmark-description">During my 4.5 years leading the product function here at FORM, it has been incredibly exciting and inspiring to watch the purpose of the company evolve to where we are today, knowing that we exist to elevate athletic performance through real-time visual feedback. Athletes of all types and abilities&#x2026;</div><div class="kg-bookmark-metadata"><img class="kg-bookmark-icon" src="https://www.formswim.com/cdn/shop/files/Form_Favicon_32x32_a2131eb8-a5bb-4f45-9df1-c89700f94540_32x32.png?v=1652293181" alt="Designing Emerging Technologies in 2026"><span class="kg-bookmark-author">FORM</span><span class="kg-bookmark-publisher">Paul Hossack</span></div></div><div class="kg-bookmark-thumbnail"><img src="https://www.formswim.com/cdn/shop/articles/Body_01_Mobile.jpg?v=1712005713" alt="Designing Emerging Technologies in 2026"></div></a></figure><hr><p>Well, That&apos;s simple enough. So why don&apos;t we have more products that do this? </p><p>The <strong>reality</strong> is that each intervention results in intended and unintended consequences rather than &#x201C;solving the problem&#x201D;.</p><figure class="kg-card kg-image-card kg-width-wide"><img src="https://blog.viditb.com/content/images/2026/01/ProblemsAndUnintendedConsequences.gif" class="kg-image" alt="Designing Emerging Technologies in 2026" loading="lazy" width="1080" height="608"></figure><p>But before we focus on our intervention creating a feedback loop, let&#x2019;s take a step back and look at the problem itself, and <strong>why</strong> trying to solve it is so complicated.</p><h3 id="the-problem">The problem</h3><figure class="kg-card kg-image-card"><img src="https://blog.viditb.com/content/images/2026/01/allProblemsAreWicked.gif" class="kg-image" alt="Designing Emerging Technologies in 2026" loading="lazy" width="1080" height="608"></figure><p>Our environment, circumstances and experiences shape our wants and needs, which are fulfilled by the appliances around us.</p><p>But these wants and needs, or the appliances that are designed to fulfill them don&#x2019;t live in isolation. They&#x2019;re part of bigger problems, that are being continually being shaped by our actions, appliances and the world around us.</p><p>Each Want and need points to a problem, that problem no matter how straightforward it may seem, is a part of a bigger more <em><a href="https://en.wikipedia.org/wiki/Wicked_problem">wicked problem</a></em>. How do we tackle them then? It seems as if no new product (or emerging technology) is good enough at solving these seemingly untamable problems?</p><h3 id="a-quick-primer-on-tame-and-wicked-problems">A quick primer on Tame and Wicked Problems.</h3><figure class="kg-card kg-image-card"><img src="https://blog.viditb.com/content/images/2026/01/Bhargava_Vidit_March06.001.jpeg" class="kg-image" alt="Designing Emerging Technologies in 2026" loading="lazy" width="1920" height="1080" srcset="https://blog.viditb.com/content/images/size/w600/2026/01/Bhargava_Vidit_March06.001.jpeg 600w, https://blog.viditb.com/content/images/size/w1000/2026/01/Bhargava_Vidit_March06.001.jpeg 1000w, https://blog.viditb.com/content/images/size/w1600/2026/01/Bhargava_Vidit_March06.001.jpeg 1600w, https://blog.viditb.com/content/images/2026/01/Bhargava_Vidit_March06.001.jpeg 1920w" sizes="(min-width: 720px) 720px"></figure><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://blog.viditb.com/content/images/2026/01/Bhargava_Vidit_March06_Wicked.001.jpeg" class="kg-image" alt="Designing Emerging Technologies in 2026" loading="lazy" width="1920" height="1080" srcset="https://blog.viditb.com/content/images/size/w600/2026/01/Bhargava_Vidit_March06_Wicked.001.jpeg 600w, https://blog.viditb.com/content/images/size/w1000/2026/01/Bhargava_Vidit_March06_Wicked.001.jpeg 1000w, https://blog.viditb.com/content/images/size/w1600/2026/01/Bhargava_Vidit_March06_Wicked.001.jpeg 1600w, https://blog.viditb.com/content/images/2026/01/Bhargava_Vidit_March06_Wicked.001.jpeg 1920w" sizes="(min-width: 720px) 720px"><figcaption>Here&apos;s a quick primer on Wicked Problems and Tame Problems. There are no Tame Problems. Every tame problem lives inside a bigger wicked problem.</figcaption></figure><blockquote>There are no Tame Problems, Every tame problem lives inside a bigger wicked problem. To tackle a wicked problem, we slice it into smaller, somewhat tamable problems.</blockquote><h3 id="a-thin-slice-of-a-bigger-problem">A Thin Slice of a bigger problem</h3><p>Now that we&#x2019;ve scoped out our problem. Let&#x2019;s descope again. This time, by creating thin slices of the wicked problem. Identifying people, their immediate issues and how they connect to the bigger problems. </p><figure class="kg-card kg-image-card"><img src="https://blog.viditb.com/content/images/2026/01/WickedProblemSpace.001.jpeg" class="kg-image" alt="Designing Emerging Technologies in 2026" loading="lazy" width="1920" height="1080" srcset="https://blog.viditb.com/content/images/size/w600/2026/01/WickedProblemSpace.001.jpeg 600w, https://blog.viditb.com/content/images/size/w1000/2026/01/WickedProblemSpace.001.jpeg 1000w, https://blog.viditb.com/content/images/size/w1600/2026/01/WickedProblemSpace.001.jpeg 1600w, https://blog.viditb.com/content/images/2026/01/WickedProblemSpace.001.jpeg 1920w" sizes="(min-width: 720px) 720px"></figure><p>Once we have scoped out our problem as a complex system of elements and interconnected relationships, we find boundary objects to define the bounds of the thin slice of the problem we want to tackle.</p><figure class="kg-card kg-image-card"><img src="https://blog.viditb.com/content/images/2026/01/ThinSlicing.gif" class="kg-image" alt="Designing Emerging Technologies in 2026" loading="lazy" width="1080" height="608"></figure><p>With this thin slice defined. We must start our usual design loop. Person, Action, Goal, defines the solution we&#x2019;re working.</p><p>Once we have a fair idea of the people, their actions and their goals. Each task can be divided into input information, the logic, and output logic. This forms the &#x201C;How&#x201D; of how a problem is solved.</p><p>Once clearly defined we have a good blue print for what we need to design our emerging technology interventions for. The goal of the intervention should be to better help people achieve their goals. <em>Just like a scissor helps people cut paper, or eyeglasses help people see.</em></p><h3 id="the-interventions">The Interventions</h3><p>But how do we design the tools that perform the action? How do we design the &#x201C;emerging technology&#x201D;. There are many different ways of going about it. I would like to restrict today&#x2019;s discussion to three methods.</p><ol><li>Creating what&apos;s possible and practical for today</li><li>Vision Driven Design</li><li>Creating a speculative future</li></ol><h3 id="creating-whats-most-possible-and-practical-for-today">Creating what&apos;s most possible and practical for today</h3><p>Time Frame: 1-5 years<br>The best approach for designing products that will launch on a 1-5 year time scale. They use existing systems to build a new solution. </p><p>To design products in this space the most practical way to start is to use existing frameworks like the DVF Framework, or the DICE Framework, or MIT Three Lenses of Innovation, amongst many others in order to deeply understand the problem space, and develop a<strong> design, tech and marketing strategy</strong>.</p><p>Remember here you have to ship something quickly, so your prototype solutions must know exactly how something is going to come to life, and how it&apos;s going to make money.</p><figure class="kg-card kg-image-card"><img src="https://blog.viditb.com/content/images/2026/01/DVF-Framework.png" class="kg-image" alt="Designing Emerging Technologies in 2026" loading="lazy" width="2000" height="1176" srcset="https://blog.viditb.com/content/images/size/w600/2026/01/DVF-Framework.png 600w, https://blog.viditb.com/content/images/size/w1000/2026/01/DVF-Framework.png 1000w, https://blog.viditb.com/content/images/size/w1600/2026/01/DVF-Framework.png 1600w, https://blog.viditb.com/content/images/size/w2400/2026/01/DVF-Framework.png 2400w" sizes="(min-width: 720px) 720px"></figure><p>The <a href="https://presentations.dubberly.com/DDO_DVF_Collection.pdf">DVF Framework </a> is one of the many frameworks that can be used to identify the &#xA0;who is going to need this product (desirability), how it&apos;s going to be built (feasbility), and the financial viability of the product (viability). </p><figure class="kg-card kg-image-card"><img src="https://blog.viditb.com/content/images/2026/01/Diceframework.png" class="kg-image" alt="Designing Emerging Technologies in 2026" loading="lazy" width="2000" height="1176" srcset="https://blog.viditb.com/content/images/size/w600/2026/01/Diceframework.png 600w, https://blog.viditb.com/content/images/size/w1000/2026/01/Diceframework.png 1000w, https://blog.viditb.com/content/images/size/w1600/2026/01/Diceframework.png 1600w, https://blog.viditb.com/content/images/size/w2400/2026/01/Diceframework.png 2400w" sizes="(min-width: 720px) 720px"></figure><p>The <a href="https://vhil.stanford.edu/publications/virtual-reality-and-its-opportunities-and-risks">DICE Framework</a> and other similar frameworks are great for applications on pre-defined platforms like VR. They answer the question of <em>&quot;What kinds of applications would be cool for this platform?&quot;</em>. In case of the DICE framework, it lays out clearly the kinds of experiences that would be great for VR headsets. </p><figure class="kg-card kg-image-card"><img src="https://blog.viditb.com/content/images/2026/01/PSC.png" class="kg-image" alt="Designing Emerging Technologies in 2026" loading="lazy" width="2000" height="1176" srcset="https://blog.viditb.com/content/images/size/w600/2026/01/PSC.png 600w, https://blog.viditb.com/content/images/size/w1000/2026/01/PSC.png 1000w, https://blog.viditb.com/content/images/size/w1600/2026/01/PSC.png 1600w, https://blog.viditb.com/content/images/size/w2400/2026/01/PSC.png 2400w" sizes="(min-width: 720px) 720px"></figure><p><a href="https://reap.mit.edu/assets/Innovation-And-MITs-3-lenses.pdf">MIT&apos;s Three Lenses of Innovation</a> frame the design problem as something that sits in the political, cultural and strategic contexts. It provides an alternative approach to DVF and DICE frameworks. </p><hr><figure class="kg-card kg-image-card kg-width-wide kg-card-hascaption"><img src="https://blog.viditb.com/content/images/2026/01/Getorade-Sweatpatch.jpg" class="kg-image" alt="Designing Emerging Technologies in 2026" loading="lazy" width="2000" height="1176" srcset="https://blog.viditb.com/content/images/size/w600/2026/01/Getorade-Sweatpatch.jpg 600w, https://blog.viditb.com/content/images/size/w1000/2026/01/Getorade-Sweatpatch.jpg 1000w, https://blog.viditb.com/content/images/size/w1600/2026/01/Getorade-Sweatpatch.jpg 1600w, https://blog.viditb.com/content/images/size/w2400/2026/01/Getorade-Sweatpatch.jpg 2400w" sizes="(min-width: 1200px) 1200px"><figcaption>The Gatorade sweatpatch enables athletes to keep track of their sweat levels, using a microfluidic patch.</figcaption></figure><p>The <a href="https://smartdesignworldwide.com/projects/gx-sweat-patch-app/">Gatorade Sweatpatch </a>is a great example of how to create novel solutions using emerging technologies (micro-fluidics in this case) using existing systems (the patch doesn&apos;t require anything but the smartphone!)</p><figure class="kg-card kg-bookmark-card"><a class="kg-bookmark-container" href="https://smartdesignworldwide.com/projects/gx-sweat-patch-app/"><div class="kg-bookmark-content"><div class="kg-bookmark-title">Gatorade Gx Sweat Patch for Athletes | Smart Design</div><div class="kg-bookmark-description">Gatorade&#x2019;s Gx Sweat Patch and companion app are designed to bring sweat testing and personalized sports fueling recommendations to all athletes.</div><div class="kg-bookmark-metadata"><img class="kg-bookmark-icon" src="https://smartdesignworldwide.com/wp-content/themes/smartdesign-1_0_53/static/apple-touch-icon.png" alt="Designing Emerging Technologies in 2026"><span class="kg-bookmark-author">Smart Design</span><span class="kg-bookmark-publisher">Chris Hintermeister</span></div></div><div class="kg-bookmark-thumbnail"><img src="https://smartdesign-site.s3.us-east-2.amazonaws.com/wp-content/uploads/2019/11/11092440/Gx-Sweat-patch-case-study-hero-Title-card-2_1_final.jpg" alt="Designing Emerging Technologies in 2026"></div></a></figure><hr><h3 id="vision-driven-design">Vision Driven Design</h3><figure class="kg-card kg-image-card"><img src="https://blog.viditb.com/content/images/2026/01/Prototyping-on-Principle-Copy-2.png" class="kg-image" alt="Designing Emerging Technologies in 2026" loading="lazy" width="2000" height="1176" srcset="https://blog.viditb.com/content/images/size/w600/2026/01/Prototyping-on-Principle-Copy-2.png 600w, https://blog.viditb.com/content/images/size/w1000/2026/01/Prototyping-on-Principle-Copy-2.png 1000w, https://blog.viditb.com/content/images/size/w1600/2026/01/Prototyping-on-Principle-Copy-2.png 1600w, https://blog.viditb.com/content/images/size/w2400/2026/01/Prototyping-on-Principle-Copy-2.png 2400w" sizes="(min-width: 720px) 720px"></figure><p>Here designers define a long term vision for how they want to see design in a certain problem space evolve, take a principled stance, build out prototype of their vision, followed by a highly iterative process to reach to a good design. <br><br>This is a <strong>&quot;making-intensive&quot; and &quot;learning-intensive&quot;</strong> process of creating a prototype of the future and tweaking it based on user feedback. It&#x2019;s driven by a personal vision of how technology <em>should</em> progress (e.g., screen-less computing).</p><h3 id="examples-of-vision-driven-design-practices">Examples of Vision Driven Design Practices</h3><p>Bret Victor&apos;s Inventing on Principle is a similar design practice. Where Victor encourages designers to form a core principle for their work. One that&apos;s well articulated with a clear demarcation between right and wrong.</p><figure class="kg-card kg-image-card"><img src="https://blog.viditb.com/content/images/2026/01/Prototyping-on-Principle.png" class="kg-image" alt="Designing Emerging Technologies in 2026" loading="lazy" width="2000" height="1176" srcset="https://blog.viditb.com/content/images/size/w600/2026/01/Prototyping-on-Principle.png 600w, https://blog.viditb.com/content/images/size/w1000/2026/01/Prototyping-on-Principle.png 1000w, https://blog.viditb.com/content/images/size/w1600/2026/01/Prototyping-on-Principle.png 1600w, https://blog.viditb.com/content/images/size/w2400/2026/01/Prototyping-on-Principle.png 2400w" sizes="(min-width: 720px) 720px"></figure><p>To explain his concept, Bret gives several examples of how inventors have followed a guiding principle to design their ideal world, leading to some profound inventions.</p><p><strong>Douglas Engelbart&apos;s</strong> principle was to augment human intellect, where &quot;knowledge workers&quot; came together to build on each other&apos;s collective intelligence. Engelbart invented much of modern computing through this one vision. From Natural Language Search, to the Computer Mouse, to Collaborative Computing.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://blog.viditb.com/content/images/2026/01/Douglas-Engelbart.jpg" class="kg-image" alt="Designing Emerging Technologies in 2026" loading="lazy" width="2000" height="1176" srcset="https://blog.viditb.com/content/images/size/w600/2026/01/Douglas-Engelbart.jpg 600w, https://blog.viditb.com/content/images/size/w1000/2026/01/Douglas-Engelbart.jpg 1000w, https://blog.viditb.com/content/images/size/w1600/2026/01/Douglas-Engelbart.jpg 1600w, https://blog.viditb.com/content/images/size/w2400/2026/01/Douglas-Engelbart.jpg 2400w" sizes="(min-width: 720px) 720px"><figcaption>Engelbart giving the Mother of All Demos</figcaption></figure><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://blog.viditb.com/content/images/2026/01/EngelbartMouse.jpg" class="kg-image" alt="Designing Emerging Technologies in 2026" loading="lazy" width="2000" height="1176" srcset="https://blog.viditb.com/content/images/size/w600/2026/01/EngelbartMouse.jpg 600w, https://blog.viditb.com/content/images/size/w1000/2026/01/EngelbartMouse.jpg 1000w, https://blog.viditb.com/content/images/size/w1600/2026/01/EngelbartMouse.jpg 1600w, https://blog.viditb.com/content/images/size/w2400/2026/01/EngelbartMouse.jpg 2400w" sizes="(min-width: 720px) 720px"><figcaption>A Still from the Mother of all Demos, Engelbart using the world&apos;s first computer mouse</figcaption></figure><p><strong>Alan Kay</strong> viewed computers as a medium to &quot;bring new ways of thinking through computers&quot;. His work led to the creation of the world&apos;s first object oriented programming language, the Dynabook (spiritual predecessor to the iPad), and much more user research at Xerox Parc.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://blog.viditb.com/content/images/2026/01/Alan-Kay.jpg" class="kg-image" alt="Designing Emerging Technologies in 2026" loading="lazy" width="2000" height="1176" srcset="https://blog.viditb.com/content/images/size/w600/2026/01/Alan-Kay.jpg 600w, https://blog.viditb.com/content/images/size/w1000/2026/01/Alan-Kay.jpg 1000w, https://blog.viditb.com/content/images/size/w1600/2026/01/Alan-Kay.jpg 1600w, https://blog.viditb.com/content/images/size/w2400/2026/01/Alan-Kay.jpg 2400w" sizes="(min-width: 720px) 720px"><figcaption>Kay with his Dynabook prototype</figcaption></figure><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://blog.viditb.com/content/images/2026/01/Alan-Kay-OBCC.jpg" class="kg-image" alt="Designing Emerging Technologies in 2026" loading="lazy" width="2000" height="1176" srcset="https://blog.viditb.com/content/images/size/w600/2026/01/Alan-Kay-OBCC.jpg 600w, https://blog.viditb.com/content/images/size/w1000/2026/01/Alan-Kay-OBCC.jpg 1000w, https://blog.viditb.com/content/images/size/w1600/2026/01/Alan-Kay-OBCC.jpg 1600w, https://blog.viditb.com/content/images/size/w2400/2026/01/Alan-Kay-OBCC.jpg 2400w" sizes="(min-width: 720px) 720px"><figcaption>Small Talk was the first Object Oriented Programming language</figcaption></figure><p><strong>Bret&apos;s</strong> own principle is that<em> &quot;Creators need an immediate connection to what they&apos;re creating&quot; . </em>His work led him to make <a href="https://dynamicland.org">Dynamicland</a>, a community computer space that enables people to bring and interact with real world objects in a new computing media. </p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://blog.viditb.com/content/images/2026/01/DynamicLand.jpg" class="kg-image" alt="Designing Emerging Technologies in 2026" loading="lazy" width="2000" height="1176" srcset="https://blog.viditb.com/content/images/size/w600/2026/01/DynamicLand.jpg 600w, https://blog.viditb.com/content/images/size/w1000/2026/01/DynamicLand.jpg 1000w, https://blog.viditb.com/content/images/size/w1600/2026/01/DynamicLand.jpg 1600w, https://blog.viditb.com/content/images/size/w2400/2026/01/DynamicLand.jpg 2400w" sizes="(min-width: 720px) 720px"><figcaption>Dynamicland goes beyond immediate connection. It enables people to move computing to the physical world</figcaption></figure><hr><p><em>Most Vision Driven Designs fail because there&#x2019;s obviously a gap between how we imagine things should be and how the things actually end up playing out. </em>That&#x2019;s inevitable. What&apos;s not inevitable is designers through iterative design, designers can tweak their vision and focus to align with what people truly appreciate.</p><p><em>With Vision Based Prototyping, Iteration is the most important step.</em></p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://blog.viditb.com/content/images/2026/01/MakeShowLearn.png" class="kg-image" alt="Designing Emerging Technologies in 2026" loading="lazy" width="2000" height="2010" srcset="https://blog.viditb.com/content/images/size/w600/2026/01/MakeShowLearn.png 600w, https://blog.viditb.com/content/images/size/w1000/2026/01/MakeShowLearn.png 1000w, https://blog.viditb.com/content/images/size/w1600/2026/01/MakeShowLearn.png 1600w, https://blog.viditb.com/content/images/size/w2400/2026/01/MakeShowLearn.png 2400w" sizes="(min-width: 720px) 720px"><figcaption>The most important part of the process</figcaption></figure><p>It&#x2019;s in such a space that we get to explore new technologies in unique ways. I personally enjoy this space, as it helps me bring out my ideas in the world.</p><figure class="kg-card kg-image-card"><img src="https://blog.viditb.com/content/images/2026/01/ThoughtLamp.jpg" class="kg-image" alt="Designing Emerging Technologies in 2026" loading="lazy" width="2000" height="1176" srcset="https://blog.viditb.com/content/images/size/w600/2026/01/ThoughtLamp.jpg 600w, https://blog.viditb.com/content/images/size/w1000/2026/01/ThoughtLamp.jpg 1000w, https://blog.viditb.com/content/images/size/w1600/2026/01/ThoughtLamp.jpg 1600w, https://blog.viditb.com/content/images/size/w2400/2026/01/ThoughtLamp.jpg 2400w" sizes="(min-width: 720px) 720px"></figure><p>The Thought Lamp is a smart lamp, that acts as a student&apos;s ambient study companion. It&apos;s a computer that&apos;s only present when you need it, and in the background when you don&apos;t. It is based on my vision that <strong>technology must augment reality, not emulate it</strong>, and so it only presents itself when it can augment my reality.</p><figure class="kg-card kg-embed-card kg-card-hascaption"><iframe src="https://player.vimeo.com/video/1157531495?app_id=122963" width="426" height="240" frameborder="0" allow="autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share" referrerpolicy="strict-origin-when-cross-origin" title="Thought Lamp"></iframe><figcaption>The Thought Lamp in Action</figcaption></figure><p></p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://blog.viditb.com/content/images/2026/01/ShareWagon.jpg" class="kg-image" alt="Designing Emerging Technologies in 2026" loading="lazy" width="2000" height="1176" srcset="https://blog.viditb.com/content/images/size/w600/2026/01/ShareWagon.jpg 600w, https://blog.viditb.com/content/images/size/w1000/2026/01/ShareWagon.jpg 1000w, https://blog.viditb.com/content/images/size/w1600/2026/01/ShareWagon.jpg 1600w, https://blog.viditb.com/content/images/size/w2400/2026/01/ShareWagon.jpg 2400w" sizes="(min-width: 720px) 720px"><figcaption>Share Wagon is a community food sharing system, designed to tackle the problem of food waste in apartment complexes</figcaption></figure><p>Share Wagon is a community food sharing system, designed to tackle the problem of food waste in apartment complexes. Designed by me and my friend (Aylish Turner), it was based on our <strong>collective vision of community building through sharing. </strong></p><hr><h3 id="speculative-design">Speculative Design</h3><p>Time Frame: 50+ years <br>Speculative Designs are provocations that further the design discourse. This process leads to artifacts that are essential to jog people&#x2019;s imagination on where the use / misuse of a certain technology might lead us in the distant future. They highlight an urgent need for change, rather than being the change itself. <br><br>Very useful if you want to raise awareness for wicked problems not clearly understood by society today.</p><p>The <a href="https://tech4future.info/en/futures-cone/">Future Cone</a> serves as a useful way of looking possible, plausible, probable and preferable futures. </p><figure class="kg-card kg-image-card"><img src="https://blog.viditb.com/content/images/2026/01/FutureCone.png" class="kg-image" alt="Designing Emerging Technologies in 2026" loading="lazy" width="2000" height="1176" srcset="https://blog.viditb.com/content/images/size/w600/2026/01/FutureCone.png 600w, https://blog.viditb.com/content/images/size/w1000/2026/01/FutureCone.png 1000w, https://blog.viditb.com/content/images/size/w1600/2026/01/FutureCone.png 1600w, https://blog.viditb.com/content/images/size/w2400/2026/01/FutureCone.png 2400w" sizes="(min-width: 720px) 720px"></figure><figure class="kg-card kg-image-card"><img src="https://blog.viditb.com/content/images/2026/01/Uninvited-Guests.jpg" class="kg-image" alt="Designing Emerging Technologies in 2026" loading="lazy" width="2000" height="1176" srcset="https://blog.viditb.com/content/images/size/w600/2026/01/Uninvited-Guests.jpg 600w, https://blog.viditb.com/content/images/size/w1000/2026/01/Uninvited-Guests.jpg 1000w, https://blog.viditb.com/content/images/size/w1600/2026/01/Uninvited-Guests.jpg 1600w, https://blog.viditb.com/content/images/size/w2400/2026/01/Uninvited-Guests.jpg 2400w" sizes="(min-width: 720px) 720px"></figure><p><strong>Uninvited Guests</strong> (by Superflux) critiques the ubiquity of &quot;smart&quot; appliances, through a day in the life of a 70 year old sometime in the future. The short film through its speculative design and artifacts explores themes of isolation, overuse of technology and a society obsessed with homogeneity and perfection. </p><figure class="kg-card kg-bookmark-card"><a class="kg-bookmark-container" href="https://superflux.in/index.php/work/uninvited-guests/#"><div class="kg-bookmark-content"><div class="kg-bookmark-title">Uninvited Guests &#x2014; Superflux</div><div class="kg-bookmark-description">Uninvited Guests is a short film that explores the frictions between an elderly man and his smart home.</div><div class="kg-bookmark-metadata"><img class="kg-bookmark-icon" src="https://superflux.in/wp-content/uploads/2017/01/cropped-superflux-favicon-270x270.png" alt="Designing Emerging Technologies in 2026"><span class="kg-bookmark-author">Superflux</span><span class="kg-bookmark-publisher">By</span></div></div><div class="kg-bookmark-thumbnail"><img src="http://superflux.in/wp-content/uploads/2016/11/guests.jpg" alt="Designing Emerging Technologies in 2026"></div></a></figure><figure class="kg-card kg-image-card"><img src="https://blog.viditb.com/content/images/2026/01/The-Faraday-Chair.jpg" class="kg-image" alt="Designing Emerging Technologies in 2026" loading="lazy" width="2000" height="1176" srcset="https://blog.viditb.com/content/images/size/w600/2026/01/The-Faraday-Chair.jpg 600w, https://blog.viditb.com/content/images/size/w1000/2026/01/The-Faraday-Chair.jpg 1000w, https://blog.viditb.com/content/images/size/w1600/2026/01/The-Faraday-Chair.jpg 1600w, https://blog.viditb.com/content/images/size/w2400/2026/01/The-Faraday-Chair.jpg 2400w" sizes="(min-width: 720px) 720px"></figure><p>The Faraday Chair (1995, by Dunne and Raby) is a speculative artifact designed as a retreat from all the electromagnetic emissions generated by technology when it eventually becomes ubiquitous. The chair is supposed to give people <em>&quot;psychological comfort by providing sanctuary&quot;.</em></p><p>While the idea of a tech detox may not appear to be completely speculative today, 30 years ago, this was unthinkable, and the strong, provocative visuals sparked curiousity and interest in the matter.</p><figure class="kg-card kg-bookmark-card"><a class="kg-bookmark-container" href="https://collections.vam.ac.uk/item/O63805/faraday-chair-chair-dunne--raby/"><div class="kg-bookmark-content"><div class="kg-bookmark-title">Faraday chair | V&amp;A Explore The Collections</div><div class="kg-bookmark-description">Faraday chair, designed by Dunne &amp; Raby, 1995; comprising of an oblong transparent orange acrylic box close fit to a clear acrylic base suspended in a steel frame with legs at the corners. Piercing at the top of the box near one end is a free-hanging silicon tube attached to a mouthpiece at the low&#x2026;</div><div class="kg-bookmark-metadata"><span class="kg-bookmark-author">Victoria and Albert Museum: Explore the Collections</span><span class="kg-bookmark-publisher">Victoria and Albert Museum</span></div></div><div class="kg-bookmark-thumbnail"><img src="https://framemark.vam.ac.uk/collections/2006AX5817/full/!600,/0/default.jpg" alt="Designing Emerging Technologies in 2026"></div></a></figure><h2 id="we-have-an-artifact-that-solves-a-clear-human-need-what-next">We have an artifact that solves a clear human need. What next?</h2><p>Appliances (or tools or design interventions) are great ways to tackle small challenges. As we&apos;ve seen through our process. &#xA0;A toaster is great solving for the need to have fresh toast at breakfast, but not much beyond that.</p><p>Remember, we started with a bigger problem, and de-scoped it into a very thin slice? So we&apos;ve really just solved for a very small and specific need. The bigger problem is still largely unsolved.</p><p>We&#x2019;ve solved a thin slice, what about the rest of the slices? We can take two different approaches here.</p><figure class="kg-card kg-image-card"><img src="https://blog.viditb.com/content/images/2026/01/Slice-of-Problem.gif" class="kg-image" alt="Designing Emerging Technologies in 2026" loading="lazy" width="1080" height="608"></figure><p></p><p><strong>First, Product Growth (Vertical Integration)</strong> we increase our slice of the problem space and continue to grow infinitely. We grow our tool to encompass more problems and gradually get a bigger slice of the pie. Most traditional products have worked this way. </p><p>The problem with this approach is, unintended consequences add up as the product grows and result in adjacent wicked problems. For example t<em>he proliferation of the smartphone as one device to for all our computing needs has resulted in the adjacent issue of it amplifying loneliness and isolation through addictive apps.</em></p><h3 id="platforms-protocols-and-systems-horizontal-scaling">Platforms, Protocols and Systems (Horizontal Scaling)</h3><p>The second approach is, we acknowledge there&#x2019;s only so much a product can grow until it becomes bloated and dishonest to its original purpose. </p><p>And we create a system that allows other slices to interact with our solution. Creating a fully formed puzzle where everyone comes together to solve the problem. The solution space still continues to grow, except this time, one company doesn&#x2019;t have to do it all.</p><p>We create a platform and frameworks that enable more people to hook into our intervention and build out. Thereby delegating the process of tackling a wicked people to like minded people.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://blog.viditb.com/content/images/2026/01/HorizontalSystem.gif" class="kg-image" alt="Designing Emerging Technologies in 2026" loading="lazy" width="1080" height="608"><figcaption>No one product solves the entire problem Multiple products come together to build a system or platform that tackles the wicked problem</figcaption></figure><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://blog.viditb.com/content/images/2026/01/legoSystem.gif" class="kg-image" alt="Designing Emerging Technologies in 2026" loading="lazy" width="1080" height="608"><figcaption>Different Solutions Interface Together to build a collective system that solves bigger problems. Much like distinct lego bricks join to form a bigger structure.&#xA0;</figcaption></figure><blockquote>Tools that allow hooks into other solutions become platforms rather than appliances.</blockquote><p>And before you know, your emerging technology product is not an appliance, it&#x2019;s a platform that talks to and helps other talk to it to solve bigger problems. </p><h3 id="examples-of-systems">Examples of systems</h3><p>Remember the Gatorade Sweat Patch? It&apos;s not just a one-off product. It&apos;s part of the bigger Gatorade System that enables athletes to monitor their fitness.</p><h3 id="the-gatorade-gx-system">The Gatorade Gx System</h3><figure class="kg-card kg-image-card"><img src="https://blog.viditb.com/content/images/2026/01/Getorade-Gx-System.jpg" class="kg-image" alt="Designing Emerging Technologies in 2026" loading="lazy" width="1700" height="1000" srcset="https://blog.viditb.com/content/images/size/w600/2026/01/Getorade-Gx-System.jpg 600w, https://blog.viditb.com/content/images/size/w1000/2026/01/Getorade-Gx-System.jpg 1000w, https://blog.viditb.com/content/images/size/w1600/2026/01/Getorade-Gx-System.jpg 1600w, https://blog.viditb.com/content/images/2026/01/Getorade-Gx-System.jpg 1700w" sizes="(min-width: 720px) 720px"></figure><figure class="kg-card kg-image-card"><img src="https://blog.viditb.com/content/images/2026/01/Gx-2.jpg" class="kg-image" alt="Designing Emerging Technologies in 2026" loading="lazy" width="1700" height="765" srcset="https://blog.viditb.com/content/images/size/w600/2026/01/Gx-2.jpg 600w, https://blog.viditb.com/content/images/size/w1000/2026/01/Gx-2.jpg 1000w, https://blog.viditb.com/content/images/size/w1600/2026/01/Gx-2.jpg 1600w, https://blog.viditb.com/content/images/2026/01/Gx-2.jpg 1700w" sizes="(min-width: 720px) 720px"></figure><p>The Gatorade Gx is a good example of a vertically integrated system that aims to solve for an athlete&apos;s fitness monitoring using a range of low and high tech solutions.</p><h3 id="the-lego-smart-play-system">The Lego Smart Play System</h3><figure class="kg-card kg-image-card"><img src="https://blog.viditb.com/content/images/2026/01/Lego-Smart-Bricks-2.jpg" class="kg-image" alt="Designing Emerging Technologies in 2026" loading="lazy" width="2000" height="1176" srcset="https://blog.viditb.com/content/images/size/w600/2026/01/Lego-Smart-Bricks-2.jpg 600w, https://blog.viditb.com/content/images/size/w1000/2026/01/Lego-Smart-Bricks-2.jpg 1000w, https://blog.viditb.com/content/images/size/w1600/2026/01/Lego-Smart-Bricks-2.jpg 1600w, https://blog.viditb.com/content/images/size/w2400/2026/01/Lego-Smart-Bricks-2.jpg 2400w" sizes="(min-width: 720px) 720px"></figure><p>The newly introduced Lego Smart Play bricks are a set of primitive tangible technologies like a positioning system, a smart brick that coordinates with minifigures and other nearby objects to enable new experiences. </p><figure class="kg-card kg-image-card"><img src="https://blog.viditb.com/content/images/2026/01/Lego-Smart-Bricks-System.jpg" class="kg-image" alt="Designing Emerging Technologies in 2026" loading="lazy" width="2000" height="1133" srcset="https://blog.viditb.com/content/images/size/w600/2026/01/Lego-Smart-Bricks-System.jpg 600w, https://blog.viditb.com/content/images/size/w1000/2026/01/Lego-Smart-Bricks-System.jpg 1000w, https://blog.viditb.com/content/images/size/w1600/2026/01/Lego-Smart-Bricks-System.jpg 1600w, https://blog.viditb.com/content/images/size/w2400/2026/01/Lego-Smart-Bricks-System.jpg 2400w" sizes="(min-width: 720px) 720px"></figure><p>This is a great example of using emerging technologies. Lego built out a smart brick system to allow kids to have interactive gameplay sessions without looking at their iPad screens, and they didn&apos;t just stop at a standalone system, they literally built the building blocks that would enable kids to show their creativity. </p><figure class="kg-card kg-image-card"><img src="https://blog.viditb.com/content/images/2026/01/Lego-Smart-Bricks.jpg" class="kg-image" alt="Designing Emerging Technologies in 2026" loading="lazy" width="2000" height="1199" srcset="https://blog.viditb.com/content/images/size/w600/2026/01/Lego-Smart-Bricks.jpg 600w, https://blog.viditb.com/content/images/size/w1000/2026/01/Lego-Smart-Bricks.jpg 1000w, https://blog.viditb.com/content/images/size/w1600/2026/01/Lego-Smart-Bricks.jpg 1600w, https://blog.viditb.com/content/images/size/w2400/2026/01/Lego-Smart-Bricks.jpg 2400w" sizes="(min-width: 720px) 720px"></figure><h3 id="ideos-food-waste-alliance">IDEO&apos;s Food Waste Alliance</h3><p>When IDEO started tackling food waste a little over 10 years ago, their big epiphany was that food wastage is a far bigger problem than what a single product could solve. So they started building out a system to tackle food waste which led to the<a href="https://www.ideo.com/case-study/designing-waste-out-of-the-food-system"> Food Waste Alliance</a>. </p><figure class="kg-card kg-bookmark-card"><a class="kg-bookmark-container" href="https://www.ideo.com/journal/what-the-sustainable-food-future-were-working-toward-looks-like"><div class="kg-bookmark-content"><div class="kg-bookmark-title">What the sustainable food future we&#x2019;re working toward looks like</div><div class="kg-bookmark-description">Over the last decade, we have been working with people, companies, governments, and organizations across the food industry.</div><div class="kg-bookmark-metadata"><img class="kg-bookmark-icon" src="https://cdn.prod.website-files.com/67cb2dd62d5110e2973d39d7/69375a9ab7d2ba7920eeeb01_ideo_favicon_large.png" alt="Designing Emerging Technologies in 2026"></div></div><div class="kg-bookmark-thumbnail"><img src="https://cdn.prod.website-files.com/68c99b3e3a4f357e8af47a40/68cc19de4d83b2e8ad429f27_6543c16058a06134c150c082_6501e17b507eeeaff049baff_1654351655-food-journal-article_hero-image-d2_2022-04-04-214231.webp" alt="Designing Emerging Technologies in 2026"></div></a></figure><h3 id="the-iphone-is-a-case-study-in-emerging-tech-design">The iPhone is a case study in emerging tech design</h3><figure class="kg-card kg-image-card kg-width-wide kg-card-hascaption"><img src="https://blog.viditb.com/content/images/2026/01/iPhone_ThreeThings.png" class="kg-image" alt="Designing Emerging Technologies in 2026" loading="lazy" width="2000" height="1176" srcset="https://blog.viditb.com/content/images/size/w600/2026/01/iPhone_ThreeThings.png 600w, https://blog.viditb.com/content/images/size/w1000/2026/01/iPhone_ThreeThings.png 1000w, https://blog.viditb.com/content/images/size/w1600/2026/01/iPhone_ThreeThings.png 1600w, https://blog.viditb.com/content/images/size/w2400/2026/01/iPhone_ThreeThings.png 2400w" sizes="(min-width: 1200px) 1200px"><figcaption>The Pitch for the iPhone was simple, it was a touch screen iPod, a phone and the smartest most intuitive internet communicator. Putting things that young professionals kept in their pockets into one single device.</figcaption></figure><p>The iPhone is a perfect example of how a product started with immense clarity in who it were serving and what it was solving for, and then quickly expanded into a platform that anyone could build for. Unlocking new possibilities and capabilities that the iPhone excelled in. </p><p>The iPhone&apos;s biggest strength? Not all apps were made by Apple. In fact, almost all apps on the App Store are made by third party developers. While the iPhone keeps a tight rein on the platform, its platform of Apps might just be the best example of a horizontally scaling system that enabled the iPhone to be so much more than just a touch screen iPod, phone and an internet communicator.</p><figure class="kg-card kg-image-card kg-width-wide"><img src="https://blog.viditb.com/content/images/2026/01/iPhone_allApps.png" class="kg-image" alt="Designing Emerging Technologies in 2026" loading="lazy" width="2000" height="1176" srcset="https://blog.viditb.com/content/images/size/w600/2026/01/iPhone_allApps.png 600w, https://blog.viditb.com/content/images/size/w1000/2026/01/iPhone_allApps.png 1000w, https://blog.viditb.com/content/images/size/w1600/2026/01/iPhone_allApps.png 1600w, https://blog.viditb.com/content/images/size/w2400/2026/01/iPhone_allApps.png 2400w" sizes="(min-width: 1200px) 1200px"></figure><hr><p>Even in my own explorations of designing emerging technologies, I&apos;ve tried to go beyond a singular appliance and build out systems or platforms that allow others to adapt it.</p><h3 id="the-share-wagon-food-sharing-system">The Share Wagon Food Sharing System</h3><p>The share wagon food sharing system is so simple and straight forward that it can be easily scaled and adopted by anyone willing to set it up in their apartment complex. The core of the idea is to share food with community. Such a system is easily adoptable.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://blog.viditb.com/content/images/2026/01/shareWagon2.png" class="kg-image" alt="Designing Emerging Technologies in 2026" loading="lazy" width="1428" height="2342" srcset="https://blog.viditb.com/content/images/size/w600/2026/01/shareWagon2.png 600w, https://blog.viditb.com/content/images/size/w1000/2026/01/shareWagon2.png 1000w, https://blog.viditb.com/content/images/2026/01/shareWagon2.png 1428w" sizes="(min-width: 720px) 720px"><figcaption>Artwork by Aylish Turner (Check out Aylish&apos;s research on the project here: https://aylish.art/share-wagon)</figcaption></figure><h3 id="the-thought-lamp-isnt-just-an-appliance-for-math-problems">The Thought Lamp isn&apos;t just an appliance for Math Problems</h3><p>The thought lamp expands its actions and turns it into a physical and digital platform that allows anyone to build actions for it. Moving beyond just solving for students focus to a vision of <em>augmented, ambient</em> computing.</p><figure class="kg-card kg-image-card"><img src="https://blog.viditb.com/content/images/2026/01/thoughtLamp2.jpg" class="kg-image" alt="Designing Emerging Technologies in 2026" loading="lazy" width="2000" height="2000" srcset="https://blog.viditb.com/content/images/size/w600/2026/01/thoughtLamp2.jpg 600w, https://blog.viditb.com/content/images/size/w1000/2026/01/thoughtLamp2.jpg 1000w, https://blog.viditb.com/content/images/size/w1600/2026/01/thoughtLamp2.jpg 1600w, https://blog.viditb.com/content/images/size/w2400/2026/01/thoughtLamp2.jpg 2400w" sizes="(min-width: 720px) 720px"></figure><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://blog.viditb.com/content/images/2026/01/thoughtLamp4.png" class="kg-image" alt="Designing Emerging Technologies in 2026" loading="lazy" width="2000" height="1176" srcset="https://blog.viditb.com/content/images/size/w600/2026/01/thoughtLamp4.png 600w, https://blog.viditb.com/content/images/size/w1000/2026/01/thoughtLamp4.png 1000w, https://blog.viditb.com/content/images/size/w1600/2026/01/thoughtLamp4.png 1600w, https://blog.viditb.com/content/images/size/w2400/2026/01/thoughtLamp4.png 2400w" sizes="(min-width: 720px) 720px"><figcaption>The Thought Lamp is a platform for which anyone can build digital actions and ambient objects. Rather than being an AI hardware</figcaption></figure><h2 id="the-era-of-techno-centrism-is-over">The Era of Techno-Centrism is Over</h2><p>The success of the App Store brought with it the notion that software in your pocket could solve a multitude of problems, leading us into an era where tech took the center stage.</p><p>But as problems become more complex, and technology&apos;s impact grows, it&apos;s become increasingly clear that technology alone is not enough. It&apos;s only part of a bigger system that the problems and their solutions live in and when we start looking at those systems, tech&apos;s role in the solution space is hardly the center. </p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://blog.viditb.com/content/images/2026/01/ageOfTechnoCentrism_Over.gif" class="kg-image" alt="Designing Emerging Technologies in 2026" loading="lazy" width="1080" height="608"><figcaption>The problem spaces are way more complex today</figcaption></figure><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://blog.viditb.com/content/images/2026/01/shareWagon4-1.png" class="kg-image" alt="Designing Emerging Technologies in 2026" loading="lazy" width="2000" height="1327" srcset="https://blog.viditb.com/content/images/size/w600/2026/01/shareWagon4-1.png 600w, https://blog.viditb.com/content/images/size/w1000/2026/01/shareWagon4-1.png 1000w, https://blog.viditb.com/content/images/size/w1600/2026/01/shareWagon4-1.png 1600w, https://blog.viditb.com/content/images/size/w2400/2026/01/shareWagon4-1.png 2400w" sizes="(min-width: 720px) 720px"><figcaption>In the Share Wagon, the mobile phone app is a minor cog in the bigger wheel of the system.x</figcaption></figure><blockquote>Designing emerging technology platforms with a systems lens, also marks a shift, where the understanding of the system, people and the platform &#xA0;becomes central to the solution rather than the technology itself.</blockquote><hr><p><strong>Further Reading:</strong></p><ol><li>H. W. J. Rittel, &#x201C;On the Planning Crisis: Systems Analysis of the &#x2018;First and Second Generations,&#x2019;&#x201D; <em>Bedriftskonomen</em>, vol. 8, pp. 390&#x2013;396, 1972. [Online]. Available: <a href="http://www.nwlink.com/~donclark/agile/a%20-%20hold/Rittel-Planning_Crisis.pdf" rel="nofollow noopener">http://www.nwlink.com/~donclark/agile/a%20-%20hold/Rittel-Planning_Crisis.pdf</a><a href="https://www.dougengelbart.org/pubs/papers/scanned/Doug_Engelbart-AugmentingHumanIntellect.pdf" rel="noopener">dougengelbart+1</a><br></li><li>S. L. Star and J. R. Griesemer, &#x201C;Institutional Ecology, &#x2018;Translations&#x2019; and Boundary Objects: Amateurs and Professionals in Berkeley&#x2019;s Museum of Vertebrate Zoology, 1907&#x2013;39,&#x201D; <em>Social Studies of Science</em>, vol. 19, no. 3, pp. 387&#x2013;420, 1989. <a href="https://www.jstor.org/stable/285080">https://www.jstor.org/stable/285080</a><br></li><li>D. H. Meadows, <em>Thinking in Systems: A Primer</em>. White River Junction, VT, USA: Chelsea Green Publishing, 2008.<br></li><li>D. C. Engelbart, &#x201C;A research center for augmenting human intellect,&#x201D; presented at the 1968 Fall Joint Computer Conference (commonly known as the &#x201C;Mother of All Demos&#x201D;), San Francisco, CA, USA, Dec. 9, 1968. [Online].<a href="https://www.youtube.com/watch?v=yJDv-zdhzMY">https://www.youtube.com/watch?v=yJDv-zdhzMY</a><br></li><li>B. Victor, &#x201C;Inventing on Principle,&#x201D; lecture presented at the Canadian University Software Engineering Conference (CUSEC), Montreal, QC, Canada, Jan. 2012. [Online]. Available: <a href="https://www.youtube.com/watch?v=EGqwXt90ZqA"><a href="https://www.youtube.com/watch?v=EGqwXt90ZqA" rel="nofollow noopener">https://www.youtube.com/watch?v=EGqwXt90ZqA</a><a href="http://csis.pace.edu/~marchese/CS835/Lec3/DougEnglebart.pdf" rel="noopener">csis.pace+1</a></a><br></li><li>D. C. Engelbart, <em>Augmenting Human Intellect: A Conceptual Framework</em>. Menlo Park, CA, USA: Stanford Research Institute, Oct. 1962. [Online]. Available: <a href="https://www.dougengelbart.org/pubs/papers/scanned/Doug_Engelbart-AugmentingHumanIntellect.pdf" rel="nofollow noopener">https://www.dougengelbart.org/pubs/papers/scanned/Doug_Engelbart-AugmentingHumanIntellect.pdf</a><a href="https://archive.org/details/1962-engelbart-AHI-framework" rel="noopener">archive+1</a><br></li><li>A. Dunne and F. Raby, <em>Speculative Everything: Design, Fiction, and Social Dreaming</em>. Cambridge, MA, USA: MIT Press, 2013.</li></ol>]]></content:encoded></item><item><title><![CDATA[The assembly-line-ification of App Icons]]></title><description><![CDATA[Today's app icons look as if they came out of an assembly line. All looking the same, designed for maximum scale, and devoid of any identity or soul. Turning the craft of designing an app icon into a lost art.]]></description><link>https://blog.viditb.com/the-assembly-line-ification-of-app-icons/</link><guid isPermaLink="false">6966b012fbb8a5054a59d21a</guid><category><![CDATA[Visual Design]]></category><category><![CDATA[App Icons]]></category><dc:creator><![CDATA[Vidit Bhargava]]></dc:creator><pubDate>Tue, 13 Jan 2026 21:09:05 GMT</pubDate><media:content url="https://blog.viditb.com/content/images/2026/01/Hero.png" medium="image"/><content:encoded><![CDATA[<img src="https://blog.viditb.com/content/images/2026/01/Hero.png" alt="The assembly-line-ification of App Icons"><p>Early 20th century and 19th century furniture looked like this: </p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://blog.viditb.com/content/images/2026/01/coffeeTable.jpg" class="kg-image" alt="The assembly-line-ification of App Icons" loading="lazy" width="900" height="600" srcset="https://blog.viditb.com/content/images/size/w600/2026/01/coffeeTable.jpg 600w, https://blog.viditb.com/content/images/2026/01/coffeeTable.jpg 900w" sizes="(min-width: 720px) 720px"><figcaption>Look at the intricate designs and patterns!</figcaption></figure><p>Then the Bauhaus Movement started. And everything became blander, more mass producable. So a coffee table began to look more like this:</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://blog.viditb.com/content/images/2026/01/le-corbusier-lc-10-rectangular-31-x-48-glass-top-coffee-table-613527_large.jpg" class="kg-image" alt="The assembly-line-ification of App Icons" loading="lazy" width="480" height="309"><figcaption>It&apos;s sleek, and devoid of any character</figcaption></figure><p>This is what is happening to App Icons right now. Everything needs to be made for Light, Dark, and Tinted and Clear Modes. Everything needs to be ready to have multiple style variations, present brand logos, and be ready for ASO metrics. So an app icon is no longer one glyph that represents the app. It&apos;s a system of images that show up in different contexts in the app, and must present themselves as consistent.</p><p>So, instead of this:</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://blog.viditb.com/content/images/2026/01/Illustrator.png" class="kg-image" alt="The assembly-line-ification of App Icons" loading="lazy" width="2000" height="1176" srcset="https://blog.viditb.com/content/images/size/w600/2026/01/Illustrator.png 600w, https://blog.viditb.com/content/images/size/w1000/2026/01/Illustrator.png 1000w, https://blog.viditb.com/content/images/size/w1600/2026/01/Illustrator.png 1600w, https://blog.viditb.com/content/images/size/w2400/2026/01/Illustrator.png 2400w" sizes="(min-width: 720px) 720px"><figcaption>Adobe Illustrator CS2</figcaption></figure><p>We have this:</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://blog.viditb.com/content/images/2026/01/Adobe-Creative-Suite.png" class="kg-image" alt="The assembly-line-ification of App Icons" loading="lazy" width="2000" height="1176" srcset="https://blog.viditb.com/content/images/size/w600/2026/01/Adobe-Creative-Suite.png 600w, https://blog.viditb.com/content/images/size/w1000/2026/01/Adobe-Creative-Suite.png 1000w, https://blog.viditb.com/content/images/size/w1600/2026/01/Adobe-Creative-Suite.png 1600w, https://blog.viditb.com/content/images/size/w2400/2026/01/Adobe-Creative-Suite.png 2400w" sizes="(min-width: 720px) 720px"><figcaption>&#x1F92E;</figcaption></figure><p>and this:</p><figure class="kg-card kg-image-card"><img src="https://blog.viditb.com/content/images/2026/01/Google-Docs.png" class="kg-image" alt="The assembly-line-ification of App Icons" loading="lazy" width="2000" height="1176" srcset="https://blog.viditb.com/content/images/size/w600/2026/01/Google-Docs.png 600w, https://blog.viditb.com/content/images/size/w1000/2026/01/Google-Docs.png 1000w, https://blog.viditb.com/content/images/size/w1600/2026/01/Google-Docs.png 1600w, https://blog.viditb.com/content/images/size/w2400/2026/01/Google-Docs.png 2400w" sizes="(min-width: 720px) 720px"></figure><figure class="kg-card kg-image-card"><img src="https://blog.viditb.com/content/images/2026/01/Creator-Studio.png" class="kg-image" alt="The assembly-line-ification of App Icons" loading="lazy" width="2000" height="1176" srcset="https://blog.viditb.com/content/images/size/w600/2026/01/Creator-Studio.png 600w, https://blog.viditb.com/content/images/size/w1000/2026/01/Creator-Studio.png 1000w, https://blog.viditb.com/content/images/size/w1600/2026/01/Creator-Studio.png 1600w, https://blog.viditb.com/content/images/size/w2400/2026/01/Creator-Studio.png 2400w" sizes="(min-width: 720px) 720px"></figure><p>These icons maximise brand consistency (or rather sameness). Apple&apos;s Liquid Glass icons are Liquid Glass like, and they probably scale extremely well with all the different modes of icons that iOS and macOS support.</p><p>Same with Google and same with Adobe. </p><hr><p>Undoubtedly, no one can say that the newer icons are &quot;better&quot; than the older ones. They&apos;re more consistent, yes, they &quot;scale&quot; across platforms and sizes while maintaining visual sameness (consistency as corporate designers will tell you). </p><p>They&apos;re meant for an assembly line of app icons that must be pushed out, in order to satisfy every thing but the want of a good visual design. </p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://blog.viditb.com/content/images/2026/01/Pixelmator.png" class="kg-image" alt="The assembly-line-ification of App Icons" loading="lazy" width="2000" height="1176" srcset="https://blog.viditb.com/content/images/size/w600/2026/01/Pixelmator.png 600w, https://blog.viditb.com/content/images/size/w1000/2026/01/Pixelmator.png 1000w, https://blog.viditb.com/content/images/size/w1600/2026/01/Pixelmator.png 1600w, https://blog.viditb.com/content/images/size/w2400/2026/01/Pixelmator.png 2400w" sizes="(min-width: 720px) 720px"><figcaption>RIP Pixelmator Pro Brush</figcaption></figure><p>But here&apos;s the thing, the Bauhaus movement addressed the requirements of the industrial revolution, the need to scale manufacturing to meet the demands of many more people. </p><p>The industrialised app icons serve no one but managers and executives who conflate consistency with everything looking the same. Design leadership that cannot come with a design system that enables and celebrates creativity, and the harsh reality that companies care more about the &quot;brand identity&quot; than pushing something that&apos;s beautiful.</p>]]></content:encoded></item><item><title><![CDATA[Why every "iPhone killer" will fail]]></title><description><![CDATA[<p>Here are three bitter realities that a lot of people who want to figure out what comes after the iPhone fail to see:</p><ol><li>There&apos;s no general purpose computer</li><li>There&apos;s no <em>Joe Six Pack</em></li><li>The iPhone was neither meant to be a general purpose computer nor did</li></ol>]]></description><link>https://blog.viditb.com/why-every-iphone-killer-will-fail/</link><guid isPermaLink="false">6943cfeefbb8a5054a59d195</guid><category><![CDATA[product design]]></category><dc:creator><![CDATA[Vidit Bhargava]]></dc:creator><pubDate>Thu, 18 Dec 2025 10:25:32 GMT</pubDate><content:encoded><![CDATA[<p>Here are three bitter realities that a lot of people who want to figure out what comes after the iPhone fail to see:</p><ol><li>There&apos;s no general purpose computer</li><li>There&apos;s no <em>Joe Six Pack</em></li><li>The iPhone was neither meant to be a general purpose computer nor did it replace the Macintosh.</li></ol><p>So if there&apos;s no general purpose computer, that&apos;s meant for everyone (or Joe Six Pack in General Magic terminology). What does the future of computing look like? The future of computing adds on to what the iPhone is successful at, by addressing its deficiencies and frustrations. It&apos;s a lot of small things that add onto the iPhone, rather than one giant replacement. </p><p>For the sake of making sense, I&apos;ll elaborate a bit more, but this is meant to be a very quick rant. </p><h3 id="theres-no-general-purpose-computer">There&apos;s no general purpose computer</h3><p>Run! If someone says they&apos;re building a general purpose computer. There&apos;s no such thing as a general purpose computer. Usually when people say this they mean they want to make the iPhone / Mac replacement. </p><p>In reality, the iPhone and Mac weren&apos;t general purpose computers either. They spent highlighting things they were better at than existing counterparts to get into people&apos;s lives. The iPhone was a great touch screen phone, iPod, camera and internet device, before it became a platform for other great things. The Mac made it possible to draw digitally, publish digitally, manage information with clarity. </p><p>They were never general purpose computers, they were computers that were great at very specific tasks. That showed their potential beyond the said tasks.</p><p>So when you say you&apos;re building a general purpose computer what is it really? <em>A much better note taker, a better camera, a better manager for your thoughts?</em></p><h3 id="theres-no-joe-six-pack">There&apos;s no Joe Six-Pack</h3><p>&quot;Who is it for?&quot; &#x2013;<em> &quot;Well, it&apos;s for everyone who uses a smartphone, so everyone&quot; </em>a.k.a. Joe Six-Pack.</p><p>General Magic made this mistake. Humane made the same mistake and anyone building an &quot;iPhone killer&quot; is bound to make the same mistake. </p><p>Why? Because you&apos;re starting with a very wide net of people and not someone specific. </p><p>What that leads to is a string of cool demos that showcase the power of a technology, not a cohesive product. So when people do eventually look at it, they don&apos;t know what to do with it. They think &quot;they&apos;re too dumb to use this product&quot; and walk away. </p><p>The reality is, the device isn&apos;t meant for them. Because it&apos;s meant for everyone, and no one in particular. </p><h3 id="the-iphone-was-neither-meant-to-be-a-general-purpose-computer-nor-did-it-replace-the-macintosh">The iPhone was neither meant to be a general purpose computer nor did it replace the Macintosh.</h3><p>You&apos;ve heard the first part of the spiel, the second part is abundantly clear. I am writing this on a Mac and would never write this kind of a post on a Phone. </p><p>The Mac is a great medium for some things, the Phone is a great medium for others. There&apos;s some overlap but in general they&apos;re two separate devices that I own for &#xA0;specific purposes. </p><p>So a future third kind of a device, would have to be the perfect medium for some key tasks, such that it&apos;s compelling enough to make the space for a <em>third</em> device in my life. I am not replacing my phone for something else any time soon.</p><h3 id="one-more-thing">One more thing</h3><h3 id="learn-from-the-apple-watch">Learn from the Apple Watch</h3><p>The Apple Watch Series 0 was a similarly misguided attempt at creating a general purpose computer. It didn&apos;t fair too well that year. But Apple quickly realised what it was great at and iterated fast enough to create a compelling fitness companion, that democratised health and fitness information. </p><p>The Apple Watch does great when it prioritizes people who want to be healthier and fitter. </p><p>It&apos;s totally ok for the first version of your product to fail. It&apos;s not ok to not learn from those failures and build something better.</p>]]></content:encoded></item><item><title><![CDATA[Introducing Shiuli: Images made accessible]]></title><description><![CDATA[Most images online never get an alt-text description. Shiuli aims to change that by making it easy to generate alt-text for images.]]></description><link>https://blog.viditb.com/introducing-shiuli/</link><guid isPermaLink="false">693b3615fbb8a5054a59d078</guid><category><![CDATA[apps]]></category><category><![CDATA[accessibility]]></category><category><![CDATA[ui design]]></category><category><![CDATA[Action Centered Design]]></category><dc:creator><![CDATA[Vidit Bhargava]]></dc:creator><pubDate>Thu, 11 Dec 2025 22:18:29 GMT</pubDate><media:content url="https://blog.viditb.com/content/images/2025/12/Shiuli-Hero.png" medium="image"/><content:encoded><![CDATA[<img src="https://blog.viditb.com/content/images/2025/12/Shiuli-Hero.png" alt="Introducing Shiuli: Images made accessible"><p>Most images online never get an alt-text description. Not because people don&#x2019;t care about Accessibility, but because it takes time to look at a photo, think about a good description and write it down.</p><p>Shiuli (<em>pronounced: She--ooh-lee</em>) makes that process easy by helping people get started with the alt-text descriptions.</p><p>Simply pick an image, have Shiuli generate an alt-text description, edit it, and use it as alt-text in your images. </p><figure class="kg-card kg-image-card kg-width-wide kg-card-hascaption"><img src="https://blog.viditb.com/content/images/2025/12/Shiuli-UI.png" class="kg-image" alt="Introducing Shiuli: Images made accessible" loading="lazy" width="2000" height="1176" srcset="https://blog.viditb.com/content/images/size/w600/2025/12/Shiuli-UI.png 600w, https://blog.viditb.com/content/images/size/w1000/2025/12/Shiuli-UI.png 1000w, https://blog.viditb.com/content/images/size/w1600/2025/12/Shiuli-UI.png 1600w, https://blog.viditb.com/content/images/size/w2400/2025/12/Shiuli-UI.png 2400w" sizes="(min-width: 1200px) 1200px"><figcaption>The Shiuli app UI is minimalist and easy to use.</figcaption></figure><p>Alt-texts are great for Accessibility they help people using screen readers get a better description of the image. Making them even more accessible. </p><p>The best part about Shiuli? You never even need to open the app! You can use Shortcuts, Visual Intelligence or the Action Extension to get Image Descriptions from anywhere, making it a modular, versatile app that can run anywhere.</p><p>Below I go through the lexicographic, and design designs behind Shiuli:</p><hr><h3 id="about-the-name-shiuli">About the name: &quot;Shiuli&quot;</h3><p>Why give an alt-text generation tool that&apos;s so utilitarian, a name and icon like &quot;Shiuli&quot;. And what does the word mean? </p><p>Shiuli (<em>pronounced She-ooh-lee</em>) is the hindi language name for a night flowering Jasmine (also known as Coral Jasmine) that&apos;s found blooming in Delhi and other parts of India during summers.</p><figure class="kg-card kg-image-card kg-width-wide kg-card-hascaption"><img src="https://blog.viditb.com/content/images/2025/12/Shiuli-Flower.png" class="kg-image" alt="Introducing Shiuli: Images made accessible" loading="lazy" width="2000" height="1176" srcset="https://blog.viditb.com/content/images/size/w600/2025/12/Shiuli-Flower.png 600w, https://blog.viditb.com/content/images/size/w1000/2025/12/Shiuli-Flower.png 1000w, https://blog.viditb.com/content/images/size/w1600/2025/12/Shiuli-Flower.png 1600w, https://blog.viditb.com/content/images/size/w2400/2025/12/Shiuli-Flower.png 2400w" sizes="(min-width: 1200px) 1200px"><figcaption>Shiuli flowers in Berkeley</figcaption></figure><p>For an image description tool I wanted the name and icon to be evocative of the photos app, so that the connection between the two is clearly apparent. Which is why I chose the icon to be a flower. </p><p>Why the Shiuli flowers specifically? One fine day on a walk across the UC Berkeley campus this summer, I discovered the Shiuli flowers. Apparently for Berkeley, they bloom in summers. </p><blockquote>Shiuli are the connection between two cities that I have been fortunate enough to call home. If I am to name an app after a flower, it&apos;d have to be Shiuli.</blockquote><p>Shiuli are the connection between two cities that I have been fortunate enough to call home. They grow both in Delhi in Berkeley. If I am to name an app after a flower, it&apos;d have to be Shiuli.</p><figure class="kg-card kg-image-card"><img src="https://blog.viditb.com/content/images/2025/12/Shiuli.png" class="kg-image" alt="Introducing Shiuli: Images made accessible" loading="lazy" width="2000" height="1176" srcset="https://blog.viditb.com/content/images/size/w600/2025/12/Shiuli.png 600w, https://blog.viditb.com/content/images/size/w1000/2025/12/Shiuli.png 1000w, https://blog.viditb.com/content/images/size/w1600/2025/12/Shiuli.png 1600w, https://blog.viditb.com/content/images/size/w2400/2025/12/Shiuli.png 2400w" sizes="(min-width: 720px) 720px"></figure><hr><h3 id="the-icon-design">The Icon Design</h3><figure class="kg-card kg-image-card kg-width-wide"><img src="https://blog.viditb.com/content/images/2025/12/Shiuli-Icon-Spread.png" class="kg-image" alt="Introducing Shiuli: Images made accessible" loading="lazy" width="2000" height="1176" srcset="https://blog.viditb.com/content/images/size/w600/2025/12/Shiuli-Icon-Spread.png 600w, https://blog.viditb.com/content/images/size/w1000/2025/12/Shiuli-Icon-Spread.png 1000w, https://blog.viditb.com/content/images/size/w1600/2025/12/Shiuli-Icon-Spread.png 1600w, https://blog.viditb.com/content/images/size/w2400/2025/12/Shiuli-Icon-Spread.png 2400w" sizes="(min-width: 1200px) 1200px"></figure><p>The icon design was a long iterative process. For the first couple of months, I simply called the app &quot;Alt-Text&quot;. The icon then would be a generic image. At first I used the Hokusai&apos;s wave. but then quickly changed to something I clicked. </p><p>Briefly, I considered using Alty as the app&apos;s name, and Marigold (another plant that I love) as the app&apos;s symbol. </p><p>Once the name was set on Shiuli. The process then was to create an app icon that best represented the flower. At first I tried with the text on screen, since it&apos;s an app for alt-text, but eventually I found that flower itself was a much cleaner representation.</p><p>I tried different styles free form, cut, and accurate tracings, but eventually settled on something symmetrical and geometric. </p><figure class="kg-card kg-image-card kg-width-wide kg-card-hascaption"><img src="https://blog.viditb.com/content/images/2025/12/Icon-Shape.png" class="kg-image" alt="Introducing Shiuli: Images made accessible" loading="lazy" width="2000" height="1176" srcset="https://blog.viditb.com/content/images/size/w600/2025/12/Icon-Shape.png 600w, https://blog.viditb.com/content/images/size/w1000/2025/12/Icon-Shape.png 1000w, https://blog.viditb.com/content/images/size/w1600/2025/12/Icon-Shape.png 1600w, https://blog.viditb.com/content/images/size/w2400/2025/12/Icon-Shape.png 2400w" sizes="(min-width: 1200px) 1200px"><figcaption>The concentric circles provide a good balance to the petals and create a visually balanced effect</figcaption></figure><p>An app icon or logo isn&apos;t merely a logo, it&apos;s brand identity. It must scale across different sizes, it must scale from simple line drawings, to glyphs, to skeuomorphic representations that look like an actual flower. &#xA0;I did the same for Shiuli.</p><figure class="kg-card kg-image-card kg-width-wide kg-card-hascaption"><img src="https://blog.viditb.com/content/images/2025/12/Shiuli-Brand-Identity.png" class="kg-image" alt="Introducing Shiuli: Images made accessible" loading="lazy" width="2000" height="1176" srcset="https://blog.viditb.com/content/images/size/w600/2025/12/Shiuli-Brand-Identity.png 600w, https://blog.viditb.com/content/images/size/w1000/2025/12/Shiuli-Brand-Identity.png 1000w, https://blog.viditb.com/content/images/size/w1600/2025/12/Shiuli-Brand-Identity.png 1600w, https://blog.viditb.com/content/images/size/w2400/2025/12/Shiuli-Brand-Identity.png 2400w" sizes="(min-width: 1200px) 1200px"><figcaption>Shiuli&apos;s brand identity, showing the logo in different uses, and the app&apos;s primary colors</figcaption></figure><hr><h2 id="design-is-iteration">Design is Iteration</h2><p>The development of the app started in April 2025. So why did it take me this long to release it? The reason is iteration. </p><p>While I had my first TestFlights running early in the development. I received a lot of feedback that shaped how the app looks, feels and works. </p><p>Shiuli Started as a Shortcuts extension, and barely had any UI in the app in its first build. Eventually through user feedback the app got better at the UI, providing options to edit the alt-text, and adding more actions along the way.</p><figure class="kg-card kg-image-card kg-width-wide"><img src="https://blog.viditb.com/content/images/2025/12/Iteration-1.png" class="kg-image" alt="Introducing Shiuli: Images made accessible" loading="lazy" width="2000" height="1176" srcset="https://blog.viditb.com/content/images/size/w600/2025/12/Iteration-1.png 600w, https://blog.viditb.com/content/images/size/w1000/2025/12/Iteration-1.png 1000w, https://blog.viditb.com/content/images/size/w1600/2025/12/Iteration-1.png 1600w, https://blog.viditb.com/content/images/size/w2400/2025/12/Iteration-1.png 2400w" sizes="(min-width: 1200px) 1200px"></figure><p><em>Post Liquid Glass, the UI changed drastically to embrace the specular highlights and glass effects in their entirety.</em></p><figure class="kg-card kg-image-card kg-width-wide"><img src="https://blog.viditb.com/content/images/2025/12/Iteration-2.png" class="kg-image" alt="Introducing Shiuli: Images made accessible" loading="lazy" width="2000" height="1176" srcset="https://blog.viditb.com/content/images/size/w600/2025/12/Iteration-2.png 600w, https://blog.viditb.com/content/images/size/w1000/2025/12/Iteration-2.png 1000w, https://blog.viditb.com/content/images/size/w1600/2025/12/Iteration-2.png 1600w, https://blog.viditb.com/content/images/size/w2400/2025/12/Iteration-2.png 2400w" sizes="(min-width: 1200px) 1200px"></figure><hr><h2 id="action-centered-design">Action Centered Design</h2><p>If you&apos;ve been following my work over the last year, you must have realised that I have been championing for an action centered approach to app design. </p><figure class="kg-card kg-image-card kg-width-wide kg-card-hascaption"><img src="https://blog.viditb.com/content/images/2025/12/shiuli_action.png" class="kg-image" alt="Introducing Shiuli: Images made accessible" loading="lazy" width="2000" height="444" srcset="https://blog.viditb.com/content/images/size/w600/2025/12/shiuli_action.png 600w, https://blog.viditb.com/content/images/size/w1000/2025/12/shiuli_action.png 1000w, https://blog.viditb.com/content/images/size/w1600/2025/12/shiuli_action.png 1600w, https://blog.viditb.com/content/images/size/w2400/2025/12/shiuli_action.png 2400w" sizes="(min-width: 1200px) 1200px"><figcaption>People &#x2192; Action &#x2192; Goals. Important to start with that over anything else&#xA0;</figcaption></figure><p>The same&apos;s true for Shiuli. Shiuli from day one has been modular. It&apos;s an action-centered app through and through. Taking its primary action and turning it into an AppIntent, Shiuli builds UI on top of the App Intents and App Entities, rather than taking a phone app first approach. </p><p>The result is a product that works with cutting edge technologies like Visual Intelligence out of the box. </p><figure class="kg-card kg-image-card kg-width-wide kg-card-hascaption"><img src="https://blog.viditb.com/content/images/2025/12/Shiuli-Extensible.png" class="kg-image" alt="Introducing Shiuli: Images made accessible" loading="lazy" width="2000" height="1176" srcset="https://blog.viditb.com/content/images/size/w600/2025/12/Shiuli-Extensible.png 600w, https://blog.viditb.com/content/images/size/w1000/2025/12/Shiuli-Extensible.png 1000w, https://blog.viditb.com/content/images/size/w1600/2025/12/Shiuli-Extensible.png 1600w, https://blog.viditb.com/content/images/size/w2400/2025/12/Shiuli-Extensible.png 2400w" sizes="(min-width: 1200px) 1200px"><figcaption>Shiuli is truly modular, supporting multiple platforms (with more to come soon) and extensions.</figcaption></figure><h3 id="information-and-output-app-entities">Information and Output: App Entities</h3><p>All the information inside the app is governed by an App Entity, the App Entity. Each App Entity contains the image, and its alt-text description. All the information needed for Shiuli to present the UI.</p><figure class="kg-card kg-image-card kg-width-wide kg-card-hascaption"><img src="https://blog.viditb.com/content/images/2025/12/AppEntity.png" class="kg-image" alt="Introducing Shiuli: Images made accessible" loading="lazy" width="2000" height="1176" srcset="https://blog.viditb.com/content/images/size/w600/2025/12/AppEntity.png 600w, https://blog.viditb.com/content/images/size/w1000/2025/12/AppEntity.png 1000w, https://blog.viditb.com/content/images/size/w1600/2025/12/AppEntity.png 1600w, https://blog.viditb.com/content/images/size/w2400/2025/12/AppEntity.png 2400w" sizes="(min-width: 1200px) 1200px"><figcaption>Each view inside the app is governed by an App Entity</figcaption></figure><h3 id="action-generate-alt-text-for-the-image">Action: Generate Alt-Text for the image</h3><p>The key action here is to generate alt-text, the action &#x2013; an App Intent, takes an image as an input and provides the App Entity as the output. </p><p>The App Entity is then presented as UI across multiple modalities and Interfaces.</p><figure class="kg-card kg-image-card kg-width-wide"><img src="https://blog.viditb.com/content/images/2025/12/Action.png" class="kg-image" alt="Introducing Shiuli: Images made accessible" loading="lazy" width="2000" height="1176" srcset="https://blog.viditb.com/content/images/size/w600/2025/12/Action.png 600w, https://blog.viditb.com/content/images/size/w1000/2025/12/Action.png 1000w, https://blog.viditb.com/content/images/size/w1600/2025/12/Action.png 1600w, https://blog.viditb.com/content/images/size/w2400/2025/12/Action.png 2400w" sizes="(min-width: 1200px) 1200px"></figure><figure class="kg-card kg-image-card kg-width-wide kg-card-hascaption"><img src="https://blog.viditb.com/content/images/2025/12/Modalities.png" class="kg-image" alt="Introducing Shiuli: Images made accessible" loading="lazy" width="2000" height="1176" srcset="https://blog.viditb.com/content/images/size/w600/2025/12/Modalities.png 600w, https://blog.viditb.com/content/images/size/w1000/2025/12/Modalities.png 1000w, https://blog.viditb.com/content/images/size/w1600/2025/12/Modalities.png 1600w, https://blog.viditb.com/content/images/size/w2400/2025/12/Modalities.png 2400w" sizes="(min-width: 1200px) 1200px"><figcaption>Shiuli on Visual Intelligence, Shortcuts and Share Extension</figcaption></figure><p>On Visual Intelligence The AppEntity, shows up in the UI with an Alt Text, on Shortcuts it turns into a data point for the next action, in the action extension it shows a version of the phone app&apos;s UI. </p><figure class="kg-card kg-image-card kg-width-wide"><img src="https://blog.viditb.com/content/images/2025/12/Action-Powers.png" class="kg-image" alt="Introducing Shiuli: Images made accessible" loading="lazy" width="2000" height="1176" srcset="https://blog.viditb.com/content/images/size/w600/2025/12/Action-Powers.png 600w, https://blog.viditb.com/content/images/size/w1000/2025/12/Action-Powers.png 1000w, https://blog.viditb.com/content/images/size/w1600/2025/12/Action-Powers.png 1600w, https://blog.viditb.com/content/images/size/w2400/2025/12/Action-Powers.png 2400w" sizes="(min-width: 1200px) 1200px"></figure><blockquote>Only the UI changes across systems, the logic, and the data that powers the interface remains the same. </blockquote><p>You can read more about Action Centered Design over here: </p><figure class="kg-card kg-bookmark-card"><a class="kg-bookmark-container" href="https://blog.viditb.com/a-short-primer-on-action-centered-design/"><div class="kg-bookmark-content"><div class="kg-bookmark-title">A short primer on Action-Centered Design</div><div class="kg-bookmark-description">Tools follow action, just like form follows function. Action-Centered Design is a versatile framework that enables designers to design for actions first.</div><div class="kg-bookmark-metadata"><img class="kg-bookmark-icon" src="https://blog.viditb.com/favicon.png" alt="Introducing Shiuli: Images made accessible"><span class="kg-bookmark-author">Pixel Posts</span><span class="kg-bookmark-publisher">Vidit Bhargava</span></div></div><div class="kg-bookmark-thumbnail"><img src="https://blog.viditb.com/content/images/2025/08/acd_hero-copy-3.png" alt="Introducing Shiuli: Images made accessible"></div></a></figure><hr><h3 id="supporting-cutting-edge-technologies">Supporting Cutting Edge Technologies</h3><p></p><!--kg-card-begin: html--><video autoplay controls loop playsinline type="video/mp4" style="width:100%">
  <source src="https://viditb.com/posts/shiuli/shiuli-visualintelligence.mp4" type="video/mp4">
</video><!--kg-card-end: html--><p>Shiuli on Visual Intelligence makes it easy to generate Alt-Text from anywhere. You just need to screenshot the screen, draw the area for whom you want the Alt-Text, and get it right there in Apple&apos;s Visual look up interface.</p><!--kg-card-begin: html--><video autoplay controls loop playsinline type="video/mp4" style="width:100%">
  <source src="https://viditb.com/posts/shiuli/shiuli-shortcuts.mp4" type="video/mp4">
</video><!--kg-card-end: html--><p>Because the app is so modular, it leads to interesting workflows such as this one where I press the Action Button and have it generate and copy the alt-text for whatever&apos;s on screen. Making the process of generating alt-text smooth, rather than cumbersome.</p><hr><p>So that&apos;s Shiuli. It makes it easy to make images more accessible, and it&apos;s out now on the App Store.</p><figure class="kg-card kg-bookmark-card"><a class="kg-bookmark-container" href="https://apps.apple.com/in/app/shiuli-alt-text-generator/id6746376256"><div class="kg-bookmark-content"><div class="kg-bookmark-title">Shiuli: Alt Text Generator App - App Store</div><div class="kg-bookmark-description">Download Shiuli: Alt Text Generator by Squircle Apps LLP on the App&#xA0;Store. See screenshots, ratings and reviews, user tips and more games like Shiuli: Alt Text&#x2026;</div><div class="kg-bookmark-metadata"><img class="kg-bookmark-icon" src="https://apps.apple.com/assets/favicon/favicon-180.png" alt="Introducing Shiuli: Images made accessible"><span class="kg-bookmark-author">App Store</span><span class="kg-bookmark-publisher">Squircle Apps LLP</span></div></div><div class="kg-bookmark-thumbnail"><img src="https://is1-ssl.mzstatic.com/image/thumb/PurpleSource221/v4/f3/88/30/f388300b-4175-050e-a508-761b3688c01b/Placeholder.mill/1200x630wa.jpg" alt="Introducing Shiuli: Images made accessible"></div></a></figure><p>Plus, It&apos;s <em>not</em> a subscription based utility, you just buy the app once and use it for lifetime. </p>]]></content:encoded></item><item><title><![CDATA[Solving Liquid Glass' Accessibility issues with more materials]]></title><description><![CDATA[Liquid Glass needs to have tinted glass and frosted glass materials to help make it become more legible and Accessible. ]]></description><link>https://blog.viditb.com/solving-liquid-glass-accessibility/</link><guid isPermaLink="false">68f8085dfbb8a5054a59cfc9</guid><category><![CDATA[accessibility]]></category><category><![CDATA[ui design]]></category><category><![CDATA[design]]></category><dc:creator><![CDATA[Vidit Bhargava]]></dc:creator><pubDate>Tue, 21 Oct 2025 22:50:43 GMT</pubDate><media:content url="https://blog.viditb.com/content/images/2025/10/Cover-Photo.png" medium="image"/><content:encoded><![CDATA[<img src="https://blog.viditb.com/content/images/2025/10/Cover-Photo.png" alt="Solving Liquid Glass&apos; Accessibility issues with more materials"><p>This week Apple announced they&apos;ll be bringing a &quot;Tinted&quot; toggle for the Liquid Glass appearance. Adding a very thick blur to the UI if the person chooses that appearance. This is ofcourse in order to address Liquid glass&apos; accessibility issues, especially when dealing with light backgrounds.</p><p>To me it came off as a surprise because Apple spent the summer tinkering around with the Liquid Glass UI, moving around the blur, saturation and depth settings to give it the almost right shape and then they&apos;ve gone on to add this toggle. Clearly, they too see the Accessibility issues. </p><p>I think Apple can do better. I think they can take inspiration from their own pre-iOS 26 &quot;Materials&quot; design language and put them into Liquid Glass.</p><figure class="kg-card kg-gallery-card kg-width-wide kg-card-hascaption"><div class="kg-gallery-container"><div class="kg-gallery-row"><div class="kg-gallery-image"><img src="https://blog.viditb.com/content/images/2025/10/Thin.png" width="1771" height="1772" loading="lazy" alt="Solving Liquid Glass&apos; Accessibility issues with more materials" srcset="https://blog.viditb.com/content/images/size/w600/2025/10/Thin.png 600w, https://blog.viditb.com/content/images/size/w1000/2025/10/Thin.png 1000w, https://blog.viditb.com/content/images/size/w1600/2025/10/Thin.png 1600w, https://blog.viditb.com/content/images/2025/10/Thin.png 1771w" sizes="(min-width: 720px) 720px"></div><div class="kg-gallery-image"><img src="https://blog.viditb.com/content/images/2025/10/Regular.png" width="1771" height="1772" loading="lazy" alt="Solving Liquid Glass&apos; Accessibility issues with more materials" srcset="https://blog.viditb.com/content/images/size/w600/2025/10/Regular.png 600w, https://blog.viditb.com/content/images/size/w1000/2025/10/Regular.png 1000w, https://blog.viditb.com/content/images/size/w1600/2025/10/Regular.png 1600w, https://blog.viditb.com/content/images/2025/10/Regular.png 1771w" sizes="(min-width: 720px) 720px"></div><div class="kg-gallery-image"><img src="https://blog.viditb.com/content/images/2025/10/Thick.png" width="1771" height="1772" loading="lazy" alt="Solving Liquid Glass&apos; Accessibility issues with more materials" srcset="https://blog.viditb.com/content/images/size/w600/2025/10/Thick.png 600w, https://blog.viditb.com/content/images/size/w1000/2025/10/Thick.png 1000w, https://blog.viditb.com/content/images/size/w1600/2025/10/Thick.png 1600w, https://blog.viditb.com/content/images/2025/10/Thick.png 1771w" sizes="(min-width: 720px) 720px"></div></div></div><figcaption>Apple&apos;s Thin, Regular and Thick Language clearly provides three different styles of blur materials for people to play with.&#xA0;</figcaption></figure><p>For Liquid Glass, IMHO Apple should provide a way to pick the type of Liquid Glass, Clear (i.e. the default Liquid Glass), Tinted (with greater blur and a color tint), and Frosted (a new type of material with even greater blur, but also a fun frost texture). </p><figure class="kg-card kg-gallery-card kg-width-wide kg-card-hascaption"><div class="kg-gallery-container"><div class="kg-gallery-row"><div class="kg-gallery-image"><img src="https://blog.viditb.com/content/images/2025/10/Clear.png" width="1771" height="1772" loading="lazy" alt="Solving Liquid Glass&apos; Accessibility issues with more materials" srcset="https://blog.viditb.com/content/images/size/w600/2025/10/Clear.png 600w, https://blog.viditb.com/content/images/size/w1000/2025/10/Clear.png 1000w, https://blog.viditb.com/content/images/size/w1600/2025/10/Clear.png 1600w, https://blog.viditb.com/content/images/2025/10/Clear.png 1771w" sizes="(min-width: 720px) 720px"></div><div class="kg-gallery-image"><img src="https://blog.viditb.com/content/images/2025/10/Tint.png" width="1771" height="1772" loading="lazy" alt="Solving Liquid Glass&apos; Accessibility issues with more materials" srcset="https://blog.viditb.com/content/images/size/w600/2025/10/Tint.png 600w, https://blog.viditb.com/content/images/size/w1000/2025/10/Tint.png 1000w, https://blog.viditb.com/content/images/size/w1600/2025/10/Tint.png 1600w, https://blog.viditb.com/content/images/2025/10/Tint.png 1771w" sizes="(min-width: 720px) 720px"></div><div class="kg-gallery-image"><img src="https://blog.viditb.com/content/images/2025/10/Frosted.png" width="1771" height="1772" loading="lazy" alt="Solving Liquid Glass&apos; Accessibility issues with more materials" srcset="https://blog.viditb.com/content/images/size/w600/2025/10/Frosted.png 600w, https://blog.viditb.com/content/images/size/w1000/2025/10/Frosted.png 1000w, https://blog.viditb.com/content/images/size/w1600/2025/10/Frosted.png 1600w, https://blog.viditb.com/content/images/2025/10/Frosted.png 1771w" sizes="(min-width: 720px) 720px"></div></div></div><figcaption>Clear is great for toolbars with no text. Tinted for actions over content, and Frosted for sheets and tabs with text</figcaption></figure><hr><p>To illustrate why this is a better approach, I&apos;d like to show some examples.</p><h3 id="spotlight-search">Spotlight Search</h3><p><em>Creating a more legible search bar</em></p><figure class="kg-card kg-image-card"><img src="https://blog.viditb.com/content/images/2025/10/clear_before.png" class="kg-image" alt="Solving Liquid Glass&apos; Accessibility issues with more materials" loading="lazy" width="1772" height="1773" srcset="https://blog.viditb.com/content/images/size/w600/2025/10/clear_before.png 600w, https://blog.viditb.com/content/images/size/w1000/2025/10/clear_before.png 1000w, https://blog.viditb.com/content/images/size/w1600/2025/10/clear_before.png 1600w, https://blog.viditb.com/content/images/2025/10/clear_before.png 1772w" sizes="(min-width: 720px) 720px"></figure><p>Look at how the text below the search bar actually seeps into the search bar. Creating a very distracting layer of white text below the search bar, affecting the legibility of the text in the search bar.</p><figure class="kg-card kg-image-card"><img src="https://blog.viditb.com/content/images/2025/10/clear_after.png" class="kg-image" alt="Solving Liquid Glass&apos; Accessibility issues with more materials" loading="lazy" width="1772" height="1773" srcset="https://blog.viditb.com/content/images/size/w600/2025/10/clear_after.png 600w, https://blog.viditb.com/content/images/size/w1000/2025/10/clear_after.png 1000w, https://blog.viditb.com/content/images/size/w1600/2025/10/clear_after.png 1600w, https://blog.viditb.com/content/images/2025/10/clear_after.png 1772w" sizes="(min-width: 720px) 720px"></figure><p>In this search bar, a tinted glass effect ensures that the text below the search bar is not visible, while the colors still seep through. An added dark tint improves the legibility further. The blur isn&apos;t too deep. It&apos;s just slightly greater than the previous (clear) blur. </p><figure class="kg-card kg-image-card kg-width-wide"><img src="https://blog.viditb.com/content/images/2025/10/tint_1.png" class="kg-image" alt="Solving Liquid Glass&apos; Accessibility issues with more materials" loading="lazy" width="1772" height="1773" srcset="https://blog.viditb.com/content/images/size/w600/2025/10/tint_1.png 600w, https://blog.viditb.com/content/images/size/w1000/2025/10/tint_1.png 1000w, https://blog.viditb.com/content/images/size/w1600/2025/10/tint_1.png 1600w, https://blog.viditb.com/content/images/2025/10/tint_1.png 1772w" sizes="(min-width: 1200px) 1200px"></figure><hr><h3 id="apple-music-live-activity">Apple Music Live Activity</h3><p><em>Making the contrast better on a white-ish background</em></p><figure class="kg-card kg-image-card"><img src="https://blog.viditb.com/content/images/2025/10/tint_before.png" class="kg-image" alt="Solving Liquid Glass&apos; Accessibility issues with more materials" loading="lazy" width="1772" height="1773" srcset="https://blog.viditb.com/content/images/size/w600/2025/10/tint_before.png 600w, https://blog.viditb.com/content/images/size/w1000/2025/10/tint_before.png 1000w, https://blog.viditb.com/content/images/size/w1600/2025/10/tint_before.png 1600w, https://blog.viditb.com/content/images/2025/10/tint_before.png 1772w" sizes="(min-width: 720px) 720px"></figure><p>In this example we see how a lot of elements in this clear UI are less legible because of how the light refracts on the glass. Creating a confusing UI. </p><p>To solve this, I do three things. </p><ol><li>Add a tinted glass background</li><li>Reduce the <em>vibrancy</em> on text and icons</li><li>Add a frosted glass layer to the seeker and volume control</li></ol><figure class="kg-card kg-image-card"><img src="https://blog.viditb.com/content/images/2025/10/tint_after.png" class="kg-image" alt="Solving Liquid Glass&apos; Accessibility issues with more materials" loading="lazy" width="1772" height="1773" srcset="https://blog.viditb.com/content/images/size/w600/2025/10/tint_after.png 600w, https://blog.viditb.com/content/images/size/w1000/2025/10/tint_after.png 1000w, https://blog.viditb.com/content/images/size/w1600/2025/10/tint_after.png 1600w, https://blog.viditb.com/content/images/2025/10/tint_after.png 1772w" sizes="(min-width: 720px) 720px"></figure><p>This new UI works so much better. It&apos;s legible, and still shows the colors underneath the UI. Unlike Apple&apos;s approach of adding a diming layer underneath it.</p><figure class="kg-card kg-image-card kg-width-wide"><img src="https://blog.viditb.com/content/images/2025/10/tint_2.png" class="kg-image" alt="Solving Liquid Glass&apos; Accessibility issues with more materials" loading="lazy" width="1772" height="1773" srcset="https://blog.viditb.com/content/images/size/w600/2025/10/tint_2.png 600w, https://blog.viditb.com/content/images/size/w1000/2025/10/tint_2.png 1000w, https://blog.viditb.com/content/images/size/w1600/2025/10/tint_2.png 1600w, https://blog.viditb.com/content/images/2025/10/tint_2.png 1772w" sizes="(min-width: 1200px) 1200px"></figure><hr><h3 id="tab-bar">Tab Bar</h3><p><em>Creating a tab bar that works across different style of apps</em></p><figure class="kg-card kg-image-card"><img src="https://blog.viditb.com/content/images/2025/10/frost_before.png" class="kg-image" alt="Solving Liquid Glass&apos; Accessibility issues with more materials" loading="lazy" width="1772" height="1773" srcset="https://blog.viditb.com/content/images/size/w600/2025/10/frost_before.png 600w, https://blog.viditb.com/content/images/size/w1000/2025/10/frost_before.png 1000w, https://blog.viditb.com/content/images/size/w1600/2025/10/frost_before.png 1600w, https://blog.viditb.com/content/images/2025/10/frost_before.png 1772w" sizes="(min-width: 720px) 720px"></figure><p>This Tab Bar is good, but not the most legible tab bar. It also doesn&apos;t play with all the images. Especially because there is both text and symbols crammed into this little space.</p><figure class="kg-card kg-image-card"><img src="https://blog.viditb.com/content/images/2025/10/frost_after.png" class="kg-image" alt="Solving Liquid Glass&apos; Accessibility issues with more materials" loading="lazy" width="1772" height="1773" srcset="https://blog.viditb.com/content/images/size/w600/2025/10/frost_after.png 600w, https://blog.viditb.com/content/images/size/w1000/2025/10/frost_after.png 1000w, https://blog.viditb.com/content/images/size/w1600/2025/10/frost_after.png 1600w, https://blog.viditb.com/content/images/2025/10/frost_after.png 1772w" sizes="(min-width: 720px) 720px"></figure><p>A frosted tab bar on the other hand, retains the colors from the background, keeping the background light but at the same time adding a layer of frost, providing good contrast across the board to the tab UI.</p><figure class="kg-card kg-image-card kg-width-wide"><img src="https://blog.viditb.com/content/images/2025/10/frosted_1.png" class="kg-image" alt="Solving Liquid Glass&apos; Accessibility issues with more materials" loading="lazy" width="1772" height="1773" srcset="https://blog.viditb.com/content/images/size/w600/2025/10/frosted_1.png 600w, https://blog.viditb.com/content/images/size/w1000/2025/10/frosted_1.png 1000w, https://blog.viditb.com/content/images/size/w1600/2025/10/frosted_1.png 1600w, https://blog.viditb.com/content/images/2025/10/frosted_1.png 1772w" sizes="(min-width: 1200px) 1200px"></figure><p>I think Apple can solve their Accessibility woes with Liquid Glass by adding more materials to their design language. Liquid Glass is compelling and fun to use, but with any sort of transparency, it&apos;s very difficult to control how something looks and so it inevitably creates legibility issues in the UI. </p><p>Because Liquid Glass is not a traditional blurred background, fixing the issues needs the solutions to be a little more creative. I believe taking the approach to create a 3 tier system actually helps strengthen the material. </p>]]></content:encoded></item><item><title><![CDATA[Fake Apps: How to prototype your way through a major redesign]]></title><description><![CDATA[How I redesigned LookUp into smaller, sizable chunks and then strung them together into a main app.]]></description><link>https://blog.viditb.com/fake-apps-how-to-prototype-your-way-through-a-major-redesign/</link><guid isPermaLink="false">68e45751fbb8a5054a59ce3a</guid><category><![CDATA[Prototyping]]></category><category><![CDATA[ui design]]></category><category><![CDATA[lookup]]></category><dc:creator><![CDATA[Vidit Bhargava]]></dc:creator><pubDate>Tue, 07 Oct 2025 05:38:41 GMT</pubDate><media:content url="https://blog.viditb.com/content/images/2025/10/hero2.png" medium="image"/><content:encoded><![CDATA[<img src="https://blog.viditb.com/content/images/2025/10/hero2.png" alt="Fake Apps: How to prototype your way through a major redesign"><p>This summer I set out to redesign LookUp for Liquid Glass. It wasn&apos;t just a liquid glass update, it was going to be a major redesign, improving the app&apos;s layout, speed and interactions. It&apos;s a massive project, and I had only three months to complete it to get the app ready for the iOS 26 launch. </p><p>So I did what every prototyper does with big projects. Break them down into small, manageable chunks and <a href="https://developer.apple.com/videos/play/wwdc2014/223/">make fake apps!</a> Like every good prototype, the only thing real about them was the feature I was testing, everything else was scaffolding to aid the testing of the design.</p><p>What did each of these prototype apps contain? Here&apos;s a brief demo:</p><hr><figure class="kg-card kg-image-card"><img src="https://blog.viditb.com/content/images/2025/10/Frame-4-Copy-4.png" class="kg-image" alt="Fake Apps: How to prototype your way through a major redesign" loading="lazy" width="2000" height="879" srcset="https://blog.viditb.com/content/images/size/w600/2025/10/Frame-4-Copy-4.png 600w, https://blog.viditb.com/content/images/size/w1000/2025/10/Frame-4-Copy-4.png 1000w, https://blog.viditb.com/content/images/size/w1600/2025/10/Frame-4-Copy-4.png 1600w, https://blog.viditb.com/content/images/2025/10/Frame-4-Copy-4.png 2065w" sizes="(min-width: 720px) 720px"></figure><p>Sargent toolbar is a dummy app to test the result screen redesign, starting with the new toolbar controls.</p><p>The way it&apos;s designed, is that everything is a static image, except for the toolbars which are interactive and give a good sense of how the navigation of the new app flows.</p><figure class="kg-card kg-image-card kg-width-wide kg-card-hascaption"><img src="https://blog.viditb.com/content/images/2025/10/Frame-Copy-4.png" class="kg-image" alt="Fake Apps: How to prototype your way through a major redesign" loading="lazy" width="2000" height="1176" srcset="https://blog.viditb.com/content/images/size/w600/2025/10/Frame-Copy-4.png 600w, https://blog.viditb.com/content/images/size/w1000/2025/10/Frame-Copy-4.png 1000w, https://blog.viditb.com/content/images/size/w1600/2025/10/Frame-Copy-4.png 1600w, https://blog.viditb.com/content/images/size/w2400/2025/10/Frame-Copy-4.png 2400w" sizes="(min-width: 1200px) 1200px"><figcaption>Exploded view of the app. Only the toolbars are interactive. Everything else is an image.</figcaption></figure><!--kg-card-begin: html--><video autoplay controls loop playsinline type="video/mp4" style="width:100%">
  <source src="https://viditb.com/posts/fakeAppsVideo/toolbar1.mp4" type="video/mp4">
</video><!--kg-card-end: html--><p><em>Notice how janky the toolbar interaction is.</em></p><!--kg-card-begin: html--><video autoplay controls loop playsinline type="video/mp4" style="width:100%">
  <source src="https://viditb.com/posts/fakeAppsVideo/toolbar2.mp4" type="video/mp4">
</video><!--kg-card-end: html--><p>This updated interaction feels just right. Thanks to the fact that I was only testing the toolbars here. This was literally a 10 minute exploration with minimal code change.<em> Fake apps are a massive win for rapid iteration.</em></p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://blog.viditb.com/content/images/2025/10/toolbar3.gif" class="kg-image" alt="Fake Apps: How to prototype your way through a major redesign" loading="lazy" width="1080" height="608"><figcaption>Testing the Liquid Glass Tab Bar</figcaption></figure><p></p><hr><figure class="kg-card kg-image-card"><img src="https://blog.viditb.com/content/images/2025/10/Frame-4-Copy-6.png" class="kg-image" alt="Fake Apps: How to prototype your way through a major redesign" loading="lazy" width="2000" height="879" srcset="https://blog.viditb.com/content/images/size/w600/2025/10/Frame-4-Copy-6.png 600w, https://blog.viditb.com/content/images/size/w1000/2025/10/Frame-4-Copy-6.png 1000w, https://blog.viditb.com/content/images/size/w1600/2025/10/Frame-4-Copy-6.png 1600w, https://blog.viditb.com/content/images/2025/10/Frame-4-Copy-6.png 2065w" sizes="(min-width: 720px) 720px"></figure><p>Once I had the result screen locked in, I moved on to the new collections UI. New prototype. Only the collections screen was interactive, using dummy data. </p><p>The goal here was to test the interaction of tapping on a new collection and tapping across words. It serves no other purpose.</p><!--kg-card-begin: html--><video autoplay controls loop playsinline type="video/mp4" style="width:100%">
  <source src="https://viditb.com/posts/fakeAppsVideo/theCollector.mp4" type="video/mp4">
</video><!--kg-card-end: html--><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://blog.viditb.com/content/images/2025/10/Frame-Copy-8.png" class="kg-image" alt="Fake Apps: How to prototype your way through a major redesign" loading="lazy" width="2000" height="1176" srcset="https://blog.viditb.com/content/images/size/w600/2025/10/Frame-Copy-8.png 600w, https://blog.viditb.com/content/images/size/w1000/2025/10/Frame-Copy-8.png 1000w, https://blog.viditb.com/content/images/size/w1600/2025/10/Frame-Copy-8.png 1600w, https://blog.viditb.com/content/images/size/w2400/2025/10/Frame-Copy-8.png 2400w" sizes="(min-width: 720px) 720px"><figcaption>Everything is fake, except the Collections Tab</figcaption></figure><figure class="kg-card kg-image-card"><img src="https://blog.viditb.com/content/images/2025/10/theCollector2.gif" class="kg-image" alt="Fake Apps: How to prototype your way through a major redesign" loading="lazy" width="1080" height="608"></figure><p>In fact, if you tapped on any other tabs they&apos;d just not show anything. It&apos;s that straight forward.</p><p>The collector just served as a way to tinker and play with the collections UI, making the interaction robust and fast, everything else was scaffolding to give the illusion of a real app.</p><hr><figure class="kg-card kg-image-card"><img src="https://blog.viditb.com/content/images/2025/10/Frame-4-Copy-3.png" class="kg-image" alt="Fake Apps: How to prototype your way through a major redesign" loading="lazy" width="2000" height="879" srcset="https://blog.viditb.com/content/images/size/w600/2025/10/Frame-4-Copy-3.png 600w, https://blog.viditb.com/content/images/size/w1000/2025/10/Frame-4-Copy-3.png 1000w, https://blog.viditb.com/content/images/size/w1600/2025/10/Frame-4-Copy-3.png 1600w, https://blog.viditb.com/content/images/2025/10/Frame-4-Copy-3.png 2065w" sizes="(min-width: 720px) 720px"></figure><p>Root ranger was an interesting exploration. It&apos;s an app to test the origin maps feature. The feature itself originated from a very rough idea, i.e. what if we could map how a word has travelled across space and time. </p><p>For this one, I tried doing something I don&apos;t usually do, I &quot;vibe-coded&quot; my first exploration. But with more intention than asking ChatGPT to give me an app. I built out the &apos;map&apos; of the action I wanted to support. Providing the <a href="https://blog.viditb.com/a-short-primer-on-action-centered-design/">information, the logic and the output user interface</a> that I mocked up in five minutes. </p><figure class="kg-card kg-image-card kg-width-wide kg-card-hascaption"><img src="https://blog.viditb.com/content/images/2025/10/Frame-4.png" class="kg-image" alt="Fake Apps: How to prototype your way through a major redesign" loading="lazy" width="2000" height="1322" srcset="https://blog.viditb.com/content/images/size/w600/2025/10/Frame-4.png 600w, https://blog.viditb.com/content/images/size/w1000/2025/10/Frame-4.png 1000w, https://blog.viditb.com/content/images/size/w1600/2025/10/Frame-4.png 1600w, https://blog.viditb.com/content/images/2025/10/Frame-4.png 2065w" sizes="(min-width: 1200px) 1200px"><figcaption>Turns out LLMs are really good at transforming information. So if you provide them the building blocks of your code. i.e. the information (input and output), the logic to reach to the output from the input and the desired interface; LLMs can help you create a great prototype.</figcaption></figure><p>The result was a usable prototype that let me explore the functionality for any word. Impressive for a 15 minute prototype. Fully interactive. But just an exploration of the feature. No other frills. No connections to the dictionary. </p><figure class="kg-card kg-image-card kg-width-wide kg-card-hascaption"><img src="https://blog.viditb.com/content/images/2025/10/Frame-4-Copy.png" class="kg-image" alt="Fake Apps: How to prototype your way through a major redesign" loading="lazy" width="2000" height="1176" srcset="https://blog.viditb.com/content/images/size/w600/2025/10/Frame-4-Copy.png 600w, https://blog.viditb.com/content/images/size/w1000/2025/10/Frame-4-Copy.png 1000w, https://blog.viditb.com/content/images/size/w1600/2025/10/Frame-4-Copy.png 1600w, https://blog.viditb.com/content/images/size/w2400/2025/10/Frame-4-Copy.png 2400w" sizes="(min-width: 1200px) 1200px"><figcaption>The root ranger app. Notice how it doesn&apos;t include the rest of the LookUp UI. It&apos;s only there to serve as a quick and dirty exploration of an idea</figcaption></figure><p>It served its purpose. It showed great proof of concept. Helped me iterate quickly and create a completely new feature in record time. </p><figure class="kg-card kg-image-card kg-width-wide kg-card-hascaption"><img src="https://blog.viditb.com/content/images/2025/10/Frame-4-Copy-2.png" class="kg-image" alt="Fake Apps: How to prototype your way through a major redesign" loading="lazy" width="2000" height="1176" srcset="https://blog.viditb.com/content/images/size/w600/2025/10/Frame-4-Copy-2.png 600w, https://blog.viditb.com/content/images/size/w1000/2025/10/Frame-4-Copy-2.png 1000w, https://blog.viditb.com/content/images/size/w1600/2025/10/Frame-4-Copy-2.png 1600w, https://blog.viditb.com/content/images/size/w2400/2025/10/Frame-4-Copy-2.png 2400w" sizes="(min-width: 1200px) 1200px"><figcaption>The final origin maps feature in LookUp 12. Root Ranger&apos;s UI was updated, the logic made to work with the on-device Foundation Models. The result was a feature that was ready in record time thanks to a little works like - looks like prototype I made in 15 minutes.</figcaption></figure><hr><figure class="kg-card kg-image-card"><img src="https://blog.viditb.com/content/images/2025/10/Frame-4-Copy-5.png" class="kg-image" alt="Fake Apps: How to prototype your way through a major redesign" loading="lazy" width="2000" height="879" srcset="https://blog.viditb.com/content/images/size/w600/2025/10/Frame-4-Copy-5.png 600w, https://blog.viditb.com/content/images/size/w1000/2025/10/Frame-4-Copy-5.png 1000w, https://blog.viditb.com/content/images/size/w1600/2025/10/Frame-4-Copy-5.png 1600w, https://blog.viditb.com/content/images/2025/10/Frame-4-Copy-5.png 2065w" sizes="(min-width: 720px) 720px"></figure><p>Apple&apos;s Foundation Models, introduced with iOS 26, enable apps to get artificial intelligence features through on-device Large Language Models, eliminating the need for using massive, power guzzling models for a small set of tasks. </p><p>Foundation models are immensely resourceful. They&apos;re also extremely tricky to work with, given how small the models are, they don&apos;t behave like ChatGPT or other LLMs, they need to be prompted in a very constrained environment and there are specific things they are good at. </p><p>So I setup a works-like test app to prototype new Foundation Model features on the one device I had that supports them. i.e. the iPad. </p><figure class="kg-card kg-image-card kg-width-wide kg-card-hascaption"><img src="https://blog.viditb.com/content/images/2025/10/Frame-Copy-5.png" class="kg-image" alt="Fake Apps: How to prototype your way through a major redesign" loading="lazy" width="2000" height="1176" srcset="https://blog.viditb.com/content/images/size/w600/2025/10/Frame-Copy-5.png 600w, https://blog.viditb.com/content/images/size/w1000/2025/10/Frame-Copy-5.png 1000w, https://blog.viditb.com/content/images/size/w1600/2025/10/Frame-Copy-5.png 1600w, https://blog.viditb.com/content/images/size/w2400/2025/10/Frame-Copy-5.png 2400w" sizes="(min-width: 1200px) 1200px"><figcaption>The innards of the Example Sentences Quiz Feature in LookUp</figcaption></figure><p>As you can see this is a total departure from other prototypes. It&apos;s a works-like exploration of ideas. &quot;Designed&quot; to give me maximum control over how the outputs show up, this is a bare-bones app where each tab works as a playground for different potential features.</p><figure class="kg-card kg-image-card kg-width-wide"><img src="https://blog.viditb.com/content/images/2025/10/Frame-Copy-6.png" class="kg-image" alt="Fake Apps: How to prototype your way through a major redesign" loading="lazy" width="2000" height="1176" srcset="https://blog.viditb.com/content/images/size/w600/2025/10/Frame-Copy-6.png 600w, https://blog.viditb.com/content/images/size/w1000/2025/10/Frame-Copy-6.png 1000w, https://blog.viditb.com/content/images/size/w1600/2025/10/Frame-Copy-6.png 1600w, https://blog.viditb.com/content/images/size/w2400/2025/10/Frame-Copy-6.png 2400w" sizes="(min-width: 1200px) 1200px"></figure><p>I even built a prompt editor in there so I don&apos;t have to build the app again and again to get a new output. </p><figure class="kg-card kg-image-card kg-width-wide"><img src="https://blog.viditb.com/content/images/2025/10/Frame-Copy-7.png" class="kg-image" alt="Fake Apps: How to prototype your way through a major redesign" loading="lazy" width="2000" height="1176" srcset="https://blog.viditb.com/content/images/size/w600/2025/10/Frame-Copy-7.png 600w, https://blog.viditb.com/content/images/size/w1000/2025/10/Frame-Copy-7.png 1000w, https://blog.viditb.com/content/images/size/w1600/2025/10/Frame-Copy-7.png 1600w, https://blog.viditb.com/content/images/size/w2400/2025/10/Frame-Copy-7.png 2400w" sizes="(min-width: 1200px) 1200px"></figure><p>Once the models were tested and designed to work exactly the way I wanted, I was able to put some of the features into the app. Like this Example Sentence quiz feature.</p><hr><figure class="kg-card kg-image-card"><img src="https://blog.viditb.com/content/images/2025/10/Frame-4-Copy-7.png" class="kg-image" alt="Fake Apps: How to prototype your way through a major redesign" loading="lazy" width="2000" height="879" srcset="https://blog.viditb.com/content/images/size/w600/2025/10/Frame-4-Copy-7.png 600w, https://blog.viditb.com/content/images/size/w1000/2025/10/Frame-4-Copy-7.png 1000w, https://blog.viditb.com/content/images/size/w1600/2025/10/Frame-4-Copy-7.png 1600w, https://blog.viditb.com/content/images/2025/10/Frame-4-Copy-7.png 2065w" sizes="(min-width: 720px) 720px"></figure><p>While on-device models are great, both on-device and server based models have one thing in common. They&apos;re incredibly slow by modern computing standards. And the amount of time or the exact steps they&apos;d take to reach an output is unclear. </p><p>This calls for a new kind of a loading screen, one that&apos;s a little more playful than a circular progress bar. It needs to be as fun, and interactive as the liquid glass on iOS 26; it&apos;s so fun to play with, you almost loose track of time. </p><p>Like all other art pieces this little piece of interactive art, it starts as an abstract exploration and then converges into something meaningful. So, I built out a little testing playground to play with different styles.</p><figure class="kg-card kg-image-card kg-width-wide kg-card-hascaption"><img src="https://blog.viditb.com/content/images/2025/10/particles.gif" class="kg-image" alt="Fake Apps: How to prototype your way through a major redesign" loading="lazy" width="1080" height="608"><figcaption>Floating Particles</figcaption></figure><figure class="kg-card kg-image-card kg-width-wide kg-card-hascaption"><img src="https://blog.viditb.com/content/images/2025/10/particles2.gif" class="kg-image" alt="Fake Apps: How to prototype your way through a major redesign" loading="lazy" width="1080" height="608"><figcaption>Interactive, particles that coalesce into an image</figcaption></figure><p><em>The result was these stunning particle effects!</em></p><!--kg-card-begin: html--><video autoplay controls loop playsinline type="video/mp4" style="width:100%">
  <source src="https://viditb.com/posts/fakeAppsVideo/particlesFinal.mp4" type="video/mp4">
</video><!--kg-card-end: html--><hr><figure class="kg-card kg-image-card"><img src="https://blog.viditb.com/content/images/2025/10/Frame-4-Copy-8.png" class="kg-image" alt="Fake Apps: How to prototype your way through a major redesign" loading="lazy" width="2000" height="879" srcset="https://blog.viditb.com/content/images/size/w600/2025/10/Frame-4-Copy-8.png 600w, https://blog.viditb.com/content/images/size/w1000/2025/10/Frame-4-Copy-8.png 1000w, https://blog.viditb.com/content/images/size/w1600/2025/10/Frame-4-Copy-8.png 1600w, https://blog.viditb.com/content/images/2025/10/Frame-4-Copy-8.png 2065w" sizes="(min-width: 720px) 720px"></figure><p>Here&apos;s a little secret. Every LookUp video I shared on the social media was not actually the LookUp app. It was Doppelg&#xE4;nger 26. An app that looks like LookUp, works exactly like LookUp, but isn&apos;t LookUp. It uses a series of charades, dummy data and convenient scaffolding that&apos;s identical to the strategies used in the other prototypes, to make it look like a ready product. </p><!--kg-card-begin: html--><video autoplay controls loop playsinline type="video/mp4" style="width:100%">
  <source src="https://viditb.com/posts/fakeAppsVideo/doppelganger26.mp4" type="video/mp4">
</video><!--kg-card-end: html--><figure class="kg-card kg-image-card"><img src="https://blog.viditb.com/content/images/2025/10/Frame-Copy-9.png" class="kg-image" alt="Fake Apps: How to prototype your way through a major redesign" loading="lazy" width="2000" height="1176" srcset="https://blog.viditb.com/content/images/size/w600/2025/10/Frame-Copy-9.png 600w, https://blog.viditb.com/content/images/size/w1000/2025/10/Frame-Copy-9.png 1000w, https://blog.viditb.com/content/images/size/w1600/2025/10/Frame-Copy-9.png 1600w, https://blog.viditb.com/content/images/size/w2400/2025/10/Frame-Copy-9.png 2400w" sizes="(min-width: 720px) 720px"></figure><figure class="kg-card kg-image-card"><img src="https://blog.viditb.com/content/images/2025/10/Frame-Copy-10.png" class="kg-image" alt="Fake Apps: How to prototype your way through a major redesign" loading="lazy" width="2000" height="1176" srcset="https://blog.viditb.com/content/images/size/w600/2025/10/Frame-Copy-10.png 600w, https://blog.viditb.com/content/images/size/w1000/2025/10/Frame-Copy-10.png 1000w, https://blog.viditb.com/content/images/size/w1600/2025/10/Frame-Copy-10.png 1600w, https://blog.viditb.com/content/images/size/w2400/2025/10/Frame-Copy-10.png 2400w" sizes="(min-width: 720px) 720px"></figure><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://blog.viditb.com/content/images/2025/10/Frame-Copy-11.png" class="kg-image" alt="Fake Apps: How to prototype your way through a major redesign" loading="lazy" width="2000" height="1176" srcset="https://blog.viditb.com/content/images/size/w600/2025/10/Frame-Copy-11.png 600w, https://blog.viditb.com/content/images/size/w1000/2025/10/Frame-Copy-11.png 1000w, https://blog.viditb.com/content/images/size/w1600/2025/10/Frame-Copy-11.png 1600w, https://blog.viditb.com/content/images/size/w2400/2025/10/Frame-Copy-11.png 2400w" sizes="(min-width: 720px) 720px"><figcaption>It looks like LookUp, it works like LookUp</figcaption></figure><figure class="kg-card kg-image-card kg-width-wide kg-card-hascaption"><img src="https://blog.viditb.com/content/images/2025/10/Frame-Copy-13.png" class="kg-image" alt="Fake Apps: How to prototype your way through a major redesign" loading="lazy" width="2000" height="1176" srcset="https://blog.viditb.com/content/images/size/w600/2025/10/Frame-Copy-13.png 600w, https://blog.viditb.com/content/images/size/w1000/2025/10/Frame-Copy-13.png 1000w, https://blog.viditb.com/content/images/size/w1600/2025/10/Frame-Copy-13.png 1600w, https://blog.viditb.com/content/images/size/w2400/2025/10/Frame-Copy-13.png 2400w" sizes="(min-width: 1200px) 1200px"><figcaption>Until you look closely...</figcaption></figure><p>Why? It serves one purpose. To bring in all the research and prototyping I did all summer into LookUp. Bit by bit, I piece together the individual features I built out on fake apps. Gradually over the summer this app took the shape of LookUp; until it was ready to be LookUp, and then it replaced the old app. </p><figure class="kg-card kg-image-card"><img src="https://blog.viditb.com/content/images/2025/10/Frame-Copy-2.png" class="kg-image" alt="Fake Apps: How to prototype your way through a major redesign" loading="lazy" width="1629" height="2592" srcset="https://blog.viditb.com/content/images/size/w600/2025/10/Frame-Copy-2.png 600w, https://blog.viditb.com/content/images/size/w1000/2025/10/Frame-Copy-2.png 1000w, https://blog.viditb.com/content/images/size/w1600/2025/10/Frame-Copy-2.png 1600w, https://blog.viditb.com/content/images/2025/10/Frame-Copy-2.png 1629w" sizes="(min-width: 720px) 720px"></figure><hr><p>With major design projects, it can be hard to get started, given the number of things required to be accomplished.</p><p>Breaking down the redesign into smaller, sizeable chunks and building it out bit by bit is the only logical thing to do. I hope this little sneak peak into the development process of LookUp was insightful.</p><p>You can try LookUp on Apple platforms here:</p><figure class="kg-card kg-bookmark-card"><a class="kg-bookmark-container" href="https://apps.apple.com/in/app/lookup-english-dictionary/id872564448"><div class="kg-bookmark-content"><div class="kg-bookmark-title">&#x200E;LookUp: English Dictionary</div><div class="kg-bookmark-description">&#x200E;LookUp is an innovative English Dictionary app that combines a comprehensive English Dictionary with powerful vocabulary building tools. The app is perfect for English Learners and Word Enthusiasts who want to build their English Vocabulary. 1. Beautiful Word of the Day Illustrations ensure that y&#x2026;</div><div class="kg-bookmark-metadata"><img class="kg-bookmark-icon" src="https://apps.apple.com/assets/images/favicon/favicon-apps-48-fad34e0d87e86dcf72ded1faff4ba9d0.png" alt="Fake Apps: How to prototype your way through a major redesign"><span class="kg-bookmark-author">App&#xA0;Store</span><span class="kg-bookmark-publisher">Squircle Apps LLP</span></div></div><div class="kg-bookmark-thumbnail"><img src="https://is1-ssl.mzstatic.com/image/thumb/Purple221/v4/3b/36/1b/3b361b82-6f21-b0ec-960a-4e89251ff584/AppIcon-0-0-2x_U007euniversal-0-0-0-5-0-0-85-220.png/1200x630wa.png" alt="Fake Apps: How to prototype your way through a major redesign"></div></a></figure>]]></content:encoded></item><item><title><![CDATA[Not just AI: How LookUp uses Foundation Models responsibly for its Learning tools.]]></title><description><![CDATA[Centered around user needs, LookUp's AI features go above and beyond to make sure that the learning experience for English Learners is accurate and reliable.]]></description><link>https://blog.viditb.com/not-just-ai-how-lookup-12-responsibly-uses-foundation-models-to-help-people-learn-better/</link><guid isPermaLink="false">68ca88b5fbb8a5054a59cddb</guid><category><![CDATA[Artificial Intelligence]]></category><category><![CDATA[lookup]]></category><dc:creator><![CDATA[Vidit Bhargava]]></dc:creator><pubDate>Wed, 17 Sep 2025 10:18:34 GMT</pubDate><media:content url="https://blog.viditb.com/content/images/2025/09/hero.png" medium="image"/><content:encoded><![CDATA[<img src="https://blog.viditb.com/content/images/2025/09/hero.png" alt="Not just AI: How LookUp uses Foundation Models responsibly for its Learning tools."><p></p><p>With iOS 26, LookUp now has access to Apple&#x2019;s on-device Large Language Models, making it easier to integrate AI into the app&#x2019;s features when needed. LookUp&#x2019;s AI vision has always been grounded in human goals and actions people perform to achieve them. Helping them learn better through thoughtful interventions.</p><p>LookUp 11.1 introduced Explainers and Pronunciation Tips. LookUp 12 goes one step further and adds new learning modes to the app, that help people build vocabulary in ways that enable them to actually build a better understanding of how to use the words in every day situations.</p><hr><h2 id="new-learning-modes">New Learning Modes</h2><figure class="kg-card kg-image-card kg-width-wide"><img src="https://blog.viditb.com/content/images/2025/09/Learn-Modes-3.png" class="kg-image" alt="Not just AI: How LookUp uses Foundation Models responsibly for its Learning tools." loading="lazy" width="2000" height="1176" srcset="https://blog.viditb.com/content/images/size/w600/2025/09/Learn-Modes-3.png 600w, https://blog.viditb.com/content/images/size/w1000/2025/09/Learn-Modes-3.png 1000w, https://blog.viditb.com/content/images/size/w1600/2025/09/Learn-Modes-3.png 1600w, https://blog.viditb.com/content/images/size/w2400/2025/09/Learn-Modes-3.png 2400w" sizes="(min-width: 1200px) 1200px"></figure><p>LookUp 12 uses the on-device Foundation Models to generate a set of example sentence quizzes. These quizzes, understand the person&#x2019;s context and create a set of example sentences that enables people to better understand the word.</p><p><em>English Learners need a way to get better at using words in real world situations.</em></p><figure class="kg-card kg-image-card kg-width-wide kg-card-hascaption"><img src="https://blog.viditb.com/content/images/2025/09/Learn-Modes-Copy.png" class="kg-image" alt="Not just AI: How LookUp uses Foundation Models responsibly for its Learning tools." loading="lazy" width="2000" height="1176" srcset="https://blog.viditb.com/content/images/size/w600/2025/09/Learn-Modes-Copy.png 600w, https://blog.viditb.com/content/images/size/w1000/2025/09/Learn-Modes-Copy.png 1000w, https://blog.viditb.com/content/images/size/w1600/2025/09/Learn-Modes-Copy.png 1600w, https://blog.viditb.com/content/images/size/w2400/2025/09/Learn-Modes-Copy.png 2400w" sizes="(min-width: 1200px) 1200px"><figcaption>Why are example sentence quizzes so important. Explained through the <a href="https://blog.viditb.com/a-short-primer-on-action-centered-design/">Action Centered Design Framework</a></figcaption></figure><p><em>English Learners learn how to use a word by taking quizzes that quiz them on their understanding of a word, based on how it&#x2019;s used in every day conversation.</em></p><h3 id="responsibly-using-ai">Responsibly using AI</h3><p>These learning modes aren&#x2019;t just using foundation models to generate content. They are going through a methodologically crafted workflow to act on pre-defined guard rails to provide a holistic and reliable learning experience.</p><figure class="kg-card kg-image-card kg-width-wide"><img src="https://blog.viditb.com/content/images/2025/09/Learn-Modes-Copy-2.png" class="kg-image" alt="Not just AI: How LookUp uses Foundation Models responsibly for its Learning tools." loading="lazy" width="2000" height="1176" srcset="https://blog.viditb.com/content/images/size/w600/2025/09/Learn-Modes-Copy-2.png 600w, https://blog.viditb.com/content/images/size/w1000/2025/09/Learn-Modes-Copy-2.png 1000w, https://blog.viditb.com/content/images/size/w1600/2025/09/Learn-Modes-Copy-2.png 1600w, https://blog.viditb.com/content/images/size/w2400/2025/09/Learn-Modes-Copy-2.png 2400w" sizes="(min-width: 1200px) 1200px"></figure><p>What that means is we use our own learning engine built on scientifically proven <em><a href="https://squircle.blog/how-lookups-new-learning-features-are-designed-to-help-you-improve-your-vocabulary/">spaced repetition techniques</a></em> and learning methods before ever giving AI any thing to generate. This ensures that the learning experience is one that&#x2019;s reliable and not error prone.</p><hr><h2 id="origin-maps">Origin Maps</h2><figure class="kg-card kg-image-card"><img src="https://blog.viditb.com/content/images/2025/09/Learn-Modes-Copy-4.png" class="kg-image" alt="Not just AI: How LookUp uses Foundation Models responsibly for its Learning tools." loading="lazy" width="2000" height="1176" srcset="https://blog.viditb.com/content/images/size/w600/2025/09/Learn-Modes-Copy-4.png 600w, https://blog.viditb.com/content/images/size/w1000/2025/09/Learn-Modes-Copy-4.png 1000w, https://blog.viditb.com/content/images/size/w1600/2025/09/Learn-Modes-Copy-4.png 1600w, https://blog.viditb.com/content/images/size/w2400/2025/09/Learn-Modes-Copy-4.png 2400w" sizes="(min-width: 720px) 720px"></figure><p>This is what a words origin looks like usually. I don&#x2019;t know about you, but I am a visual person and this isn&apos;t a fulfilling or easy to understand experience for me.</p><figure class="kg-card kg-image-card kg-width-wide"><img src="https://blog.viditb.com/content/images/2025/09/Etymology-Maps-2-1.png" class="kg-image" alt="Not just AI: How LookUp uses Foundation Models responsibly for its Learning tools." loading="lazy" width="2000" height="1176" srcset="https://blog.viditb.com/content/images/size/w600/2025/09/Etymology-Maps-2-1.png 600w, https://blog.viditb.com/content/images/size/w1000/2025/09/Etymology-Maps-2-1.png 1000w, https://blog.viditb.com/content/images/size/w1600/2025/09/Etymology-Maps-2-1.png 1600w, https://blog.viditb.com/content/images/size/w2400/2025/09/Etymology-Maps-2-1.png 2400w" sizes="(min-width: 1200px) 1200px"></figure><p>English learners benefit when information is presented to them visually and one of the best ways of showing a word&#x2019;s origins is to traverse its roots through space and time.</p><p>LookUp enables English learners to build their understanding of a word&#x2019;s origins by visually interpreting its history on a map.</p><figure class="kg-card kg-image-card kg-width-wide"><img src="https://blog.viditb.com/content/images/2025/09/Etymology-Maps-1.png" class="kg-image" alt="Not just AI: How LookUp uses Foundation Models responsibly for its Learning tools." loading="lazy" width="2000" height="1176" srcset="https://blog.viditb.com/content/images/size/w600/2025/09/Etymology-Maps-1.png 600w, https://blog.viditb.com/content/images/size/w1000/2025/09/Etymology-Maps-1.png 1000w, https://blog.viditb.com/content/images/size/w1600/2025/09/Etymology-Maps-1.png 1600w, https://blog.viditb.com/content/images/size/w2400/2025/09/Etymology-Maps-1.png 2400w" sizes="(min-width: 1200px) 1200px"></figure><h3 id="responsibly-using-ai-1">Responsibly using AI:</h3><p>How do we use AI here? We use the on-device LLMs to transform the word&#x2019;s etymology into a visual map that represents the word&#x2019;s usage.</p><figure class="kg-card kg-image-card kg-width-wide"><img src="https://blog.viditb.com/content/images/2025/09/Learn-Modes-Copy-3.png" class="kg-image" alt="Not just AI: How LookUp uses Foundation Models responsibly for its Learning tools." loading="lazy" width="2000" height="1176" srcset="https://blog.viditb.com/content/images/size/w600/2025/09/Learn-Modes-Copy-3.png 600w, https://blog.viditb.com/content/images/size/w1000/2025/09/Learn-Modes-Copy-3.png 1000w, https://blog.viditb.com/content/images/size/w1600/2025/09/Learn-Modes-Copy-3.png 1600w, https://blog.viditb.com/content/images/size/w2400/2025/09/Learn-Modes-Copy-3.png 2400w" sizes="(min-width: 1200px) 1200px"></figure><p>Again, LookUp isn&#x2019;t just just asking the LLM to generate a map, it provides the Word, it&#x2019;s etymology, <em>and</em> additional information that might help the LLM generate a comprehensive map.</p><hr><p>Did you notice any sparkles here? Me neither. LookUp&apos;s AI features are rooted in real human needs and not in the urgency to use the shiniest &#x2013; coolest new technology; and this is merely a first stab at Foundation Models. </p><p>As I play with them, I am sure I&apos;ll be able to create more useful features.</p>]]></content:encoded></item><item><title><![CDATA[LookUp 12: Discover, Collect, and Learn]]></title><description><![CDATA[A portfolio of LookUp's latest update, the design philosophy behind its redesign and key new features.]]></description><link>https://blog.viditb.com/what-is-lookups-12-major-update-all-about/</link><guid isPermaLink="false">68c93c8afbb8a5054a59ccfb</guid><category><![CDATA[lookup]]></category><dc:creator><![CDATA[Vidit Bhargava]]></dc:creator><pubDate>Tue, 16 Sep 2025 11:02:48 GMT</pubDate><media:content url="https://blog.viditb.com/content/images/2025/09/Redesign-1-1.png" medium="image"/><content:encoded><![CDATA[<img src="https://blog.viditb.com/content/images/2025/09/Redesign-1-1.png" alt="LookUp 12: Discover, Collect, and Learn"><p>I&apos;ve been working on redesigning and rebuilding LookUp from the ground up over the summer, and I just released the update this week to coincide with the launch of iOS 26; and just like every other year, this update too is a mix of Apple&apos;s announced technologies, often requested user feedback, and a step towards the direction I want to take the product in. </p><p>This year&apos;s update focuses on three key features: A complete redesign of the app, New Learning Modes, and Origin Maps. I will try to showcase all three of them in this portfolio of LookUp&apos;s changes.</p><figure class="kg-card kg-image-card kg-width-wide"><img src="https://blog.viditb.com/content/images/2025/09/Summary-Hero.png" class="kg-image" alt="LookUp 12: Discover, Collect, and Learn" loading="lazy" width="2000" height="1176" srcset="https://blog.viditb.com/content/images/size/w600/2025/09/Summary-Hero.png 600w, https://blog.viditb.com/content/images/size/w1000/2025/09/Summary-Hero.png 1000w, https://blog.viditb.com/content/images/size/w1600/2025/09/Summary-Hero.png 1600w, https://blog.viditb.com/content/images/size/w2400/2025/09/Summary-Hero.png 2400w" sizes="(min-width: 1200px) 1200px"></figure><hr><h2 id="redesign">Redesign</h2><figure class="kg-card kg-image-card kg-width-wide kg-card-hascaption"><img src="https://blog.viditb.com/content/images/2025/09/Redesign-1.png" class="kg-image" alt="LookUp 12: Discover, Collect, and Learn" loading="lazy" width="2000" height="1176" srcset="https://blog.viditb.com/content/images/size/w600/2025/09/Redesign-1.png 600w, https://blog.viditb.com/content/images/size/w1000/2025/09/Redesign-1.png 1000w, https://blog.viditb.com/content/images/size/w1600/2025/09/Redesign-1.png 1600w, https://blog.viditb.com/content/images/size/w2400/2025/09/Redesign-1.png 2400w" sizes="(min-width: 1200px) 1200px"><figcaption>A Simplified Tab bar makes the app<strong> easy to navigate</strong></figcaption></figure><figure class="kg-card kg-image-card kg-width-wide kg-card-hascaption"><img src="https://blog.viditb.com/content/images/2025/09/Redesign-2.png" class="kg-image" alt="LookUp 12: Discover, Collect, and Learn" loading="lazy" width="2000" height="1176" srcset="https://blog.viditb.com/content/images/size/w600/2025/09/Redesign-2.png 600w, https://blog.viditb.com/content/images/size/w1000/2025/09/Redesign-2.png 1000w, https://blog.viditb.com/content/images/size/w1600/2025/09/Redesign-2.png 1600w, https://blog.viditb.com/content/images/size/w2400/2025/09/Redesign-2.png 2400w" sizes="(min-width: 1200px) 1200px"><figcaption>Interface Controls <strong>blend</strong> into the content gracefully, giving it more space to shine</figcaption></figure><figure class="kg-card kg-image-card kg-width-wide kg-card-hascaption"><img src="https://blog.viditb.com/content/images/2025/09/Redesign-4.png" class="kg-image" alt="LookUp 12: Discover, Collect, and Learn" loading="lazy" width="2000" height="1176" srcset="https://blog.viditb.com/content/images/size/w600/2025/09/Redesign-4.png 600w, https://blog.viditb.com/content/images/size/w1000/2025/09/Redesign-4.png 1000w, https://blog.viditb.com/content/images/size/w1600/2025/09/Redesign-4.png 1600w, https://blog.viditb.com/content/images/size/w2400/2025/09/Redesign-4.png 2400w" sizes="(min-width: 1200px) 1200px"><figcaption>A persistent search bar at the bottom of the screen makes looking up words <strong>faster</strong></figcaption></figure><figure class="kg-card kg-image-card kg-width-wide kg-card-hascaption"><img src="https://blog.viditb.com/content/images/2025/09/Redesign-3-1.png" class="kg-image" alt="LookUp 12: Discover, Collect, and Learn" loading="lazy" width="2000" height="1176" srcset="https://blog.viditb.com/content/images/size/w600/2025/09/Redesign-3-1.png 600w, https://blog.viditb.com/content/images/size/w1000/2025/09/Redesign-3-1.png 1000w, https://blog.viditb.com/content/images/size/w1600/2025/09/Redesign-3-1.png 1600w, https://blog.viditb.com/content/images/size/w2400/2025/09/Redesign-3-1.png 2400w" sizes="(min-width: 1200px) 1200px"><figcaption>A new collection redesign makes offers <strong>fluid</strong> transitions</figcaption></figure><figure class="kg-card kg-image-card kg-width-wide kg-card-hascaption"><img src="https://blog.viditb.com/content/images/2025/09/Redesign-5.png" class="kg-image" alt="LookUp 12: Discover, Collect, and Learn" loading="lazy" width="2000" height="1176" srcset="https://blog.viditb.com/content/images/size/w600/2025/09/Redesign-5.png 600w, https://blog.viditb.com/content/images/size/w1000/2025/09/Redesign-5.png 1000w, https://blog.viditb.com/content/images/size/w1600/2025/09/Redesign-5.png 1600w, https://blog.viditb.com/content/images/size/w2400/2025/09/Redesign-5.png 2400w" sizes="(min-width: 1200px) 1200px"><figcaption>A fresh look that&apos;s modern and meets the platform&apos;s conventions</figcaption></figure><hr><figure class="kg-card kg-gallery-card kg-width-wide kg-card-hascaption"><div class="kg-gallery-container"><div class="kg-gallery-row"><div class="kg-gallery-image"><img src="https://blog.viditb.com/content/images/2025/09/Apples-Design-Principles-1.png" width="2000" height="1176" loading="lazy" alt="LookUp 12: Discover, Collect, and Learn" srcset="https://blog.viditb.com/content/images/size/w600/2025/09/Apples-Design-Principles-1.png 600w, https://blog.viditb.com/content/images/size/w1000/2025/09/Apples-Design-Principles-1.png 1000w, https://blog.viditb.com/content/images/size/w1600/2025/09/Apples-Design-Principles-1.png 1600w, https://blog.viditb.com/content/images/size/w2400/2025/09/Apples-Design-Principles-1.png 2400w" sizes="(min-width: 720px) 720px"></div><div class="kg-gallery-image"><img src="https://blog.viditb.com/content/images/2025/09/My-Design-Principles-1.png" width="2000" height="1176" loading="lazy" alt="LookUp 12: Discover, Collect, and Learn" srcset="https://blog.viditb.com/content/images/size/w600/2025/09/My-Design-Principles-1.png 600w, https://blog.viditb.com/content/images/size/w1000/2025/09/My-Design-Principles-1.png 1000w, https://blog.viditb.com/content/images/size/w1600/2025/09/My-Design-Principles-1.png 1600w, https://blog.viditb.com/content/images/size/w2400/2025/09/My-Design-Principles-1.png 2400w" sizes="(min-width: 720px) 720px"></div></div></div><figcaption>On the left, are Apple&apos;s iOS 26 Design Principles; On the right, the principles LookUp 12 adds to the redesign.</figcaption></figure><hr><h3 id="anatomy-of-lookup">Anatomy of LookUp</h3><p>The latest redesign for LookUp, simplifies the app into three key actions, i.e. Discovering new words, Collecting them, and Learning them. these actions mirror the entities responsible for each of these actions, i.e. <em>words, a collection of words, and a learning box of a collection of words.</em></p><h3 id="discover">Discover</h3><p>Language learners can discover new words either through the word of the day graphics or by searching for a word from the dictionary</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://blog.viditb.com/content/images/2025/09/My-Design-Principles-Copy.png" class="kg-image" alt="LookUp 12: Discover, Collect, and Learn" loading="lazy" width="2000" height="1176" srcset="https://blog.viditb.com/content/images/size/w600/2025/09/My-Design-Principles-Copy.png 600w, https://blog.viditb.com/content/images/size/w1000/2025/09/My-Design-Principles-Copy.png 1000w, https://blog.viditb.com/content/images/size/w1600/2025/09/My-Design-Principles-Copy.png 1600w, https://blog.viditb.com/content/images/size/w2400/2025/09/My-Design-Principles-Copy.png 2400w" sizes="(min-width: 720px) 720px"><figcaption>A word (entity) and the <em><strong>actions</strong></em> associated with the word</figcaption></figure><h3 id="collect">Collect</h3><p>Learners can collect / cluster the words together in different collections</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://blog.viditb.com/content/images/2025/09/My-Design-Principles-Copy-2.png" class="kg-image" alt="LookUp 12: Discover, Collect, and Learn" loading="lazy" width="2000" height="1176" srcset="https://blog.viditb.com/content/images/size/w600/2025/09/My-Design-Principles-Copy-2.png 600w, https://blog.viditb.com/content/images/size/w1000/2025/09/My-Design-Principles-Copy-2.png 1000w, https://blog.viditb.com/content/images/size/w1600/2025/09/My-Design-Principles-Copy-2.png 1600w, https://blog.viditb.com/content/images/size/w2400/2025/09/My-Design-Principles-Copy-2.png 2400w" sizes="(min-width: 720px) 720px"><figcaption>A collection of words, and the <em>actions</em> associated with the collection</figcaption></figure><h3 id="learn">Learn</h3><p>Once collected, learners can then start taking quizzes and learning the words.</p><figure class="kg-card kg-image-card"><img src="https://blog.viditb.com/content/images/2025/09/My-Design-Principles-Copy-3.png" class="kg-image" alt="LookUp 12: Discover, Collect, and Learn" loading="lazy" width="2000" height="1176" srcset="https://blog.viditb.com/content/images/size/w600/2025/09/My-Design-Principles-Copy-3.png 600w, https://blog.viditb.com/content/images/size/w1000/2025/09/My-Design-Principles-Copy-3.png 1000w, https://blog.viditb.com/content/images/size/w1600/2025/09/My-Design-Principles-Copy-3.png 1600w, https://blog.viditb.com/content/images/size/w2400/2025/09/My-Design-Principles-Copy-3.png 2400w" sizes="(min-width: 720px) 720px"></figure><hr><p>The simplified tab bar is a reflection of the key actions of the app</p><figure class="kg-card kg-image-card kg-width-wide"><img src="https://blog.viditb.com/content/images/2025/09/Simplified-Tabs-Copy.png" class="kg-image" alt="LookUp 12: Discover, Collect, and Learn" loading="lazy" width="2000" height="1176" srcset="https://blog.viditb.com/content/images/size/w600/2025/09/Simplified-Tabs-Copy.png 600w, https://blog.viditb.com/content/images/size/w1000/2025/09/Simplified-Tabs-Copy.png 1000w, https://blog.viditb.com/content/images/size/w1600/2025/09/Simplified-Tabs-Copy.png 1600w, https://blog.viditb.com/content/images/size/w2400/2025/09/Simplified-Tabs-Copy.png 2400w" sizes="(min-width: 1200px) 1200px"></figure><hr><h2 id="new-learning-modes">New Learning Modes</h2><p>New learning modes people to learn more freely through through three &#xA0;new learning modes. People can now learn through Interactive Quizzes. Example sentences, Conversational Questions.</p><figure class="kg-card kg-image-card kg-width-wide"><img src="https://blog.viditb.com/content/images/2025/09/Learn-Modes.png" class="kg-image" alt="LookUp 12: Discover, Collect, and Learn" loading="lazy" width="2000" height="1176" srcset="https://blog.viditb.com/content/images/size/w600/2025/09/Learn-Modes.png 600w, https://blog.viditb.com/content/images/size/w1000/2025/09/Learn-Modes.png 1000w, https://blog.viditb.com/content/images/size/w1600/2025/09/Learn-Modes.png 1600w, https://blog.viditb.com/content/images/size/w2400/2025/09/Learn-Modes.png 2400w" sizes="(min-width: 1200px) 1200px"></figure><figure class="kg-card kg-image-card kg-width-wide"><img src="https://blog.viditb.com/content/images/2025/09/Learn-Modes-2.png" class="kg-image" alt="LookUp 12: Discover, Collect, and Learn" loading="lazy" width="2000" height="1176" srcset="https://blog.viditb.com/content/images/size/w600/2025/09/Learn-Modes-2.png 600w, https://blog.viditb.com/content/images/size/w1000/2025/09/Learn-Modes-2.png 1000w, https://blog.viditb.com/content/images/size/w1600/2025/09/Learn-Modes-2.png 1600w, https://blog.viditb.com/content/images/size/w2400/2025/09/Learn-Modes-2.png 2400w" sizes="(min-width: 1200px) 1200px"></figure><p><strong>Example Sentences </strong>presents contextually relevant and learner friendly example usage of the word, and quizzes the user on the meaning of a particular word in the sentence. This is a helpful way to remember how to use a word.</p><p><strong>Conversational Questions </strong>offer a snippet from a conversation between two people. Based on that conversation the user is then asked to comment on a word that best describes the scenario. These questions dig one layer deeper than just rote learning a word&apos;s meaning. They check true understanding of the word.</p><p></p><p><em>The Learn with Example Sentences and Conversational Questions feature use AI in thoughtful and meaningful ways, i.e. helping people learn words, but also responsibly using AI to only generate content it can reliably generate. </em></p><p>The learning logic still uses scientifically proven frameworks such as the spaced repetition technique to create a learning set for the learners.</p><hr><h2 id="origin-maps">Origin Maps</h2><p>Origin Maps is a fun new way to understand a word&#x2019;s origins, which helps people to understand the word&#x2019;s origins by tracing where it came from.</p><figure class="kg-card kg-image-card kg-width-wide kg-card-hascaption"><img src="https://blog.viditb.com/content/images/2025/09/Etymology-Maps.png" class="kg-image" alt="LookUp 12: Discover, Collect, and Learn" loading="lazy" width="2000" height="1176" srcset="https://blog.viditb.com/content/images/size/w600/2025/09/Etymology-Maps.png 600w, https://blog.viditb.com/content/images/size/w1000/2025/09/Etymology-Maps.png 1000w, https://blog.viditb.com/content/images/size/w1600/2025/09/Etymology-Maps.png 1600w, https://blog.viditb.com/content/images/size/w2400/2025/09/Etymology-Maps.png 2400w" sizes="(min-width: 1200px) 1200px"><figcaption>Did you know Chess originate in India?&#xA0;</figcaption></figure><figure class="kg-card kg-image-card kg-width-wide kg-card-hascaption"><img src="https://blog.viditb.com/content/images/2025/09/Etymology-Maps-2.png" class="kg-image" alt="LookUp 12: Discover, Collect, and Learn" loading="lazy" width="2000" height="1176" srcset="https://blog.viditb.com/content/images/size/w600/2025/09/Etymology-Maps-2.png 600w, https://blog.viditb.com/content/images/size/w1000/2025/09/Etymology-Maps-2.png 1000w, https://blog.viditb.com/content/images/size/w1600/2025/09/Etymology-Maps-2.png 1600w, https://blog.viditb.com/content/images/size/w2400/2025/09/Etymology-Maps-2.png 2400w" sizes="(min-width: 1200px) 1200px"><figcaption>Shampoo comes from the Hindi word to knead</figcaption></figure><p>Origin maps are fun and informative in their own way. They help users understand a word&apos;s roots in a visual format. Also another cool use of the Foundation Models, transforming data from text to something entirely visual.</p><hr><p>So this is LookUp 12, a major redesign for the app, that also includes meaningful updates that&apos;ll help language learners learn English in even more fun ways.</p><p>You can check the app out today on the App Store: <a href="https://apps.apple.com/in/app/lookup-english-dictionary/id872564448">https://apps.apple.com/in/app/lookup-english-dictionary/id872564448</a></p>]]></content:encoded></item><item><title><![CDATA[A short primer on Action-Centered Design]]></title><description><![CDATA[Tools follow action, just like form follows function. 

Action-Centered Design is a versatile framework that enables designers to design for actions first.]]></description><link>https://blog.viditb.com/a-short-primer-on-action-centered-design/</link><guid isPermaLink="false">68b176f9fbb8a5054a59cc78</guid><category><![CDATA[Action Centered Design]]></category><category><![CDATA[Distraction Free Computing]]></category><category><![CDATA[Design Framework]]></category><category><![CDATA[ui design]]></category><dc:creator><![CDATA[Vidit Bhargava]]></dc:creator><pubDate>Fri, 29 Aug 2025 10:04:03 GMT</pubDate><media:content url="https://blog.viditb.com/content/images/2025/08/acd_hero-copy-3.png" medium="image"/><content:encoded><![CDATA[<figure class="kg-card kg-image-card kg-width-wide"><img src="https://blog.viditb.com/content/images/2025/08/Page-2@3x.png" class="kg-image" alt="A short primer on Action-Centered Design" loading="lazy" width="2000" height="1545" srcset="https://blog.viditb.com/content/images/size/w600/2025/08/Page-2@3x.png 600w, https://blog.viditb.com/content/images/size/w1000/2025/08/Page-2@3x.png 1000w, https://blog.viditb.com/content/images/size/w1600/2025/08/Page-2@3x.png 1600w, https://blog.viditb.com/content/images/2025/08/Page-2@3x.png 2376w" sizes="(min-width: 1200px) 1200px"></figure><img src="https://blog.viditb.com/content/images/2025/08/acd_hero-copy-3.png" alt="A short primer on Action-Centered Design"><p><em>&#x201C;Eyeglasses are a good tool&#x2014;you look at the world, not the eyeglasses&#x201D;</em> - &#x201C;World is not a desktop&#x201D;, Mark Weiser, Xerox PARC 1994</p><figure class="kg-card kg-image-card kg-width-wide"><img src="https://blog.viditb.com/content/images/2025/08/Page-2-Copy@3x.png" class="kg-image" alt="A short primer on Action-Centered Design" loading="lazy" width="2000" height="606" srcset="https://blog.viditb.com/content/images/size/w600/2025/08/Page-2-Copy@3x.png 600w, https://blog.viditb.com/content/images/size/w1000/2025/08/Page-2-Copy@3x.png 1000w, https://blog.viditb.com/content/images/size/w1600/2025/08/Page-2-Copy@3x.png 1600w, https://blog.viditb.com/content/images/2025/08/Page-2-Copy@3x.png 2376w" sizes="(min-width: 1200px) 1200px"></figure><figure class="kg-card kg-image-card kg-width-wide"><img src="https://blog.viditb.com/content/images/2025/08/Page-3-Copy@3x.png" class="kg-image" alt="A short primer on Action-Centered Design" loading="lazy" width="2000" height="1545" srcset="https://blog.viditb.com/content/images/size/w600/2025/08/Page-3-Copy@3x.png 600w, https://blog.viditb.com/content/images/size/w1000/2025/08/Page-3-Copy@3x.png 1000w, https://blog.viditb.com/content/images/size/w1600/2025/08/Page-3-Copy@3x.png 1600w, https://blog.viditb.com/content/images/2025/08/Page-3-Copy@3x.png 2376w" sizes="(min-width: 1200px) 1200px"></figure><figure class="kg-card kg-image-card kg-width-wide"><img src="https://blog.viditb.com/content/images/2025/08/Page-3-Copy-2@3x.png" class="kg-image" alt="A short primer on Action-Centered Design" loading="lazy" width="2000" height="1545" srcset="https://blog.viditb.com/content/images/size/w600/2025/08/Page-3-Copy-2@3x.png 600w, https://blog.viditb.com/content/images/size/w1000/2025/08/Page-3-Copy-2@3x.png 1000w, https://blog.viditb.com/content/images/size/w1600/2025/08/Page-3-Copy-2@3x.png 1600w, https://blog.viditb.com/content/images/2025/08/Page-3-Copy-2@3x.png 2376w" sizes="(min-width: 1200px) 1200px"></figure><hr><h3 id="case-study-1-designing-distraction-free-computers-for-students-to-address-the-problem-of-smartphone-addiction">Case Study 1: Designing distraction-free computers for students to address the problem of smartphone addiction.</h3><p><em>Designing a platform of ambient computers using Action Centered Design</em></p><figure class="kg-card kg-image-card kg-width-wide"><img src="https://blog.viditb.com/content/images/2025/08/Page-3@3x-1.png" class="kg-image" alt="A short primer on Action-Centered Design" loading="lazy" width="2000" height="1545" srcset="https://blog.viditb.com/content/images/size/w600/2025/08/Page-3@3x-1.png 600w, https://blog.viditb.com/content/images/size/w1000/2025/08/Page-3@3x-1.png 1000w, https://blog.viditb.com/content/images/size/w1600/2025/08/Page-3@3x-1.png 1600w, https://blog.viditb.com/content/images/2025/08/Page-3@3x-1.png 2376w" sizes="(min-width: 1200px) 1200px"></figure><figure class="kg-card kg-image-card kg-width-wide"><img src="https://blog.viditb.com/content/images/2025/08/Page-4@3x.png" class="kg-image" alt="A short primer on Action-Centered Design" loading="lazy" width="2000" height="1545" srcset="https://blog.viditb.com/content/images/size/w600/2025/08/Page-4@3x.png 600w, https://blog.viditb.com/content/images/size/w1000/2025/08/Page-4@3x.png 1000w, https://blog.viditb.com/content/images/size/w1600/2025/08/Page-4@3x.png 1600w, https://blog.viditb.com/content/images/2025/08/Page-4@3x.png 2376w" sizes="(min-width: 1200px) 1200px"></figure><figure class="kg-card kg-image-card kg-width-wide"><img src="https://blog.viditb.com/content/images/2025/08/Page-5@3x.png" class="kg-image" alt="A short primer on Action-Centered Design" loading="lazy" width="2000" height="1545" srcset="https://blog.viditb.com/content/images/size/w600/2025/08/Page-5@3x.png 600w, https://blog.viditb.com/content/images/size/w1000/2025/08/Page-5@3x.png 1000w, https://blog.viditb.com/content/images/size/w1600/2025/08/Page-5@3x.png 1600w, https://blog.viditb.com/content/images/2025/08/Page-5@3x.png 2376w" sizes="(min-width: 1200px) 1200px"></figure><figure class="kg-card kg-image-card kg-width-wide"><img src="https://blog.viditb.com/content/images/2025/08/Page-6@3x.png" class="kg-image" alt="A short primer on Action-Centered Design" loading="lazy" width="2000" height="1545" srcset="https://blog.viditb.com/content/images/size/w600/2025/08/Page-6@3x.png 600w, https://blog.viditb.com/content/images/size/w1000/2025/08/Page-6@3x.png 1000w, https://blog.viditb.com/content/images/size/w1600/2025/08/Page-6@3x.png 1600w, https://blog.viditb.com/content/images/2025/08/Page-6@3x.png 2376w" sizes="(min-width: 1200px) 1200px"></figure><figure class="kg-card kg-image-card kg-width-wide"><img src="https://blog.viditb.com/content/images/2025/08/Page-7@3x.png" class="kg-image" alt="A short primer on Action-Centered Design" loading="lazy" width="2000" height="1545" srcset="https://blog.viditb.com/content/images/size/w600/2025/08/Page-7@3x.png 600w, https://blog.viditb.com/content/images/size/w1000/2025/08/Page-7@3x.png 1000w, https://blog.viditb.com/content/images/size/w1600/2025/08/Page-7@3x.png 1600w, https://blog.viditb.com/content/images/2025/08/Page-7@3x.png 2376w" sizes="(min-width: 1200px) 1200px"></figure><h3 id="the-thought-lamp-is-a-platform-built-for-and-using-action-centered-design"><em>The Thought Lamp is a Platform built for, and using Action-Centered Design</em></h3><figure class="kg-card kg-image-card kg-width-wide"><img src="https://blog.viditb.com/content/images/2025/08/Page-8-Copy-4@3x.png" class="kg-image" alt="A short primer on Action-Centered Design" loading="lazy" width="2000" height="1545" srcset="https://blog.viditb.com/content/images/size/w600/2025/08/Page-8-Copy-4@3x.png 600w, https://blog.viditb.com/content/images/size/w1000/2025/08/Page-8-Copy-4@3x.png 1000w, https://blog.viditb.com/content/images/size/w1600/2025/08/Page-8-Copy-4@3x.png 1600w, https://blog.viditb.com/content/images/2025/08/Page-8-Copy-4@3x.png 2376w" sizes="(min-width: 1200px) 1200px"></figure><figure class="kg-card kg-image-card kg-width-wide"><img src="https://blog.viditb.com/content/images/2025/08/Page-3-Copy-4@3x.png" class="kg-image" alt="A short primer on Action-Centered Design" loading="lazy" width="2000" height="1545" srcset="https://blog.viditb.com/content/images/size/w600/2025/08/Page-3-Copy-4@3x.png 600w, https://blog.viditb.com/content/images/size/w1000/2025/08/Page-3-Copy-4@3x.png 1000w, https://blog.viditb.com/content/images/size/w1600/2025/08/Page-3-Copy-4@3x.png 1600w, https://blog.viditb.com/content/images/2025/08/Page-3-Copy-4@3x.png 2376w" sizes="(min-width: 1200px) 1200px"></figure><figure class="kg-card kg-image-card kg-width-wide"><img src="https://blog.viditb.com/content/images/2025/08/Page-8@3x-1.png" class="kg-image" alt="A short primer on Action-Centered Design" loading="lazy" width="2000" height="1545" srcset="https://blog.viditb.com/content/images/size/w600/2025/08/Page-8@3x-1.png 600w, https://blog.viditb.com/content/images/size/w1000/2025/08/Page-8@3x-1.png 1000w, https://blog.viditb.com/content/images/size/w1600/2025/08/Page-8@3x-1.png 1600w, https://blog.viditb.com/content/images/2025/08/Page-8@3x-1.png 2376w" sizes="(min-width: 1200px) 1200px"></figure><hr><h3 id="a-versatile-design-framework">A versatile design framework</h3><p><em><strong>Action-Centered Design</strong> expands well-beyond a single platform. It&apos;s a versatile general design framework that can be used to design everything from apps to systems to interact art projects.</em></p><figure class="kg-card kg-image-card kg-width-wide"><img src="https://blog.viditb.com/content/images/2025/08/Page-8-Copy@3x.png" class="kg-image" alt="A short primer on Action-Centered Design" loading="lazy" width="2000" height="1545" srcset="https://blog.viditb.com/content/images/size/w600/2025/08/Page-8-Copy@3x.png 600w, https://blog.viditb.com/content/images/size/w1000/2025/08/Page-8-Copy@3x.png 1000w, https://blog.viditb.com/content/images/size/w1600/2025/08/Page-8-Copy@3x.png 1600w, https://blog.viditb.com/content/images/2025/08/Page-8-Copy@3x.png 2376w" sizes="(min-width: 1200px) 1200px"></figure><figure class="kg-card kg-image-card kg-width-wide"><img src="https://blog.viditb.com/content/images/2025/08/Page-8-Copy-2@3x.png" class="kg-image" alt="A short primer on Action-Centered Design" loading="lazy" width="2000" height="1545" srcset="https://blog.viditb.com/content/images/size/w600/2025/08/Page-8-Copy-2@3x.png 600w, https://blog.viditb.com/content/images/size/w1000/2025/08/Page-8-Copy-2@3x.png 1000w, https://blog.viditb.com/content/images/size/w1600/2025/08/Page-8-Copy-2@3x.png 1600w, https://blog.viditb.com/content/images/2025/08/Page-8-Copy-2@3x.png 2376w" sizes="(min-width: 1200px) 1200px"></figure><figure class="kg-card kg-image-card kg-width-wide"><img src="https://blog.viditb.com/content/images/2025/08/Page-8-Copy-3@3x.png" class="kg-image" alt="A short primer on Action-Centered Design" loading="lazy" width="2000" height="1545" srcset="https://blog.viditb.com/content/images/size/w600/2025/08/Page-8-Copy-3@3x.png 600w, https://blog.viditb.com/content/images/size/w1000/2025/08/Page-8-Copy-3@3x.png 1000w, https://blog.viditb.com/content/images/size/w1600/2025/08/Page-8-Copy-3@3x.png 1600w, https://blog.viditb.com/content/images/2025/08/Page-8-Copy-3@3x.png 2376w" sizes="(min-width: 1200px) 1200px"></figure><hr><h2 id="further-reading">Further Reading</h2><figure class="kg-card kg-bookmark-card kg-card-hascaption"><a class="kg-bookmark-container" href="https://blog.viditb.com/designing-distraction-free-computers/"><div class="kg-bookmark-content"><div class="kg-bookmark-title">Designing Distraction Free Computers</div><div class="kg-bookmark-description">Designing distraction free computers using an Action-Centric Design approach.</div><div class="kg-bookmark-metadata"><img class="kg-bookmark-icon" src="https://blog.viditb.com/favicon.png" alt="A short primer on Action-Centered Design"><span class="kg-bookmark-author">Pixel Posts</span><span class="kg-bookmark-publisher">Vidit Bhargava</span></div></div><div class="kg-bookmark-thumbnail"><img src="https://blog.viditb.com/content/images/2025/01/Artboard-Copy-13.png" alt="A short primer on Action-Centered Design"></div></a><figcaption>Complete Masters Thesis on Action-Centered Design of which this is a summary</figcaption></figure><figure class="kg-card kg-bookmark-card kg-card-hascaption"><a class="kg-bookmark-container" href="https://blog.viditb.com/beyond-sparkles-and-chat/"><div class="kg-bookmark-content"><div class="kg-bookmark-title">Beyond Sparkles and Chat</div><div class="kg-bookmark-description">AI helps best when it stops taking the center-stage</div><div class="kg-bookmark-metadata"><img class="kg-bookmark-icon" src="https://blog.viditb.com/favicon.png" alt="A short primer on Action-Centered Design"><span class="kg-bookmark-author">Pixel Posts</span><span class="kg-bookmark-publisher">Vidit Bhargava</span></div></div><div class="kg-bookmark-thumbnail"><img src="https://blog.viditb.com/content/images/2025/08/beyondSparkles.png" alt="A short primer on Action-Centered Design"></div></a><figcaption>A collection of projects made using Action-Centered Design</figcaption></figure><figure class="kg-card kg-bookmark-card kg-card-hascaption"><a class="kg-bookmark-container" href="https://blog.viditb.com/bringing-word-of-the-day-by-lookup-to-apple-tv/"><div class="kg-bookmark-content"><div class="kg-bookmark-title">Bringing Word of the Day by LookUp to Apple TV</div><div class="kg-bookmark-description">How an action-centered-design framework and SwiftUI helped me build the Apple TV app for Word of the Day by LookUp in an afternoon&#x2019;s worth of work.</div><div class="kg-bookmark-metadata"><img class="kg-bookmark-icon" src="https://blog.viditb.com/favicon.png" alt="A short primer on Action-Centered Design"><span class="kg-bookmark-author">Pixel Posts</span><span class="kg-bookmark-publisher">Vidit Bhargava</span></div></div><div class="kg-bookmark-thumbnail"><img src="https://blog.viditb.com/content/images/2025/05/hero-1.png" alt="A short primer on Action-Centered Design"></div></a><figcaption>Real World Shipping Product using Action-Centered Design principles</figcaption></figure><figure class="kg-card kg-bookmark-card kg-card-hascaption"><a class="kg-bookmark-container" href="https://blog.viditb.com/action-centered-design-framework-talk/"><div class="kg-bookmark-content"><div class="kg-bookmark-title">Action Centered Design Framework</div><div class="kg-bookmark-description">Full video of my Action Centered Design Framework talk at the ARCtic conference in Oulu; March 2025.</div><div class="kg-bookmark-metadata"><img class="kg-bookmark-icon" src="https://blog.viditb.com/favicon.png" alt="A short primer on Action-Centered Design"><span class="kg-bookmark-author">Pixel Posts</span><span class="kg-bookmark-publisher">Vidit Bhargava</span></div></div><div class="kg-bookmark-thumbnail"><img src="https://blog.viditb.com/content/images/2025/04/ActionCenteredDesign-Final.044.jpeg" alt="A short primer on Action-Centered Design"></div></a><figcaption>Conference Presentation on using Action-Centered Design for designing apps</figcaption></figure><figure class="kg-card kg-bookmark-card kg-card-hascaption"><a class="kg-bookmark-container" href="https://blog.viditb.com/action-centered-design/"><div class="kg-bookmark-content"><div class="kg-bookmark-title">The way we interact with apps is changing, so should the way they are designed.</div><div class="kg-bookmark-description">The current state of apps and the advent of Apple Intelligence makes it important to have an action centered design approach to designing apps. The phone is only a part of a much larger ecosystem.</div><div class="kg-bookmark-metadata"><img class="kg-bookmark-icon" src="https://blog.viditb.com/favicon.png" alt="A short primer on Action-Centered Design"><span class="kg-bookmark-author">Pixel Posts</span><span class="kg-bookmark-publisher">Vidit Bhargava</span></div></div><div class="kg-bookmark-thumbnail"><img src="https://blog.viditb.com/content/images/2024/08/Multple-Forms-of-Consumption@2x.png" alt="A short primer on Action-Centered Design"></div></a><figcaption>Genesis of Action Centered Design</figcaption></figure><p>Mark Weiser&apos;s <strong>The World is not a Desktop</strong> essay that forms the ideological basis of the design framework: <a href="https://dl.acm.org/doi/pdf/10.1145/174800.174801">https://dl.acm.org/doi/pdf/10.1145/174800.174801</a></p>]]></content:encoded></item></channel></rss>