HONOR Magic Live OS

2016.05 - 2018.02
Phone OS UX&UI Design
Overview

HONOR Magic, an AI concept smartphone developed by Huawei's 2012 Lab, was launched in December 2016 to explore the future of AI-driven intelligent services. Its innovative design and smart interactive experience continue to be influential, with many of its concepts now integrated into modern smartphones.

My team was responsible for developing the Magic Live system, the core AI learning engine of Magic, which learns user habits and scenarios to provide personalized services and suggestions. Magic's exploration has proven its foresight and validity, pointing the way forward for smartphone development.

Here are some intro videos made by fans:

90秒回顾荣耀Magic1代新品发布会

我今天要吹爆一款4年前的手机——谈谈荣耀magic有多超前荣耀Magic一代,让人唏嘘的创新

My Role
  • UI Designer
  • Leader of Service Module Design Team
Job Responsibilities
  • UI design for lifestyle service modules
  • Managing version plans
  • Establishing design standards
  • Assigning design tasks
  • Reviewing design quality
  • Tracking product testing
My Gains

This was one of the most enjoyable experiences in my career. Our team was full of creativity and passion, with an excellent atmosphere for learning and sharing. We encouraged each other's growth, broke free from conventional thinking, and focused on user experience. Ultimately, we created a unique experience distinct from Huawei's traditional products.

Of course, there are many regrets, such as the Honor Magic Live OS not being able to separate from the Huawei phone ecosystem, which hindered its further development. However, its advanced design concepts have gradually been adopted in Huawei's subsequent phone series, which can be seen as a compensation for the regrets.

2016 Smartphone Market and AI Trends
Honor Magic Live OS
Smartphone Market 2016: Camera, Charging, Interaction, and Display Innovations Lead Diverse Advancements

2016 was a year of diverse innovation in the smartphone market, with various manufacturers releasing their exploratory features or products for the next generation of phones. These advancements primarily included improvements in camera technology, charging technology, interaction design, and screen technology.

AI Application Trend:Magic & Google Leads AI Revolution, Ushering in a New Era of Smartphones

In 2016, AI technology in the smartphone market mainly focused on voice assistants and intelligent camera optimization. Google and Magic began exploring AI's application in intelligent scenario services within systems, officially marking the beginning of the AI era in smartphones.

Magic Live VS Google Assistant
Honor Magic Live OS
Shared Vision: Enhancing Smartphone Intelligence

Both Magic and Google Assistant aim to enhance the intelligence of smartphones by analyzing vast amounts of information, learning user habits, and providing direct and effective services through decision systems.

Magic's Advantage: Deep Scene Intelligence vs. Google's Broad Services

Google Assistant offers a broader range of cross-platform intelligent services, primarily based on time or location information, providing services such as schedule reminders and restaurant recommendations.

In contrast, Magic delves deeper, focusing on intelligent scene recognition and user behavior prediction. It comprehensively analyzes personal preferences, time, location, and interaction content, and integrates service providers to offer users more personalized and precise services.

Magic Live OS Design Philosophy
Honor Magic Live OS
Revolutionizing OS: Magic Live as an Intelligent Service Hub

Magic Live attempts to make the operating system a service hub, rather than a subsidiary of numerous applications. By deeply analyzing user preferences, time, location, and interaction content, it collaborates with service providers such as Didi, Hanglv Zongheng, and Alipay to offer users precise decision support and personalized recommendations. The Magic system covers multiple intelligent scenarios including privacy, app recommendations, system-level intelligent search, travel, entertainment, office work, chatting, and shopping.

Comprehensive Security: Magic's Four-Pillar Approach

Security is equally important to Magic. It protects users' privacy and security through four aspects:

  • Local processing of user data
  • User authorization management
  • Intrusion prevention
  • Chip encryption.
Magic Live Service System Framework
Honor Magic Live OS
See What You Need
Magic Live provides users with life services that meet their immediate needs

To achieve this goal, we have integrated system-level life service modules and designed a complete service process based on user usage scenarios and service content:

Information input judgment, service recommendation, quick operation, adding to favorites, usage scenario judgment, and card-style service reminders.

This ensures the continuity and smoothness of the user experience.

We have creatively designed the Magic Pad screen, forming an information notification loop with Tips, Action Cards, and Lock Screen Cards. The service process is centralized on a single card, marking a pioneering step in AI intelligent services in smartphones in 2016.

Colors and Texture
Honor Magic Live OS

In our visual design process, we focused on four core dimensions: texture, vitality, immersive experience, and high recognizability. These dimensions guided our comprehensive design of visual elements for the service modules.

Color Scheme

Our color selection blends the popular trends of Spring 2017 with the common color impressions associated with each service. Taking into account the characteristics of Samsung OLED displays, we appropriately reduced the saturation and brightness of colors to ensure a comfortable visual effect on actual devices.

Texture Representation

To enhance user experience, we adopted a light skeuomorphic design style. This style cleverly incorporates characteristic physical elements from various service areas, for example:

  • Subtle tear marks on tickets
  • Textural details of courier boxes
  • Metallic sheen of automobiles
  • Clear signage of station navigation boards

Through this design approach, we not only improved the aesthetic appeal of the interface but also enhanced users' intuitive understanding of each service function. Every visual element was meticulously designed to create a user interface that is both beautiful and practical, while maintaining the uniqueness and recognizability of each service module.

Detailed Design Showcase
Honor Magic Live OS

The service module follows design principles of consistency, content focus, and immersion, involving the design of apps, tips, action cards, pad cards, and lock screen cards for various services. Additionally, we explored innovative interactive and visual presentation methods for lock screen notifications.

MOVIE

When a user mentions a movie title or expresses the intention to watch a movie on the current interface, the movie service will provide shortcuts for browsing movies and purchasing tickets on that interface. A few hours before the movie screening, based on the user's location information, the system will offer ticket collection details through immersive cards on the lock screen and PAD interface.

EXPRESS

When you purchase goods on an e-commerce platform or mention a courier number in a chat, the system will automatically recognize and quickly track the courier. Based on the user's geographic location, such as when approaching a parcel locker, the system will display the pickup code and other relevant information on the lock screen in the form of an immersive card.

NEARBY

Nearby is the service provided by Magic mobile phone, users can view the surrounding restaurants, stations, hospitals and other service information by sliding gestures anytime, anywhere.According to the current restaurant or nearby, the nearby functions can provide services such as paying, group purchase, queuing, etc. on the lock screen.

LOCK SCREEN NOTIFICATION

Perform a new interaction and visual attempt on the style of system notifications.
Z-axis focus design has been added to the visual and motion design to allow users to receive useful information more effectively when viewing notifications. It also makes the browsing process vivid.