<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/">
    <channel>
        <title>Golem Design System Blog</title>
        <link>https://golem-ai.netlify.app/blog</link>
        <description>Golem Design System Blog</description>
        <lastBuildDate>Sun, 07 Jul 2024 00:00:00 GMT</lastBuildDate>
        <docs>https://validator.w3.org/feed/docs/rss2.html</docs>
        <generator>https://github.com/jpmonette/feed</generator>
        <language>en</language>
        <item>
            <title><![CDATA[Golem Design System]]></title>
            <link>https://golem-ai.netlify.app/blog/2024/07/07/ds-categories/golem-design-system-categories</link>
            <guid>https://golem-ai.netlify.app/blog/2024/07/07/ds-categories/golem-design-system-categories</guid>
            <pubDate>Sun, 07 Jul 2024 00:00:00 GMT</pubDate>
            <description><![CDATA[We're excited to unveil Golem, our innovative design system tailored specifically for embedded AI interfaces. Golem represents a paradigm shift in how we approach the design of AI-integrated systems, prioritizing user well-being, ethical considerations, and seamless human-AI interaction.]]></description>
            <content:encoded><![CDATA[<p>We're excited to unveil Golem, our innovative design system tailored specifically for embedded AI interfaces. Golem represents a paradigm shift in how we approach the design of AI-integrated systems, prioritizing user well-being, ethical considerations, and seamless human-AI interaction.</p>
<h2 class="anchor anchorWithStickyNavbar_LWe7" id="the-foundation-of-golem">The Foundation of Golem<a class="hash-link" aria-label="Direct link to The Foundation of Golem" title="Direct link to The Foundation of Golem" href="https://golem-ai.netlify.app/blog/2024/07/07/ds-categories/golem-design-system-categories#the-foundation-of-golem">​</a></h2>
<p>Golem is built on three core principles, inspired by Asimov's Laws of Robotics but adapted for the nuanced world of embedded AI:</p>
<ol>
<li>
<p><strong>Protect and Prioritize the User</strong>: Every interaction, every decision, and every design choice in Golem puts the user's safety, privacy, and well-being first.</p>
</li>
<li>
<p><strong>Respect User Agency and Control</strong>: Golem ensures that users always maintain control, with clear mechanisms to understand and override AI decisions when necessary.</p>
</li>
<li>
<p><strong>Evolve Responsibly</strong>: Our AI systems are designed to learn and improve over time, but always within ethical boundaries and with full transparency to the user.</p>
</li>
</ol>
<h2 class="anchor anchorWithStickyNavbar_LWe7" id="key-categories-of-the-golem-design-system">Key Categories of the Golem Design System<a class="hash-link" aria-label="Direct link to Key Categories of the Golem Design System" title="Direct link to Key Categories of the Golem Design System" href="https://golem-ai.netlify.app/blog/2024/07/07/ds-categories/golem-design-system-categories#key-categories-of-the-golem-design-system">​</a></h2>
<p>Golem encompasses a wide range of categories, each crucial to creating effective, ethical, and user-friendly AI-embedded interfaces:</p>
<ol>
<li><strong>Core Principles</strong>: The ethical foundation of our design choices.</li>
<li><strong>AI Agents</strong>: Guidelines for creating and managing AI entities within our systems.</li>
<li><strong>AI Integration</strong>: Strategies for seamlessly incorporating AI into user interfaces.</li>
<li><strong>Foundation</strong>: Classic design elements like color, typography, and layout.</li>
<li><strong>Components</strong>: Building blocks of our interfaces, from buttons to complex AI-driven elements.</li>
<li><strong>Patterns</strong>: Standardized solutions for common design challenges.</li>
<li><strong>Interaction Design</strong>: Innovative ways for users to engage with AI systems.</li>
<li><strong>Accessibility</strong>: Ensuring our AI interfaces are usable by everyone.</li>
<li><strong>Responsive Design</strong>: Adapting our AI interfaces across devices and platforms.</li>
<li><strong>Content Strategy</strong>: Guidelines for both human-created and AI-generated content.</li>
<li><strong>Data Visualization</strong>: Representing complex AI-driven data clearly and intuitively.</li>
<li><strong>Performance</strong>: Optimizing the speed and efficiency of our AI-integrated interfaces.</li>
<li><strong>Design Tokens</strong>: Standardized design values for consistency across our system.</li>
<li><strong>Theming</strong>: Flexible visual styling to match diverse brand needs.</li>
</ol>
<h2 class="anchor anchorWithStickyNavbar_LWe7" id="why-golem-matters">Why Golem Matters<a class="hash-link" aria-label="Direct link to Why Golem Matters" title="Direct link to Why Golem Matters" href="https://golem-ai.netlify.app/blog/2024/07/07/ds-categories/golem-design-system-categories#why-golem-matters">​</a></h2>
<p>In a world where AI is becoming increasingly prevalent, Golem provides a comprehensive framework for creating embedded AI interfaces that are not just functional, but also ethical, user-centric, and adaptive. By adhering to Golem's principles and guidelines, we ensure that our AI systems enhance human capabilities without compromising user agency or well-being.</p>
<p>Golem is more than just a design system; it's a commitment to responsible AI integration. It empowers designers and developers to create AI interfaces that users can trust, understand, and control.</p>
<p>Stay tuned for deep dives into each category of the Golem Design System in our upcoming blog posts. Together, we're shaping the future of human-AI interaction!</p>]]></content:encoded>
            <category>design systems</category>
            <category>system design</category>
            <category>ai</category>
            <category>ui design</category>
            <category>business analysis</category>
            <category>embedded ai</category>
        </item>
        <item>
            <title><![CDATA[Beyond Tooltips: The Power of Embedded AI in User Assistance]]></title>
            <link>https://golem-ai.netlify.app/blog/2024/06/29/help/embedded-ai-vs-traditional-help</link>
            <guid>https://golem-ai.netlify.app/blog/2024/06/29/help/embedded-ai-vs-traditional-help</guid>
            <pubDate>Sat, 29 Jun 2024 00:00:00 GMT</pubDate>
            <description><![CDATA[In the ever-evolving landscape of user experience design, providing effective guidance to users has always been a critical challenge. Traditional methods like tooltips and contextual help have long been the go-to solutions. However, with the advent of embedded AI, we're witnessing a paradigm shift in how we approach user assistance. Let's explore how embedded AI stacks up against these conventional methods.]]></description>
            <content:encoded><![CDATA[<p>In the ever-evolving landscape of user experience design, providing effective guidance to users has always been a critical challenge. Traditional methods like tooltips and contextual help have long been the go-to solutions. However, with the advent of embedded AI, we're witnessing a paradigm shift in how we approach user assistance. Let's explore how embedded AI stacks up against these conventional methods.</p>
<h2 class="anchor anchorWithStickyNavbar_LWe7" id="traditional-help-tooltips-and-contextual-assistance">Traditional Help: Tooltips and Contextual Assistance<a class="hash-link" aria-label="Direct link to Traditional Help: Tooltips and Contextual Assistance" title="Direct link to Traditional Help: Tooltips and Contextual Assistance" href="https://golem-ai.netlify.app/blog/2024/06/29/help/embedded-ai-vs-traditional-help#traditional-help-tooltips-and-contextual-assistance">​</a></h2>
<p>Tooltips and contextual help have been staples of user interface design for decades. They offer several advantages:</p>
<ul>
<li><strong>Simplicity</strong>: Easy to implement and understand</li>
<li><strong>Low resource requirement</strong>: Minimal impact on system performance</li>
<li><strong>Predictability</strong>: Users know what to expect</li>
</ul>
<p>However, they also come with limitations:</p>
<ul>
<li><strong>Static nature</strong>: Unable to adapt to user's changing needs</li>
<li><strong>Limited scope</strong>: Often provide only basic information</li>
<li><strong>Potential for clutter</strong>: Can overwhelm the interface if overused</li>
<li><strong>One-size-fits-all approach</strong>: Unable to personalize assistance</li>
</ul>
<h2 class="anchor anchorWithStickyNavbar_LWe7" id="the-embedded-ai-advantage">The Embedded AI Advantage<a class="hash-link" aria-label="Direct link to The Embedded AI Advantage" title="Direct link to The Embedded AI Advantage" href="https://golem-ai.netlify.app/blog/2024/06/29/help/embedded-ai-vs-traditional-help#the-embedded-ai-advantage">​</a></h2>
<p>Embedded AI takes user assistance to a new level, offering dynamic and intelligent support:</p>
<ol>
<li>
<p><strong>Contextual Understanding</strong>: AI can analyze the user's current task, past behavior, and overall context to provide highly relevant assistance.</p>
</li>
<li>
<p><strong>Adaptive Learning</strong>: The system improves over time, learning from user interactions to offer increasingly personalized help.</p>
</li>
<li>
<p><strong>Proactive Assistance</strong>: Instead of waiting for users to seek help, AI can anticipate needs and offer suggestions preemptively.</p>
</li>
<li>
<p><strong>Natural Language Processing</strong>: Users can ask questions in their own words, making the interaction more intuitive.</p>
</li>
<li>
<p><strong>Multi-modal Support</strong>: AI can provide assistance through various channels - text, voice, or even augmented reality overlays.</p>
</li>
<li>
<p><strong>Comprehensive Problem-Solving</strong>: Unlike static tooltips, AI can guide users through complex, multi-step processes.</p>
</li>
<li>
<p><strong>Reduced Interface Clutter</strong>: AI can offer help only when needed, keeping the interface clean and unobtrusive.</p>
</li>
</ol>
<h2 class="anchor anchorWithStickyNavbar_LWe7" id="real-world-impact">Real-world Impact<a class="hash-link" aria-label="Direct link to Real-world Impact" title="Direct link to Real-world Impact" href="https://golem-ai.netlify.app/blog/2024/06/29/help/embedded-ai-vs-traditional-help#real-world-impact">​</a></h2>
<p>Imagine a complex video editing software. Traditional tooltips might explain what each button does, but an embedded AI could:</p>
<ul>
<li>Suggest optimal workflows based on the user's project type</li>
<li>Offer real-time tips to improve video quality</li>
<li>Provide personalized tutorials on advanced features the user hasn't explored yet</li>
<li>Troubleshoot issues by analyzing the project file and user actions</li>
</ul>
<h2 class="anchor anchorWithStickyNavbar_LWe7" id="the-future-of-user-assistance">The Future of User Assistance<a class="hash-link" aria-label="Direct link to The Future of User Assistance" title="Direct link to The Future of User Assistance" href="https://golem-ai.netlify.app/blog/2024/06/29/help/embedded-ai-vs-traditional-help#the-future-of-user-assistance">​</a></h2>
<p>While tooltips and contextual help will likely continue to have their place, embedded AI represents a significant leap forward in user assistance technology. As AI continues to evolve, we can expect even more sophisticated, intuitive, and personalized help systems that dramatically enhance user experience and productivity.</p>
<p>The challenge for UX designers now is to thoughtfully integrate these AI capabilities, ensuring they enhance rather than complicate the user experience. When done right, embedded AI has the potential to make complex systems more accessible, reduce user frustration, and ultimately empower users to achieve more with technology.</p>]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Enhancing Golem: Applying Nielsen's 10 Usability Heuristics to Embedded AI Design]]></title>
            <link>https://golem-ai.netlify.app/blog/2023/05/11/nn/nn-group-heuristics-golem</link>
            <guid>https://golem-ai.netlify.app/blog/2023/05/11/nn/nn-group-heuristics-golem</guid>
            <pubDate>Thu, 11 May 2023 00:00:00 GMT</pubDate>
            <description><![CDATA[In our ongoing development of Golem, our innovative design system for embedded AI, we're constantly seeking ways to improve user experience. Today, we're excited to explore how Jakob Nielsen's renowned 10 Usability Heuristics can be adapted and applied to AI-human interactions within the Golem framework.]]></description>
            <content:encoded><![CDATA[<p>In our ongoing development of Golem, our innovative design system for embedded AI, we're constantly seeking ways to improve user experience. Today, we're excited to explore how Jakob Nielsen's renowned 10 Usability Heuristics can be adapted and applied to AI-human interactions within the Golem framework.</p>
<h2 class="anchor anchorWithStickyNavbar_LWe7" id="1-visibility-of-system-status">1. Visibility of System Status<a class="hash-link" aria-label="Direct link to 1. Visibility of System Status" title="Direct link to 1. Visibility of System Status" href="https://golem-ai.netlify.app/blog/2023/05/11/nn/nn-group-heuristics-golem#1-visibility-of-system-status">​</a></h2>
<p>In Golem: AI components must always keep users informed about what is happening, providing appropriate feedback within reasonable time.</p>
<ul>
<li>Example: A voice assistant clearly indicates when it's listening, processing, or ready for input through visual and audio cues.</li>
</ul>
<h2 class="anchor anchorWithStickyNavbar_LWe7" id="2-match-between-system-and-the-real-world">2. Match Between System and the Real World<a class="hash-link" aria-label="Direct link to 2. Match Between System and the Real World" title="Direct link to 2. Match Between System and the Real World" href="https://golem-ai.netlify.app/blog/2023/05/11/nn/nn-group-heuristics-golem#2-match-between-system-and-the-real-world">​</a></h2>
<p>In Golem: AI interactions should speak the users' language, with words, phrases, and concepts familiar to the user, rather than system-oriented terms.</p>
<ul>
<li>Example: A smart home AI uses natural language processing to understand and respond to colloquial commands like "make it a bit warmer" instead of requiring specific temperature inputs.</li>
</ul>
<h2 class="anchor anchorWithStickyNavbar_LWe7" id="3-user-control-and-freedom">3. User Control and Freedom<a class="hash-link" aria-label="Direct link to 3. User Control and Freedom" title="Direct link to 3. User Control and Freedom" href="https://golem-ai.netlify.app/blog/2023/05/11/nn/nn-group-heuristics-golem#3-user-control-and-freedom">​</a></h2>
<p>In Golem: Users often choose system functions by mistake and will need a clearly marked "emergency exit" to leave the unwanted state without having to go through an extended dialogue.</p>
<ul>
<li>Example: An AI-powered email system allows easy undoing of automated email categorization or scheduling actions.</li>
</ul>
<h2 class="anchor anchorWithStickyNavbar_LWe7" id="4-consistency-and-standards">4. Consistency and Standards<a class="hash-link" aria-label="Direct link to 4. Consistency and Standards" title="Direct link to 4. Consistency and Standards" href="https://golem-ai.netlify.app/blog/2023/05/11/nn/nn-group-heuristics-golem#4-consistency-and-standards">​</a></h2>
<p>In Golem: AI components should follow platform conventions and maintain consistency across different applications and devices.</p>
<ul>
<li>Example: Gesture controls for AI interfaces remain consistent across different smart devices in a household.</li>
</ul>
<h2 class="anchor anchorWithStickyNavbar_LWe7" id="5-error-prevention">5. Error Prevention<a class="hash-link" aria-label="Direct link to 5. Error Prevention" title="Direct link to 5. Error Prevention" href="https://golem-ai.netlify.app/blog/2023/05/11/nn/nn-group-heuristics-golem#5-error-prevention">​</a></h2>
<p>In Golem: Even better than good error messages is a careful design which prevents a problem from occurring in the first place. Eliminate error-prone conditions or check for them and present users with a confirmation option before they commit to the action.</p>
<ul>
<li>Example: An AI writing assistant warns users before sending emails with potential sensitive content or missing attachments.</li>
</ul>
<h2 class="anchor anchorWithStickyNavbar_LWe7" id="6-recognition-rather-than-recall">6. Recognition Rather Than Recall<a class="hash-link" aria-label="Direct link to 6. Recognition Rather Than Recall" title="Direct link to 6. Recognition Rather Than Recall" href="https://golem-ai.netlify.app/blog/2023/05/11/nn/nn-group-heuristics-golem#6-recognition-rather-than-recall">​</a></h2>
<p>In Golem: Minimize the user's memory load by making objects, actions, and options visible. The user should not have to remember information from one part of the dialogue to another.</p>
<ul>
<li>Example: An AI shopping assistant remembers and suggests previously bought items or frequently searched categories.</li>
</ul>
<h2 class="anchor anchorWithStickyNavbar_LWe7" id="7-flexibility-and-efficiency-of-use">7. Flexibility and Efficiency of Use<a class="hash-link" aria-label="Direct link to 7. Flexibility and Efficiency of Use" title="Direct link to 7. Flexibility and Efficiency of Use" href="https://golem-ai.netlify.app/blog/2023/05/11/nn/nn-group-heuristics-golem#7-flexibility-and-efficiency-of-use">​</a></h2>
<p>In Golem: Accelerators – unseen by the novice user – may often speed up the interaction for the expert user such that the system can cater to both inexperienced and experienced users.</p>
<ul>
<li>Example: A smart calendar AI learns user preferences over time, offering increasingly personalized scheduling suggestions.</li>
</ul>
<h2 class="anchor anchorWithStickyNavbar_LWe7" id="8-aesthetic-and-minimalist-design">8. Aesthetic and Minimalist Design<a class="hash-link" aria-label="Direct link to 8. Aesthetic and Minimalist Design" title="Direct link to 8. Aesthetic and Minimalist Design" href="https://golem-ai.netlify.app/blog/2023/05/11/nn/nn-group-heuristics-golem#8-aesthetic-and-minimalist-design">​</a></h2>
<p>In Golem: Dialogues should not contain information which is irrelevant or rarely needed. Every extra unit of information in a dialogue competes with the relevant units of information and diminishes their relative visibility.</p>
<ul>
<li>Example: A virtual assistant provides concise, relevant responses, with an option to request more detailed information if needed.</li>
</ul>
<h2 class="anchor anchorWithStickyNavbar_LWe7" id="9-help-users-recognize-diagnose-and-recover-from-errors">9. Help Users Recognize, Diagnose, and Recover from Errors<a class="hash-link" aria-label="Direct link to 9. Help Users Recognize, Diagnose, and Recover from Errors" title="Direct link to 9. Help Users Recognize, Diagnose, and Recover from Errors" href="https://golem-ai.netlify.app/blog/2023/05/11/nn/nn-group-heuristics-golem#9-help-users-recognize-diagnose-and-recover-from-errors">​</a></h2>
<p>In Golem: Error messages should be expressed in plain language (no codes), precisely indicate the problem, and constructively suggest a solution.</p>
<ul>
<li>Example: When an AI-powered smart car system detects a potential issue, it provides a clear explanation and suggests next steps, such as "Low tire pressure detected in front left tire. Would you like directions to the nearest service station?"</li>
</ul>
<h2 class="anchor anchorWithStickyNavbar_LWe7" id="10-help-and-documentation">10. Help and Documentation<a class="hash-link" aria-label="Direct link to 10. Help and Documentation" title="Direct link to 10. Help and Documentation" href="https://golem-ai.netlify.app/blog/2023/05/11/nn/nn-group-heuristics-golem#10-help-and-documentation">​</a></h2>
<p>In Golem: Even though it is better if the system can be used without documentation, it may be necessary to provide help and documentation. Any such information should be easy to search, focused on the user's task, list concrete steps to be carried out, and not be too large.</p>
<ul>
<li>Example: An AI chatbot is always available to provide context-sensitive help, explaining features and guiding users through complex tasks step-by-step.</li>
</ul>
<p>By integrating these heuristics into the Golem design system, we aim to create embedded AI experiences that are not only powerful and ethical but also intuitive and user-friendly. As we continue to refine Golem, these principles will serve as a valuable checklist, ensuring that our AI interactions consistently prioritize usability and user satisfaction.</p>
<p>In our next post, we'll explore real-world case studies of how these heuristics have been successfully implemented in Golem-based AI systems. Stay tuned!</p>]]></content:encoded>
        </item>
    </channel>
</rss>