Owl Listener
- 272 skills
- 0 followers
- 1.7k repo stars
- 2 weeks ago last updated
- ▌ Navigation Patterns · owl-listenerSelect and design navigation patterns that match product structure, user tasks, and platform conventions.
- ▌ Prototype Strategy · owl-listenerChoose the right prototyping fidelity and method for the design question.
- ▌ Design System Governance · owl-listenerDefine the processes, roles, and decision frameworks that keep a design system healthy and evolving without fragmentation.
- ▌ Design System Adoption · owl-listenerCreate adoption strategies and materials to drive design system usage across teams.
- ▌ Animation Principles · owl-listenerApply animation principles to UI motion for purposeful, polished interactions.
- ▌ Interfaces That Feel · owl-listenerEvaluate UI designs through an emotional resonance lens, identifying what's missing and prescribing specific changes at the copy, motion, and interaction layer.
- ▌ Heuristic Evaluation · owl-listenerConduct expert heuristic evaluations of digital interfaces using Nielsen's 10 usability heuristics and domain-specific criteria.
- ▌ Micro Interaction Spec · owl-listenerSpecify micro-interactions using a structured framework covering trigger, rules, feedback, and loops/modes.
- ▌ Critique Visual Hierarchy · owl-listenerAnalyze a screen's visual hierarchy by evaluating entry point, eye flow, weight distribution, and emphasis, then provide actionable fixes.
- ▌ Critique Brand Consistency · owl-listenerCheck a screen's brand expression by comparing it against mood, voice, and design token reference files, flagging divergences and suggesting corrections.
- ▌ Accessibility Test Plan · owl-listenerCreate comprehensive accessibility testing plans covering automated tools, manual testing, assistive technologies, and WCAG criteria.
- ▌ Critique Information Density · owl-listenerEvaluate a screen's information density by analyzing cognitive load, content prioritization, scanning patterns, and progressive disclosure, with actionable fixes for each dimension.
- ▌ Team Workflow · owl-listenerDesigns efficient design team workflows covering task management, collaboration rituals, communication norms, tooling, and design-development collaboration.
- ▌ Dark Mode Design · owl-listenerDesign comfortable, accessible dark mode interfaces with proper color adaptation, contrast, and surface hierarchy.
- ▌ Law Of Proximity · owl-listenerApply the Law of Proximity to group related elements through spatial relationships in UI layouts.
- ▌ Readable Measure · owl-listenerSet optimal line lengths for readability across typography scales and responsive layouts.
- ▌ Typography Scale · owl-listenerCreates modular typography scales with size, weight, and line-height relationships for consistent digital interfaces.
- ▌ Visual Hierarchy · owl-listenerEstablish clear visual hierarchy through size, weight, color, spacing, and positioning to guide users through interfaces.
- ▌ Experience Map · owl-listenerCreate a holistic experience map showing the full ecosystem of user touchpoints, channels, and relationships across the customer journey.
- ▌ Empathy Map · owl-listenerSynthesize user research into a 4-quadrant empathy map (Says, Thinks, Does, Feels) to capture and share user understanding across a team.
- ▌ Journey Map · owl-listenerCreates a comprehensive end-to-end user journey map with stages, touchpoints, emotions, pain points, and opportunity areas for product design and UX analysis.
- ▌ Design Token · owl-listenerDefine and organize design tokens for color, spacing, typography, elevation, and motion with naming conventions and usage guidance.
- ▌ Case Study · owl-listenerCraft portfolio-ready case studies that tell the story of a design project, demonstrating process, thinking, and impact.
- ▌ UX Writing · owl-listenerWrite clear, helpful UI copy including microcopy, error messages, empty states, and CTAs that guide users and reinforce product voice.
- ▌ Responsive Design · owl-listenerDesign adaptive layouts and interactions that work across all screen sizes and input methods.
- ▌ Business Design · owl-listenerTranslate design decisions into business value by reading financials, mapping competitive landscapes, and defending design work in ROI terms.
- ▌ Design Debt Audit · owl-listenerIdentify, categorize, and prioritize accumulated design inconsistencies and structural problems across a product.
- ▌ User Persona · owl-listenerCreate refined user personas from research data with demographics, goals, frustrations, and behavioral patterns for product and UX design decisions.
- ▌ Motion System · owl-listenerDefine a motion system with duration tokens, easing vocabulary, and reduced-motion handling for consistent animation across a product.
- ▌ Fitts Law · owl-listenerApply Fitts's Law to size and position interactive targets for fast, accurate interaction.
- ▌ Hicks Law · owl-listenerReduce decision time and cognitive burden by limiting the number and complexity of simultaneous choices in user interfaces.
- ▌ Search UX · owl-listenerDesign search experiences that help users find what they need, recover from failure, and refine results.
- ▌ Data Visualization · owl-listenerDesign clear, accessible data visualizations with appropriate chart selection and styling.
- ▌ Illustration Style · owl-listenerDefine an illustration style guide with visual language, color usage, and application rules.
- ▌ Content Strategy · owl-listenerPlan and govern product content: audit existing material, define content models, establish voice and tone, and set ownership workflows.
- ▌ Design Sprint Plan · owl-listenerPlan and facilitate design sprints from challenge framing through prototype testing, using a structured 5-day process with variations for mini, remote, and discovery sprints.
- ▌ Survey Design · owl-listenerDesign surveys that collect reliable, unbiased quantitative data to validate hypotheses and measure user attitudes at scale.
- ▌ Component Spec · owl-listenerCreates detailed component specifications for design systems, covering anatomy, variants, states, accessibility, and usage guidelines.
- ▌ Theming System · owl-listenerDesign a theming architecture that supports brand variants, dark mode, and high-contrast modes with token mapping.
- ▌ Aesthetic Usability · owl-listenerApply the Aesthetic-Usability Effect to ensure visual consistency and polish translate into user trust and perceived quality without masking genuine usability problems.
- ▌ Von Restorff Effect · owl-listenerApply the Von Restorff Effect to make the most important element visually distinct from its surroundings, improving attention and recall.
- ▌ Design Principles · owl-listenerDefine a set of actionable design principles that guide decision-making and resolve trade-offs.
- ▌ North Star Vision · owl-listenerArticulate a compelling north-star product vision that aligns teams and guides strategic design decisions.
- ▌ Service Blueprint · owl-listenerMap the end-to-end service delivery system including frontstage actions, backstage processes, and supporting infrastructure.
- ▌ Design QA Checklist · owl-listenerCreate systematic QA checklists to verify that design implementations match specifications across visual accuracy, layout, interaction, content, accessibility, and cross-platform categories.
- ▌ Pattern Library · owl-listenerStructure a pattern library entry with problem context, solution pattern, usage examples, and related patterns.
- ▌ Form Design · owl-listenerDesign forms that minimize friction, prevent errors, and guide users to successful completion.
- ▌ Millers Law · owl-listenerApply Miller's Law and chunking strategies to group information into meaningful units, making interfaces easier to scan, understand, and recall.
- ▌ Law Of Common Region · owl-listenerGroup interface elements using containers, backgrounds, and boundaries based on the Gestalt Law of Common Region.
- ▌ Metrics Definition · owl-listenerDefine UX metrics and KPIs that connect design decisions to measurable business and user outcomes.
- ▌ Critique Color · owl-listenerAudits colour decisions on a screen for contrast ratios, palette coherence, semantic meaning, and accessibility, flagging deviations and recommending specific corrections.
- ▌ Jobs To Be Done · owl-listenerMap user Jobs-to-Be-Done with functional, emotional, and social dimensions plus outcome expectations to reframe product decisions around user motivations.
- ▌ Design Review Process · owl-listenerEstablish design review gates with criteria, checklists, and approval workflows to maintain design quality.
- ▌ Affinity Diagram · owl-listenerOrganize qualitative research data into an affinity diagram with themes, clusters, and insight statements.
- ▌ Diary Study Plan · owl-listenerDesign a diary study plan with prompts, duration, participant criteria, and analysis framework to understand user behavior over time in natural contexts.
- ▌ Interview Script · owl-listenerCreate structured user interview scripts with warm-up, core exploration, and wrap-up sections for qualitative research.
- ▌ Naming Convention · owl-listenerEstablish clear naming conventions for design assets, components, and tokens to make design systems predictable and maintainable.
- ▌ State Machine · owl-listenerModel complex UI behavior as finite state machines with states, events, and transitions to eliminate impossible states and make behavior predictable.
- ▌ Competitive Analysis · owl-listenerConduct a structured competitive analysis comparing UX patterns, features, strengths, and gaps across rival products.
- ▌ Design Rationale · owl-listenerWrite clear design rationale that connects decisions to user needs, business goals, and principles.
- ▌ Loading States · owl-listenerDesign loading, skeleton, and progressive content reveal patterns that maintain user confidence and perceived performance.
- ▌ Test Scenario · owl-listenerGenerates structured usability test scenarios with realistic tasks, success criteria, and facilitation notes — ready to run with real participants or in a moderated session.
- ▌ Opportunity Framework · owl-listenerIdentify, evaluate, and prioritize design opportunities using impact-effort frameworks and strategic criteria.
- ▌ Stakeholder Alignment · owl-listenerCreate stakeholder alignment artifacts including responsibility matrices, decision frameworks, and communication plans.
- ▌ Design Impact Reporting · owl-listenerBuild evidence and narratives that connect design decisions to measurable user, product, and business outcomes.
- ▌ Layout Grid · owl-listenerDefine responsive layout grid systems with columns, gutters, margins, and breakpoint behavior.
- ▌ Color System · owl-listenerBuild a comprehensive color system with palette generation, semantic mapping, and accessibility compliance.
- ▌ Handoff Spec · owl-listenerCreate developer handoff specifications with measurements, behaviors, assets, and edge cases.
- ▌ Spacing System · owl-listenerCreate a consistent spacing system based on a base unit with contextual application rules for harmonious interfaces.
- ▌ Design Brief · owl-listenerCreates a structured design brief covering project overview, problem statement, target audience, goals, scope, context, deliverables, and timeline.
- ▌ Design Critique · owl-listenerFacilitate structured design critiques with clear feedback frameworks and actionable outcomes.
- ▌ Icon System · owl-listenerCreate an icon system specification covering grid, sizing, naming, categories, and implementation guidance.