BestHub
Sign in
Tagged articles
80 articles
Page 1 of 1
HomeTech
HomeTech
Sep 19, 2025 · Mobile Development

Mastering Foldable Screen Adaptation: Essential Strategies for Mobile Apps

This article explains why foldable screen adaptation has become a critical requirement for internet applications, outlines the various screen states and their characteristics, identifies three core technical challenges—including screen‑width calibration, split‑screen handling, and landscape support—and provides practical solutions and best‑practice principles to help developers deliver consistent, high‑quality experiences across diverse foldable devices.

Mobile UIandroid adaptationdevice compatibility
0 likes · 18 min read
Mastering Foldable Screen Adaptation: Essential Strategies for Mobile Apps
Sohu Tech Products
Sohu Tech Products
Sep 17, 2025 · Mobile Development

How to Supercharge Dual‑State Lottie Animations on iOS: A 3‑Step Performance Boost

This article walks through the performance bottlenecks of using Lottie for dual‑state animations in mobile apps and presents a three‑stage progressive optimization—basic synchronous implementation, asynchronous loading with caching, and a state‑machine‑based pending mechanism—complete with Swift code samples, diagrams, and benchmark results.

Asynchronous LoadingLottieMobile UI
0 likes · 13 min read
How to Supercharge Dual‑State Lottie Animations on iOS: A 3‑Step Performance Boost
IT Services Circle
IT Services Circle
Jun 12, 2025 · Mobile Development

What’s New in iOS 26? Apple’s Biggest UI Overhaul and AI Features Unveiled at WWDC 2025

Apple’s WWDC 2025 revealed iOS 26 (formerly iOS 19) with a sweeping “Liquid Glass” UI redesign, AI‑powered photo tools, a dynamic lock‑screen clock, revamped camera and gallery, plus a new Foundation Models Framework for on‑device AI, while iPadOS gains multi‑window and file‑management features.

AI integrationApple WWDC 2025Liquid Glass
0 likes · 7 min read
What’s New in iOS 26? Apple’s Biggest UI Overhaul and AI Features Unveiled at WWDC 2025
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Dec 16, 2024 · Mobile Development

Implementing Custom Text Overflow with Highlight Support in ExtendedText for Flutter and HarmonyOS

This article explains how the ExtendedText component adds custom text‑overflow effects, including start, middle, end and auto modes, supports highlighted keywords with keep‑visible spans, and improves performance by replacing binary search with range estimation across Flutter, Android, iOS, Web and HarmonyOS platforms.

Custom Text OverflowExtendedTextFlutter
0 likes · 13 min read
Implementing Custom Text Overflow with Highlight Support in ExtendedText for Flutter and HarmonyOS
Beijing SF i-TECH City Technology Team
Beijing SF i-TECH City Technology Team
Nov 29, 2024 · Mobile Development

SF Design Mobile: Design System, Token Integration, and Component Library Overview

The article outlines the background, goals, construction process, and comprehensive showcase of SF Design Mobile, a cross‑platform component library built by SF Technology, emphasizing design principles, the integration of Design Tokens, component categories, public platform, application examples, current usage, feedback, and future plans.

Component LibraryMobile UIdesign system
0 likes · 8 min read
SF Design Mobile: Design System, Token Integration, and Component Library Overview
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Sep 8, 2024 · Mobile Development

Understanding System Keyboard Height and Custom Keyboard Integration in Flutter

This article explains how to obtain system keyboard dimensions using Flutter's window properties, differentiates viewInsets, viewPadding, and padding, demonstrates debugging techniques, and provides a comprehensive guide to designing, installing, and using custom keyboards with components such as SystemKeyboard, KeyboardBuilder, and TextInputScope.

FlutterKeyboardMobile UI
0 likes · 19 min read
Understanding System Keyboard Height and Custom Keyboard Integration in Flutter
We-Design
We-Design
Apr 17, 2024 · Mobile Development

Mastering Wear OS App Design: Key Principles and Best Practices

This guide explores essential Wear OS design principles—adhering to Material Design, focusing on key tasks, leveraging device collaboration, supporting offline use—while detailing gestures, visual styling, core components, watch faces, complications, tiles, ongoing activities, and ambient mode to help developers create efficient, user‑friendly smartwatch experiences.

Design GuidelinesMaterial DesignMobile UI
0 likes · 23 min read
Mastering Wear OS App Design: Key Principles and Best Practices
Zhixing ZXD Design Center
Zhixing ZXD Design Center
Dec 4, 2023 · Product Management

How Travel Apps Boost User Experience: 4 Real‑World Design Case Studies

This article examines four practical design cases—Amap’s traffic‑light countdown, Google Maps’ concise route display, Amap’s group‑share feature, and Didi’s friend‑travel function—showing how travel apps enhance transparency, convenience, and comfort for users through thoughtful UI and interaction design.

Case StudyMobile UIProduct Design
0 likes · 4 min read
How Travel Apps Boost User Experience: 4 Real‑World Design Case Studies
VMIC UED
VMIC UED
Nov 27, 2023 · Product Management

How a Data‑Driven 9.0 Redesign Transformed the Vivo App Store Experience

This case study details the challenges, design goals, framework and information optimizations, and brand‑image overhaul that drove the 9.0 redesign of the Vivo app store, showing how scientific measurement and user‑centred design boosted attractiveness, novelty, simplicity, consistency and key business metrics.

Mobile UIProduct DesignUser experience
0 likes · 18 min read
How a Data‑Driven 9.0 Redesign Transformed the Vivo App Store Experience
Sohu Tech Products
Sohu Tech Products
Aug 9, 2023 · Mobile Development

Jetpack Compose Layout Optimization Best Practices

The article outlines six Jetpack Compose layout‑optimization best practices—using remember to cache calculations, supplying unique keys in Lazy layouts, applying derivedStateOf to throttle recomposition, skipping unnecessary composition/layout phases, avoiding backward state writes, and enabling release‑mode R8 profiling—to dramatically reduce redundant recompositions and improve UI performance.

Android DevelopmentJetpack ComposeLazyColumn
0 likes · 11 min read
Jetpack Compose Layout Optimization Best Practices
Kuaishou E-commerce Frontend Team
Kuaishou E-commerce Frontend Team
Jul 3, 2023 · Mobile Development

How to Handle Soft Keyboard Overlap in iOS, Android, and React Native

This article examines the differing behaviors of soft keyboards on iOS and Android in both H5 and React Native environments, identifies the challenges they cause for popup and textarea components, and presents cross‑platform solutions using KeyboardAvoidingView, resize listeners, and RN keyboard events to ensure input fields remain visible.

AndroidMobile UIReact Native
0 likes · 7 min read
How to Handle Soft Keyboard Overlap in iOS, Android, and React Native
58UXD
58UXD
Apr 19, 2023 · Product Management

Infusing Nostalgia into B2B Mobile Apps: The Electronic Work Card Case Study

This article explores how a B‑to‑B mobile platform transformed its electronic work card by applying the familiarity principle and emotional design, balancing low‑cost implementation with high user perception through visual similarity, interactive gestures, and efficiency‑focused features that enhance both sentiment and productivity.

B2B designMobile UIUser experience
0 likes · 8 min read
Infusing Nostalgia into B2B Mobile Apps: The Electronic Work Card Case Study
VMIC UED
VMIC UED
Mar 30, 2023 · Mobile Development

Master Mobile UI: Choosing the Right Selection and Input Controls

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.

Design GuidelinesMobile UIUX
0 likes · 13 min read
Master Mobile UI: Choosing the Right Selection and Input Controls
DeWu Technology
DeWu Technology
Dec 26, 2022 · Mobile Development

Simplifying Multi‑Variable UI Logic with Karnaugh Maps in Mobile Development

The article shows how Karnaugh maps can turn scattered, multi‑variable UI conditionals in mobile apps into concise Boolean expressions by representing each UI state with booleans, drawing a Gray‑code grid, grouping adjacent minterms, and thus simplifying maintenance while noting the method’s limit to four variables.

Karnaugh MapLogic SimplificationMobile UI
0 likes · 21 min read
Simplifying Multi‑Variable UI Logic with Karnaugh Maps in Mobile Development
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Nov 22, 2022 · Mobile Development

Improving Empty Page User Experience in Mobile Applications

This article explains how to enhance the user experience of empty pages in mobile apps by using informative animations, relevant content suggestions, clear call‑to‑action prompts, and reload mechanisms, illustrated with Flutter code examples and Lottie animations for various no‑data scenarios.

Empty StateError HandlingFlutter
0 likes · 8 min read
Improving Empty Page User Experience in Mobile Applications
Alibaba Terminal Technology
Alibaba Terminal Technology
Nov 11, 2022 · Mobile Development

How GaiaX Powers High‑Performance Cross‑Platform UI Rendering on Mobile

This article explains GaiaX, Alibaba's cross‑platform template engine, detailing its core concepts, DSL structure, three‑layer architecture, Rust‑based Stretch layout engine, rendering pipeline, and optimization techniques such as node‑tree calculation, view‑hierarchy merging, and text auto‑fit for Android and iOS.

GaiaXMobile UIRendering
0 likes · 17 min read
How GaiaX Powers High‑Performance Cross‑Platform UI Rendering on Mobile
Zhaori User Experience
Zhaori User Experience
Oct 21, 2022 · Mobile Development

Unlocking Foldable Phone UX: Design Strategies, Challenges & Opportunities

This article explores the current market of foldable smartphones, classifies their folding mechanisms, examines user‑experience postures and scenarios, and provides practical UX design guidelines—including readability, accessibility, continuity, and layout techniques—to help designers create effective foldable‑screen applications.

AndroidMobile UIUX design
0 likes · 17 min read
Unlocking Foldable Phone UX: Design Strategies, Challenges & Opportunities
php Courses
php Courses
Oct 19, 2022 · Frontend Development

17 Practical Vue3 UI Component Libraries (Web and Mobile)

This article introduces seventeen useful Vue3 UI component libraries—covering both web and mobile solutions—detailing each library's main features, design philosophy, and official website links to help developers quickly choose suitable components for their projects.

Component ecosystemMobile UIUI Component Library
0 likes · 11 min read
17 Practical Vue3 UI Component Libraries (Web and Mobile)
Zhaori User Experience
Zhaori User Experience
Sep 23, 2022 · Mobile Development

What Makes CMB’s Mobile Banking App Design So Engaging? A Deep Dive

This article analyzes the design secrets of the China Merchants Bank mobile app, covering its homepage structure, banner strategies, icon styles, card layouts, color choices, navigation tricks, and startup page symbolism to illustrate how thoughtful UI enhances user experience in mobile banking.

Mobile UIUser experienceapp design
0 likes · 10 min read
What Makes CMB’s Mobile Banking App Design So Engaging? A Deep Dive
Alipay Experience Technology
Alipay Experience Technology
Sep 8, 2022 · Frontend Development

How Cube’s Inline Text Engine Boosts Mobile UI Performance and CSS Fidelity

Cube’s Inline Text technology, introduced to meet dynamic packaging demands on iOS and Android, replaces platform‑level text objects with a custom layout and rendering pipeline, enabling Web‑compatible CSS features, reduced package size, faster layout performance, and richer text styling for lightweight mini‑programs.

CSSCube EngineInline Text
0 likes · 17 min read
How Cube’s Inline Text Engine Boosts Mobile UI Performance and CSS Fidelity
Snowball Engineer Team
Snowball Engineer Team
Aug 25, 2022 · Frontend Development

Optimizing Text Justification and Hyphenation for Mixed English-Chinese Content in Mobile Apps

This article details a technical solution for balancing visual aesthetics and readability in mobile app text rendering, specifically addressing challenges of two-column justification with long English words and numbers by implementing manual hyphenation strategies.

CSS hyphenationChinese-English mixed contentFrontend Optimization
0 likes · 10 min read
Optimizing Text Justification and Hyphenation for Mixed English-Chinese Content in Mobile Apps
DaTaobao Tech
DaTaobao Tech
Aug 22, 2022 · Mobile Development

Improving Image Cropping Interaction on the Result Page

The article details how the “Paizhi Tao” result page’s cropping feature was plagued by hidden frames and poor small‑object handling, and explains a redesign that adds a full‑size preview, touch‑separated logic, proportional scaling, move and zoom, resulting in more accurate searches and verified performance gains in version 10.15.0.

Image CroppingKotlinMobile UI
0 likes · 7 min read
Improving Image Cropping Interaction on the Result Page
Xianyu Technology
Xianyu Technology
Jun 15, 2022 · Mobile Development

Implementing Magnifier Mode and Reverse Selection in Flutter TextField

The article details how to add a native‑style magnifier loupe and support reverse text selection to Flutter’s TextField by using CompositedTransformTarget/Follower overlays with BackdropFilter rendering, extending TextSelectionOverlay and gesture builders, tracking drag state, and swapping selection offsets when handles cross.

FlutterMagnifierMobile UI
0 likes · 11 min read
Implementing Magnifier Mode and Reverse Selection in Flutter TextField
Alibaba Terminal Technology
Alibaba Terminal Technology
May 31, 2022 · Mobile Development

How DX Achieves Near‑Native Performance: Pipeline Async, Async Rendering, and Resource Control

This article details how Alibaba’s DX (DinamicX) framework attains near‑native performance through server‑side XML compilation, lightweight virtual trees, pipeline asynchronous execution, async drawing, and off‑screen resource control, and presents measurable gains such as 40% reduction in main‑thread work and 65% CPU savings on media‑heavy pages.

Async RenderingDXMobile UI
0 likes · 18 min read
How DX Achieves Near‑Native Performance: Pipeline Async, Async Rendering, and Resource Control
Yiche Technology
Yiche Technology
May 19, 2022 · Mobile Development

Implementing a Custom Two-Way Switch with Ripple Animation in Android

This article explains how to create a custom Android view that functions as a two‑way vertical switch with top‑bottom activation, indicator dots, ripple effects, dynamic text and color changes, and provides the full implementation steps from drawing to touch handling and external control.

AndroidCustom ViewMobile UI
0 likes · 6 min read
Implementing a Custom Two-Way Switch with Ripple Animation in Android
Alibaba Terminal Technology
Alibaba Terminal Technology
Apr 18, 2022 · Mobile Development

How Cube Achieved High‑Performance Cross‑Platform Rendering with Asynchronous Bitmap Rendering

This article explains Cube's evolution from early native rendering challenges to a sophisticated asynchronous, cross‑platform rendering architecture that uses bitmap caching, platform‑specific layers, and a multi‑stage optimization process to boost mobile UI performance on both Android and iOS.

AndroidCube frameworkMobile UI
0 likes · 15 min read
How Cube Achieved High‑Performance Cross‑Platform Rendering with Asynchronous Bitmap Rendering
政采云技术
政采云技术
Apr 8, 2022 · Mobile Development

Dynamic Iconfont Loading in Flutter: Update Icons Without Re‑Release

This guide explains how to implement a Flutter solution that dynamically loads and updates iconfont TTF files at runtime, covering the FontLoader API, remote font fetching, name‑to‑Unicode mapping, and a FutureBuilder‑based extension that refreshes icons without requiring a new app release.

DARTDynamic LoadingFlutter
0 likes · 11 min read
Dynamic Iconfont Loading in Flutter: Update Icons Without Re‑Release
Taobao Design
Taobao Design
Mar 28, 2022 · User Experience Design

How to Craft Engaging Interaction Animations for Large‑Screen Phones

This article explains why interaction animation is crucial for large‑screen mobile UX, outlines ten animation design principles, showcases common animation patterns such as progressive, scaling, overlay, transition, loading, and guide effects, and recommends tools like Bézier‑based editors and Principle for creating polished motion designs.

Interaction DesignMobile UIanimation
0 likes · 9 min read
How to Craft Engaging Interaction Animations for Large‑Screen Phones
Baidu MEUX
Baidu MEUX
Mar 25, 2022 · Mobile Development

Designing Elder-Friendly Mobile Apps: Research‑Backed Typography Standards

This article presents a comprehensive study on how to create senior‑friendly mobile app text layouts by defining ideal font sizes, line heights, and weight combinations through user research, eye‑tracking experiments, and a systematic evaluation framework.

Mobile UITypographyUser Research
0 likes · 9 min read
Designing Elder-Friendly Mobile Apps: Research‑Backed Typography Standards
Aotu Lab
Aotu Lab
Mar 10, 2022 · Frontend Development

Build Engaging Mobile Lottery Games with NutUI‑Bingo Vue Component Library

This guide introduces NutUI‑Bingo, a Vue 3‑based mobile component library for lottery and mini‑game scenarios, covering its background, design, installation, core components, usage examples, and future roadmap with technical details and code snippets.

Component LibraryLotteryMobile UI
0 likes · 7 min read
Build Engaging Mobile Lottery Games with NutUI‑Bingo Vue Component Library
VMIC UED
VMIC UED
Mar 9, 2022 · Mobile Development

How Vivo’s Official App Redesign Achieved a Simpler, More Consistent Home Page

This article examines the challenges of the original Vivo official app home page—messy containers, redundant and incomplete information—and explains how a user‑centric, business‑driven “simplicity” strategy led to a redesign with three container types, refined visual rules, and a unified design system.

Mobile UIUser experienceVivo
0 likes · 10 min read
How Vivo’s Official App Redesign Achieved a Simpler, More Consistent Home Page
DaTaobao Tech
DaTaobao Tech
Feb 9, 2022 · User Experience Design

How Taobao Redefined Shopping for Seniors: The ‘Elder Mode’ Design Journey

Taobao’s senior‑friendly “Elder Mode” redesign tackles the challenges of an aging population by enlarging fonts, simplifying information, adding voice search, creating a walking‑based game, and implementing seamless version switching, all backed by extensive user research, technical solutions, and A/B experiments to improve the digital shopping experience for older users.

A/B testingMobile UIUser experience
0 likes · 21 min read
How Taobao Redefined Shopping for Seniors: The ‘Elder Mode’ Design Journey
Sohu Tech Products
Sohu Tech Products
Oct 14, 2021 · Mobile Development

Understanding the Physics and Interaction Mechanics of iOS UIScrollView

This article explores the underlying physics, mathematical models, and interaction details of iOS's UIScrollView, analyzing its partial‑display principle, deceleration behavior, bounce dynamics, parameter measurement methods, and practical applications in complex scrolling interfaces.

Mobile UIUIScrollViewanimation
0 likes · 19 min read
Understanding the Physics and Interaction Mechanics of iOS UIScrollView
ByteDance Dali Intelligent Technology Team
ByteDance Dali Intelligent Technology Team
Sep 8, 2021 · Mobile Development

Three‑State Drawer, Custom Navigation, and Common Pitfalls in Taro.js WeChat Mini‑Program Development

This article shares practical solutions and troubleshooting techniques for building WeChat mini‑programs with Taro.js, covering a three‑state draggable drawer, multi‑page swipe navigation, custom navigation bars, async cleanup, DOM timing, polyfill size, audio handling, scroll‑view quirks, canvas limitations, and image cropping methods.

DebuggingDrawerMobile UI
0 likes · 12 min read
Three‑State Drawer, Custom Navigation, and Common Pitfalls in Taro.js WeChat Mini‑Program Development
ByteDance ADFE Team
ByteDance ADFE Team
Jul 21, 2021 · Frontend Development

Introducing OKee Mobile: An Open‑Source Vue Mobile Component Library with Theming Capabilities

The article presents OKee Mobile, an open‑source Vue‑based mobile component library that offers 36 customizable components, a comprehensive design‑token system, compile‑time and runtime theming via Less variables, and detailed code examples for developers seeking a flexible UI solution for both ToC and ToB scenarios.

Component LibraryMobile UITheming
0 likes · 7 min read
Introducing OKee Mobile: An Open‑Source Vue Mobile Component Library with Theming Capabilities
网易UEDC
网易UEDC
Mar 5, 2021 · Product Management

Desktop vs Mobile UI: Key Design Differences and Their Impact

This article examines the fundamental design differences between desktop and mobile applications—including layout, information architecture, interaction patterns, and component variations—explaining why these distinctions exist and how they affect user experience and development costs.

Desktop UIInteraction DesignMobile UI
0 likes · 12 min read
Desktop vs Mobile UI: Key Design Differences and Their Impact
The Dominant Programmer
The Dominant Programmer
Nov 30, 2020 · Mobile Development

How to Implement Five Common Android Dialog Types

This tutorial walks through creating five typical Android dialogs—normal, list‑based, custom‑view, progress bar, and date picker—by adding buttons to a layout, writing click handlers, and using AlertDialog, ProgressDialog, and DatePickerDialog with complete code examples and screenshots.

AlertDialogAndroidCustomView
0 likes · 8 min read
How to Implement Five Common Android Dialog Types
NetEase Cloud Music Tech Team
NetEase Cloud Music Tech Team
Jul 21, 2020 · Mobile Development

Implementing Custom Pull-to-Refresh in React Native

This guide explains how to build a fully custom pull‑to‑refresh component in React Native by either handling gestures with a ScrollView and PanResponder to animate an indicator, or leveraging iOS’s native elastic bounce, outlining implementation details, limitations, and when to choose each approach.

Mobile UIPanResponderReact Native
0 likes · 14 min read
Implementing Custom Pull-to-Refresh in React Native
iQIYI Technical Product Team
iQIYI Technical Product Team
May 22, 2020 · Mobile Development

Building a Mobile Component Library: Practices and Lessons from iQIYI

iQIYI’s mobile component library was built by first auditing 400+ pages to define design specs and business needs, then creating reusable “block‑card” components with a scalable granularity, a backend management platform, and a Sketch plugin, achieving 43% page coverage, 40% workflow efficiency gain and 25% UI consistency improvement while maintaining design flexibility.

Component LibraryMobile UIbest practices
0 likes · 12 min read
Building a Mobile Component Library: Practices and Lessons from iQIYI
58 Tech
58 Tech
Apr 8, 2020 · Mobile Development

Dynamic UI Skinning (Gray‑White Mode) for Mobile Apps: Analysis, Evaluation and Implementation

This article analyses the differences between PC and mobile Internet, evaluates how major Chinese apps adapted their launch, splash and home screens to a gray‑white theme for the Qingming memorial day, and discusses various technical solutions such as theme switching, skin packages, server‑side control and local color manipulation for mobile UI dynamic theming.

AndroidDark ModeDynamic Theming
0 likes · 18 min read
Dynamic UI Skinning (Gray‑White Mode) for Mobile Apps: Analysis, Evaluation and Implementation
58 Tech
58 Tech
Mar 23, 2020 · Mobile Development

Dark Mode Adaptation Practices in the 58.com Mobile App

This article details the motivations, design goals, technical solutions for native iOS, React Native and Web pages, handling of large‑scale parallel development, compatibility strategies, performance measurements and future plans of the dark‑mode adaptation implemented in the 58.com mobile application.

AndroidDark ModeMobile UI
0 likes · 20 min read
Dark Mode Adaptation Practices in the 58.com Mobile App
FangDuoduo UEDC
FangDuoduo UEDC
Dec 2, 2019 · Mobile Development

Designing Mobile Apps for One‑Handed Use: Tips and Solutions

This article examines how increasing smartphone screen sizes affect one‑handed usability, presents the prevalence of right‑thumb usage, compares iOS and Android one‑handed modes, and offers design recommendations to improve layout and button placement for better single‑hand interaction.

AndroidMobile UIUsability
0 likes · 5 min read
Designing Mobile Apps for One‑Handed Use: Tips and Solutions
FangDuoduo UEDC
FangDuoduo UEDC
Oct 21, 2019 · Frontend Development

Mastering App Dividers: Full‑Width, Edge, and Floating Lines Explained

This article explores how subtle divider lines—full‑width, single‑edge, and floating—organize complex mobile app layouts, improve visual hierarchy, and enhance browsing efficiency, offering practical examples and guidelines for designers and developers.

Mobile UIUI designdivider lines
0 likes · 6 min read
Mastering App Dividers: Full‑Width, Edge, and Floating Lines Explained
Amap Tech
Amap Tech
Oct 16, 2019 · Mobile Development

Design and Implementation of a Flexible Theme Customization Solution for Car Navigation Applications

The article presents a flexible, Sketch‑driven theme‑customization workflow for car‑navigation apps in which UED designers create and upload resources to a cloud platform, Jenkins packages them into the APK, and real‑device previews verify the result, enabling developers‑free, low‑cost, rapid, and maintainable UI theming across multiple projects.

AndroidJenkinsMobile UI
0 likes · 11 min read
Design and Implementation of a Flexible Theme Customization Solution for Car Navigation Applications
Suning Design
Suning Design
May 23, 2019 · Product Management

Revamping a Corporate Chat App: Key Takeaways from Suning’s Bean Sprout Redesign

This article examines the challenges of evolving a corporate instant‑messaging product from its early stages to a sophisticated mobile version, using Suning’s Bean Sprout app as a case study to illustrate strategic mindset shifts, competitive analysis, visual redesign, icon simplification, color refinement, and user‑centered feature prioritization.

Competitive analysisMobile UIProduct Design
0 likes · 10 min read
Revamping a Corporate Chat App: Key Takeaways from Suning’s Bean Sprout Redesign
Xianyu Technology
Xianyu Technology
Sep 22, 2018 · Mobile Development

Insights from Google Developer Day 2018: Flutter Performance, Hybrid Hot Reload, and Ecosystem Trends

At Google Developer Day 2018 in Shanghai, the Xianyu team highlighted Flutter’s upcoming 1.0 release, hybrid hot‑reload challenges, native view embedding via platform_views.dart, and performance optimizations such as lighter layout calculations and Skia tweaks, noting rapid adoption by major Chinese firms and plans to open‑source their tools.

FlutterGoogle Developer DayHybrid Development
0 likes · 7 min read
Insights from Google Developer Day 2018: Flutter Performance, Hybrid Hot Reload, and Ecosystem Trends
Youzan Coder
Youzan Coder
Mar 21, 2018 · Frontend Development

Why Vant 1.0 Redefines Lightweight Mobile Vue Components

Vant 1.0, the open‑source mobile Vue component library maintained by Youzan, delivers ultra‑light components averaging 8.8KB, embraces a lightweight, fast‑iteration, and ecosystem‑centric philosophy, and showcases impressive community contributions and tooling support for modern front‑end development.

Component LibraryMobile UIVant
0 likes · 6 min read
Why Vant 1.0 Redefines Lightweight Mobile Vue Components
Suning Technology
Suning Technology
Feb 6, 2018 · Mobile Development

How Suning.com Revamped Its Mobile App Home Page for Better UX

This article details Suning.com’s comprehensive redesign of its mobile app home page, outlining the design goals, visual language updates, scene‑based categorization, iPhone X adaptation, modular layout, and interaction improvements aimed at boosting usability, conversion and brand immersion.

Mobile UIUser experienceapp redesign
0 likes · 8 min read
How Suning.com Revamped Its Mobile App Home Page for Better UX
BiCaiJia Technology Team
BiCaiJia Technology Team
Aug 13, 2017 · Frontend Development

What Makes Great UI Design for Games and Mobile Apps?

This article explains the fundamentals of UI design, covering its definition, key components, and the distinct approaches for game interfaces and mobile applications, highlighting how visual appeal and functional interaction together create effective user experiences.

Mobile UIUI designUser experience
0 likes · 4 min read
What Makes Great UI Design for Games and Mobile Apps?
网易UEDC
网易UEDC
Aug 1, 2017 · Mobile Development

15 Essential UI Details Every Mobile App Designer Shouldn’t Miss

This article outlines fifteen often‑overlooked UI design details—from consistent icon styles and balanced icon sizing to proper use of shadows, color palettes, typography hierarchy, and layout principles—providing mobile app designers with practical guidelines to create visually coherent, user‑friendly interfaces.

Mobile UIUXapp design
0 likes · 13 min read
15 Essential UI Details Every Mobile App Designer Shouldn’t Miss
Tencent TDS Service
Tencent TDS Service
Nov 4, 2016 · Frontend Development

Mastering WeChat Mini Programs: From Architecture to Real-World Development

This comprehensive guide explains what WeChat Mini Programs are, their underlying framework, supported components and APIs, development workflow, modular design patterns, differences from traditional H5 apps, debugging, building, publishing, and practical advantages and limitations for mobile front‑end developers.

JavaScriptMobile UITutorial
0 likes · 13 min read
Mastering WeChat Mini Programs: From Architecture to Real-World Development
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Jul 14, 2016 · Frontend Development

Master Mobile Line-List UI: Step‑by‑Step SCSS & HTML Guide

This tutorial walks through building a versatile mobile line‑list component with retina‑level 1px borders, full‑row click handling, arrow navigation, and selectable modes, providing complete HTML structures, SCSS snippets, and practical implementation tips for modern front‑end development.

Mobile UIline list
0 likes · 8 min read
Master Mobile Line-List UI: Step‑by‑Step SCSS & HTML Guide
Big Data and Microservices
Big Data and Microservices
Apr 5, 2016 · Industry Insights

What Makes Mobile Data Charts Effective? Lessons from Top Apps

This article analyzes how finance, health, and business mobile apps adapt classic chart types for limited screen space, highlighting design choices such as color usage, compact layouts, and interactive filters that improve readability and user decision‑making.

Data visualizationMobile UIUser experience
0 likes · 12 min read
What Makes Mobile Data Charts Effective? Lessons from Top Apps
ITPUB
ITPUB
Dec 28, 2015 · Frontend Development

How to Compute and Draw the One‑Click “Dismiss” Effect with Bezier Curves

This tutorial explains the geometric derivation and step‑by‑step algorithm for calculating the tangent points of two circles of different radii and using them to construct quadratic Bézier curves that create the popular one‑click dismiss animation on mobile interfaces.

Bezier CurveGeometryMobile UI
0 likes · 9 min read
How to Compute and Draw the One‑Click “Dismiss” Effect with Bezier Curves
21CTO
21CTO
Dec 15, 2015 · Mobile Development

How Weex Enables Lightweight, High‑Performance Cross‑Platform Mobile UI Development

This article explains Weex's lightweight, extensible, high‑performance architecture, detailing component development, local transformation, client‑side rendering, server deployment, and HTML5 fallback, while showcasing code examples and visual diagrams of its cross‑platform workflow.

Component ArchitectureMobile UIWeex
0 likes · 14 min read
How Weex Enables Lightweight, High‑Performance Cross‑Platform Mobile UI Development
58UXD
58UXD
Nov 19, 2015 · Mobile Development

Choosing the Right Pop‑Up Reminder for Mobile Apps: A Practical Guide

This article explains the different types of in‑app pop‑up reminders on iOS and Android, compares their characteristics, and provides clear criteria for selecting the most appropriate reminder style based on importance, content richness, and required user actions.

Mobile UIUser experiencealert dialog
0 likes · 12 min read
Choosing the Right Pop‑Up Reminder for Mobile Apps: A Practical Guide
21CTO
21CTO
Oct 18, 2015 · Mobile Development

Master iOS UI Design: From Project Kickoff to Asset Export

This comprehensive guide walks UI designers through the entire iOS app design process—covering project initiation, Photoshop workflow, screen sizing, annotation best practices, slice export, naming conventions, and asset specifications—offering practical tips to streamline collaboration with developers.

Design GuidelinesMobile UIUI workflow
0 likes · 19 min read
Master iOS UI Design: From Project Kickoff to Asset Export
Suning Design
Suning Design
Sep 30, 2015 · Mobile Development

Mastering Device Orientation: Design Patterns for Seamless Mobile UX

This article explores how to design smooth, intuitive mobile and tablet experiences when devices rotate, presenting four orientation design categories, real‑world examples, visual cues, and best‑practice recommendations for developers and UX designers.

Mobile UIResponsive DesignUX design
0 likes · 12 min read
Mastering Device Orientation: Design Patterns for Seamless Mobile UX
Suning Design
Suning Design
Sep 26, 2014 · Frontend Development

Mastering Mobile Layouts: 13 Effective Design Patterns for Flat UI

With the rise of larger smartphone screens and flat design trends, this article explores thirteen common layout patterns—such as skeletal, full-screen, split, and central axis designs—detailing how they enhance readability, brand communication, and user efficiency across information-display and functional mobile interfaces.

Mobile UIUser experienceflat design
0 likes · 7 min read
Mastering Mobile Layouts: 13 Effective Design Patterns for Flat UI
Suning Design
Suning Design
Aug 5, 2014 · Mobile Development

Why Navigation Drawers Can Hurt Mobile App Engagement: An A/B Test Case Study

This article examines the trade‑off between tab navigation and side‑drawer navigation in a multi‑page mobile app, sharing A/B test results that show a dramatic drop in user engagement when the drawer was introduced and offering practical guidance on when each pattern is appropriate.

A/B testingMobile UITab Navigation
0 likes · 8 min read
Why Navigation Drawers Can Hurt Mobile App Engagement: An A/B Test Case Study