vivo Internet User Experience Design Team — Designing for a Better Future
This article details the systematic redesign of Vivo's game center welfare tab, covering project background, design goals, step‑by‑step framework creation, visual styling, animation, holiday themes, membership coupon and mall modules, and the evaluation that proved increased user activity and satisfaction.
This article outlines a comprehensive experience walkthrough process for designers, covering its origins, a six‑step execution workflow, practical methods for uncovering usability issues, severity assessment, and follow‑up strategies to improve product experience across diverse user groups.
This article explains what process design is, why it matters for user experience, and provides a step‑by‑step framework—including goal setting, stage splitting, core path identification, touchpoint analysis, and practical tips—to help designers create efficient, conversion‑focused workflows.
This article introduces Jakob Nielsen’s ten usability heuristics, explains their significance for product design, and illustrates each principle with real-world examples from apps like iOS Weather, Vivo’s XFlip, and Xiaohongshu, offering practical guidance for creating intuitive, efficient, and user‑friendly experiences.
This article explains the core Gestalt principles—simplicity, proximity, similarity, continuity, closure, figure‑ground, and common fate—and the five interaction‑design laws (Occam's razor, Miller's law, the 400 ms response threshold, Jakob Nielsen's law, and the "save effort" principle), showing how they can be applied to create clearer, more efficient, and more engaging interfaces.
This article explains the principles, types, properties, usage scenarios, and design details of common mobile selection and input controls—such as switches, radio buttons, checkboxes, sliders, text fields, steppers, and voice input—to help designers create efficient, intuitive, and elegant user experiences.
This article explains what interactive animations are, why they are essential for smooth user experiences, and outlines a complete workflow—including evaluation, design principles, timing, curves, and documentation—to help designers create consistent, comfortable, and efficient motion effects.
This guide explains why form design matters, categorizes different form types, details essential components such as labels, input fields, validation, required indicators, help hints and buttons, and offers concrete strategies—like step‑by‑step layouts, choice‑driven inputs, clear visual flow, and contextual error feedback—to create efficient, user‑friendly forms.
This article explains what onboarding (new‑user guide) design is, when it should be applied, its business value, and details nine common design patterns—such as splash pages, animated guides, overlay masks, step‑by‑step flows, tutorial, pop‑ups, bubbles, summon guides, and preset tasks—plus practical advice on selecting the right pattern for different user scenarios.
This article explains what the iOS Human Interface Guidelines and Google Material Design are, why they are essential for designers, and provides a practical roadmap for studying their design philosophy, basic rules, and component libraries across mobile platforms.
