NIO Stock Breaking News❗️ NIO Just Launched THIS🚀
Summary
TLDRThe script details the evolution of Sky UI from version 1.0 to 2.0, emphasizing the team's iterative approach and deep dive into Neo design DNA. Key features of Sky UI 2.0 include customizable car control keys, an enhanced car control card framework for consistent cross-device interaction, and a natural, efficient multitasking experience. The design goals aim for freedom, efficiency, and consistency across devices, with an updated color system, rounded corners, and a rich illustration library, all contributing to a more immersive and user-friendly interface.
Takeaways
- 🚀 Sky UI 2.0 marks a significant evolution from version 1.0, with over 10 iterations and continuous refinements in functionality and user experience.
- 📱 The team has conducted extensive user interviews and workshops to gather meaningful feedback, ensuring the design aligns with Neo's aesthetic and functional sensibilities.
- 🔍 A deep dive into Neo design DNA has been achieved through cross-team seminars, leading to a comprehensive understanding that informs the development of Sky UI 2.0.
- 🎯 Three key design goals for Sky UI 2.0 have been identified: a sense of freedom, handy custom car control keys, and a focus on user experience and efficiency.
- 🔑 Users can now customize car control keys for various functions, enhancing personalization and convenience in both vehicle and mobile phone interactions.
- 🚗 The car control card framework has been expanded for sustainable growth, offering a more consistent and familiar interactive experience between the car and mobile phone.
- 📲 An innovative interaction method allows users to slide an application window from a mobile phone to a central control screen, facilitating multitasking and efficient task management.
- 📸 The small window application design supports multitasking scenarios, such as replying to messages without interrupting gameplay, enhancing the user's multitasking capabilities.
- 🌐 Real-time capsules with Global Travel address the need for continuous attention to short-term tasks, improving efficiency and control without disrupting ongoing activities.
- 🎨 A unified icon system in Sky UI 2.0 aims for consistency across devices, with simplified icons for mobile and 3D icons for vehicle machines to match the cockpit's luxury feel.
- 🌈 The color system in Sky UI 2.0 has been updated with gradient color scales, offering a softer and more consistent color performance across different terminals.
- 📐 Rounded corners have been refined for a consistent visual temperament, taking into account the physical rounded corners of devices to avoid visual abruptness.
- 🌫 Background blur effects have been upgraded with an additional color layer and overlapping color algorithm to enhance visual perception and color contrast stability.
- 💡 Light mimicry texture expands the visual language, providing a more exquisite view and stronger operational feedback, enhancing user interaction.
- 🎨 A rich and diverse library of illustrations has been introduced, offering various visual styles and enhancing the user experience with dynamic guidance.
- 🔄 An interruptable animation mechanism in Sky UI 2.0 gives users the flexibility to 'repent' their actions, improving the smoothness and controllability of operations.
Q & A
How long has it been since the release of Sky UI 1.0?
-It has been nearly a year since the release of Sky UI 1.0.
What has the team experienced during the development of Sky UI 1.0 to 2.0?
-The team has experienced rapid iteration of more than 10 versions and continued to supplement and polish the basic functions and experience of Neo phone.
What was the approach taken to gain a deeper understanding of Neo's design DNA?
-The team held offline user interviews and workshops, organized seminars across multiple design teams, and created the first version of Sky UI to gain a comprehensive understanding of Neo design DNA.
What are the three design goals identified for Sky UI 2.0?
-The three design goals for Sky UI 2.0 are a sense of freedom, handy custom car control keys, and sustainable expansion of the car control card framework.
How does Sky UI 2.0 allow users to customize their car control keys?
-In Sky UI 2.0, users can freely assign car control keys to various functions on the car or mobile phone, such as defining the car control key for WeChat scan to pay parking fees quickly.
What improvements were made to the car control card in the new version of Sky UI 2.0?
-The new version of the car control card brings a comprehensive experience upgrade, with a more consistent interactive experience between the car and the mobile phone, and improved scalability of the information framework.
What new interaction method was added in Sky UI 2.0 to improve user efficiency?
-In Sky UI 2.0, users can slide from the bottom of the mobile phone screen to smoothly flow the application window to the central control screen on their Neo, enhancing multitasking efficiency.
What is the purpose of the 'real-time capsules' feature in Sky UI 2.0?
-Real-time capsules allow users to continue paying attention to another high-need task without affecting the current task, improving efficiency and the sense of control.
How does the multi-terminal unified icon system in Sky UI 2.0 contribute to consistency?
-The multi-terminal unified icon system in Sky UI 2.0 sorts out the relationship between the mobile phone and contacts, clarifying the boundary of difference and consistency, and ensuring visual integration between the icon design and third-party applications.
What considerations were made regarding the color system in Sky UI 2.0 to enhance visual experience?
-The color system in Sky UI 2.0 uses gradient color scales with the color metaphor of the Blue Sky, ensuring a delicate transition between brightness gradients and a softer color presentation on the interface.
How does the design of rounded corners in Sky UI 2.0 impact the visual temperament and interaction with hardware?
-The design of rounded corners in Sky UI 2.0 creates a more consistent visual temperament and avoids a sense of visual abruptness with the screen hardware by making appropriate visual neutralizing adjustments.
What enhancements were made to the background blur effect in Sky UI 2.0?
-In Sky UI 2.0, the background blur effect was comprehensively upgraded by adding an additional layer of color with an overlapping color algorithm to improve the impact of the background on the color saturation of the foreground.
How does the light mimicry texture contribute to the user experience in Sky UI 2.0?
-The light mimicry texture in Sky UI 2.0 brings a more exquisite view and a stronger sense of operation, guiding users to operate and providing clear operational feedback for each step.
What is the significance of the breakable animation mechanism in Sky UI 2.0?
-The breakable animation mechanism in Sky UI 2.0 gives users the right to repent, making operations more silky and improving the flexibility and controllability of the operation by optimizing the dynamic effect curve and improving the background response mechanism.
Outlines
🛠️ Evolution of Sky UI: From 1.0 to 2.0
The script details the journey of Sky UI from its initial release to the development of version 2.0. Over the past year, the team has iterated over 10 versions, enhancing the basic functionality and user experience of Neophone. Extensive research through user interviews, workshops, and design team seminars has led to a deeper understanding of Neo's design DNA. The first version of Sky UI laid a solid foundation, and version 2.0 aims to be more mature and aligned with Neo's design philosophy. Key features of Sky UI 2.0 include customizable car control keys, allowing users to assign various functions to car or mobile phone controls, and an improved car control card framework for a more consistent and scalable interactive experience. The update also introduces a new interaction method for multitasking, where users can slide an application window from a mobile phone to a central control screen, and a small window application for efficient multitasking. The design goals of Sky UI 2.0 focus on freedom, handy customization, and sustainable expansion.
🎨 Design Enhancements in Sky UI 2.0
This paragraph delves into the visual and functional refinements made in Sky UI 2.0. The design team has worked on creating a consistent icon system that aligns with the aesthetics of third-party applications and the vehicle's interface. The use of 3D icons and realistic XR designs aims to enhance the luxury feel and immersive experience of the cockpit. The color system has been updated with gradient scales and a soft color transition, influenced by the blue sky metaphor, to reduce cognitive and learning costs. The design avoids pure white and black due to their respective issues with shadow formation and reflection, except on mobile terminals where they are retained for transparency and power-saving benefits. Rounded corners and a background blur effect have been visually neutralized to maintain consistency across devices. Light mimicry and a rich illustration library have been expanded to provide a more refined and engaging user experience. An interruptable animation mechanism has been introduced to enhance operation flexibility and controllability, with optimized dynamic effects and improved background response mechanisms.
🔧 Technical Optimizations for Enhanced User Experience
The final paragraph of the script, although brief, mentions ongoing technical optimizations in Sky UI 2.0. These optimizations are aimed at improving the user experience by making operations smoother and more controllable. The focus is on refining the dynamic effect curve and enhancing the background response mechanism and computing power scheduling to ensure timely click responses and efficient power distribution.
Mindmap
Keywords
💡Sky UI
💡Iteration
💡Neo Design DNA
💡Custom Car Control Keys
💡Sustainable Expansion
💡Efficient Interaction
💡Multitasking
💡Real-time Capsules
💡Multi-terminal Unified Icon System
💡Color System
💡Rounded Corners
💡Gossan Blur Effect
💡Light Mimicry
💡Breakable Animation Mechanism
Highlights
Sky UI 1.0 has been iterated over 10 versions in a year, with continuous enhancements to the Neo phone's basic functions and experience.
The team has gained a deeper understanding of Neo design DNA through user interviews, workshops, and design team seminars.
Sky UI 2.0 aims to be more mature and aligned with Neo's design philosophy.
Users can customize car control keys for various functions in Sky UI 2.0.
The car control card framework in Sky UI 2.0 offers a more consistent and scalable interactive experience between the car and mobile phone.
New interaction methods like sliding from the bottom of the screen to transfer app windows have been introduced in Sky UI 2.0.
Sky UI 2.0 includes a popular small window design for multitasking scenarios, enhancing efficiency and user control.
Real-time capsules allow users to monitor important tasks without interrupting their current activities.
A multi-terminal unified icon system has been designed for consistency across devices in Sky UI 2.0.
The color system in Sky UI 2.0 has been updated with gradient color scales for a softer and more consistent appearance.
Rounded corners have been refined in Sky UI 2.0 to create a consistent visual temperament without visual abruptness.
The gossan blur effect in Sky UI 2.0 has been upgraded with an additional color layer for improved visual perception.
Light mimicry texture has been expanded in Sky UI 2.0 to provide a more exquisite view and stronger operational feedback.
A rich and diverse library of illustrations has been introduced in Sky UI 2.0, offering new visual styles and expressions.
Sky UI 2.0 features an interruptable animation mechanism, giving users the flexibility to control their interactions.
The dynamic effect curve and background response mechanism have been optimized in Sky UI 2.0 for a more timely click response.
Sky UI 2.0 avoids using pure white and black on car terminals to prevent shadows and reflections affecting visibility.
Mobile phone terminals in Sky UI 2.0 retain pure white and black for transparency and power-saving benefits.
Transcripts
it has been nearly a year since the
release of Sky UI 1.0 during this period
the team has experienced a rapid
iteration of more than 10 versions and
continued supplement and Polished the
basic functions and experience of Neo
phone at the same time the team has
accumulated a deeper understanding and
precipitation on how to make a mobile
phone that is more in line with Neo's
senses in the design of Sky UI 2.0 we
help to reexamine and think from a macro
perspective to make skyui more mature
and more Neo skyui 1.0 review the birth
of the neop phone project is a wonderful
start at this stage we held a number of
offline user interviews and workshops
and gain a lot of meaningful suggestions
at the same time we also organized
several rounds of seminars across
multiple design teams of the group so
that we can have a comprehensive
understanding of Neo design DNA in the
end we created the first version of Sky
UI and laid a software solid foundation
for Sky UI 2.0 Sky UI 2.0 new design in
Sky UI 2.0 we start again with internal
and external user feedback industry
Trends and deeper understanding of Neo
design DNA after countless intense
brainstorming and passionate discussions
we have identified the following three
design goals a sense of Freedom handy
custom car control keys in Sky UI 2.0
users can freely assign car control keys
to various functions on the car or
mobile phone you can choose to define
the car control key as we chat scan to
pay the parking fee quickly you can also
choose to quickly turn up the camera
without missing any wonderful moments
Etc in addition we also support the
ability to configure diversifi functions
according to different distances you can
conveniently turn on air conditioning in
the car in advance at home through the
car control key quickly trigger the
flashlight when near the car whistle to
find your car and quickly transfer the
application on the mobile phone to the
car when you are in the car
experience experience is important
sustainable expansion of car Control
Card framework the new version of the
car control card also brings a
comprehensive experience upgrade the
interactive experience between the car
and the mobile phone is more consistent
users are more familiar and calm when
using the Neo phone control cockpit at
the same time we have improved the
scalability of the information framework
to better meet users demands for more
functions efficient and fast cross
device circulation interaction in order
to further improve the flow of
efficiency of users we have added a more
natural and efficient way of interaction
in Sky UI 2.0 in the cockpit users can
slide from the bottom of the mobile
phone screen and smoothly flow the
application window to the central
control screen on their Neo which is
between their fingers the small window
experience of parallel tasks at the same
time we have also completed the design
of a very popular application small
window which can meet the users's
parallel task processing in multitasking
scenarios for example users can quickly
reply to weat in the game without
delaying the user game Operation so as
to achieve both game and social network
multitasking not only that we also
support the extreme scaling ability of
small Windows to meet more diverse
scenarios for example in the scene of
filing insurance policy users can call
out the album window and zoom The Window
album according to the position of of
the interface Elements which can make it
easier to enter the album realtime
capsules with Global Travel we have
learned that users have real-time
attention to short-term and continuous
tasks on mobile phones real-time
capsules can continue to pay attention
to another high need task without
affecting the current task so that the
mind can follow the follow the
intimately important tasks not only that
the capsule notification can also be
expanded by clicking to improve the
efficiency and sense of control sense of
consistency multi-terminal unified icon
system in the design of skyui 2.0 in
order to better meet the goal of
consistency we sort out the relationship
between the mobile phone and contacts
from the perspective of All Digital
contacts and clarify the boundary of
difference and consistency mobile phone
the device is small and the interaction
distance is close and the flat and
simple icons are easy to recognize at
the same time the visual integration
between the more concise icon design and
the three-party thirdparty applications
icon will be higher vehicle machine the
three-dimensional icon can better
support the balance of the interface
highlight the luxury of the cockpit and
at the same time coordinate with the
interior of the car XR in 3D scenes a
more realistic three-dimensional design
can better Express the dep in 3D space
make making the experience more
realistic and immersive in the
expression of visual sematics such as
color and elements we have reduced
unnecessary differentiated definitions
to reduce the cost of cognition and
learning soft and transparent color
system in Sky UI 2.0 we have
comprehensively updated the color system
in terms of chromatic phase we use
gradient color scales with the color
metaphor of the Blue Sky the transition
between the brightness gradients is
delicate and the color present Ed on the
interface will be softer which will be
closer to the color performance under
each terminal it is worth noting that
due to the different Hardware conditions
the color system on the mobile phone
terminal cannot be designed by copying
the definition of the car terminal on
the car terminal the design will avoid
the use of pure white and pure black
pure white is easy to form shadows in
dark light scenes which is easy to
Dazzle and affects the concentration of
attention while pure back is easy to
cause reflection and redu recognition
efficiency in daylight scenes the mobile
phone terminal retains the com commonly
used Pure White and pure black pure
white interface more transparent and
pure pure black with old LED screen of
the mobile phone is more power saving
and it can fit seamlessly with the
device and make it more immersive in the
expression of visual semantics such as
color and elements we have reduce the
unnecessary differentiated definitions
to reduce the cost of cognition and
learning more mature and exquisite
definition of rounded Corners rounded
Corners have a crucial impact on the
expression of design temperament at the
same time the design of rounded Corners
will be limited by the physical rounded
corners of the equipment because the
rounded corners of the central control
screen are naturally different from the
rounded corners of the mobile phone
frame we have made appropriate visual
neutralizing the UI rounded Corner
design of Sky UI 2.0 it not only creates
a more consistent visual ual temperament
but also does not create a sense of
visual abruptness with the screen
Hardware delicacy nonlinear overlapping
background blur the gossan blur effect
has been used in Sky UI 1.0 in the
design of skyui 2.0 we have
comprehensively upgraded the gossi and
blur effect by adding an additional
layer of color layer with an overlapping
color algorithm to be the conventional
gossan blur effect under the premise of
retaining the color contrast we can try
to improve the impact of the background
on the color saturation of the
foreground ensure the stability of the
color contrast and make the visual
perception more transparent the light
mimic cry texture of near reality the
design of light MIM cry has been used in
individual scenarios of Sky UI 1.0 and
Neo app in Sky UI 2.0 we have expanded
and upgraded the visual language of
light MIM cry in a wider range the
design language of light MIM cry can
bring a more Exquisite View and a
stronger sense of operation for example
the keys of the calculator and the
elements with light and Shadow can guide
users to operate at the same time we can
also configure special press effects for
these Keys which brings clear
operational feedback to each step of the
user's operation and also adds the
operation a little bit more interesting
a rich and diverse library of
illustrations the global new
illustration designs EXP expands more
visual styles of different semantics and
adds the visual expression method of
light mimicry and gossing glass so that
the original single boring empty page
presents new vitality and brings more
positive feedback to users at the same
time the function guided illustrations
have also been updated in the global
unified Paradigm the illustration form
is full of scene and dynamic guidance so
that the users can understand and
perform more exquisitly when using the
functions for the first time breakable
animation mechanism in skyui 2.0 we have
added an
interruptable processing mechanism this
mechanism gives users the right to
repent makes the operations more silky
and truly realize play wherever you want
which improves the flexibility and
controllability of the operation in
order to achieve this effect we have
optimize the dynamic effect curve and
improve the background response
mechanism and computing power schedule
to make the click response more timely
and the computing power distribution
more reasonable and accurate
تصفح المزيد من مقاطع الفيديو ذات الصلة
Empowerment Technologies | Lesson 1.1: Web 1.0 and Web 2.0
This AI Makes Reality Look Fake... And It's Going Viral!
A Turning Point for BOYUE | Meebook M7 Review
The latest in Web UI (Google I/O ‘24)
UI Designer precisa saber UX? Qual a diferença entre UX e UI?
Built with Qt - Tableau - Business intelligence and analytics
5.0 / 5 (0 votes)