DINGTALK WORKSPACE
DINGTALK WORKSPACE
DINGTALK WORKSPACE
DingTalk WorkSpace is a set of solutions launched by DingTalk for AR office, which includes core capabilities such as IM, meeting, document, approval and so on in DingTalk on the application side. It provides users with multi-screen collaboration, high privacy, Convenient mobile virtual office space, when users insert Rokid Air AR smart glasses on the mobile phone and open DingTalk, they can choose to enter DingTalk Workspace to realize multi-screen work.
DingTalk WorkSpace is a set of solutions launched by DingTalk for AR office, which includes core capabilities such as IM, meeting, document, approval and so on in DingTalk on the application side. It provides users with multi-screen collaboration, high privacy, Convenient mobile virtual office space, when users insert Rokid Air AR smart glasses on the mobile phone and open DingTalk, they can choose to enter DingTalk Workspace to realize multi-screen work.
DingTalk WorkSpace is a set of solutions launched by DingTalk for AR office, which includes core capabilities such as IM, meeting, document, approval and so on in DingTalk on the application side. It provides users with multi-screen collaboration, high privacy, Convenient mobile virtual office space, when users insert Rokid Air AR smart glasses on the mobile phone and open DingTalk, they can choose to enter DingTalk Workspace to realize multi-screen work.
Challenge
Challenge
Challenge
Designing DingTalk's first Office application for AR Glasses from 0-to-1 in 2 months，and ensure productization implementation and GTM.
Designing DingTalk's first Office application for AR Glasses from 0-to-1 in 2 months，and ensure productization implementation and GTM.
Designing DingTalk's first Office application for AR Glasses from 0-to-1 in 2 months，and ensure productization implementation and GTM.
Impact
Impact
Impact
PR results - 180+ domestic industry media column reports, 5 provincial TV stations special broadcasts, 2000W+ PV on the outer net.
PR results - 180+ domestic industry media column reports, 5 provincial TV stations special broadcasts, 2000W+ PV on the outer net.
PR results - 180+ domestic industry media column reports, 5 provincial TV stations special broadcasts, 2000W+ PV on the outer net.
Contribution
Contribution
Contribution
Design owner
3D Visualization
Interface design
Phototype
Design owner
3D Visualization
Interface design
Phototype
Design owner
3D Visualization
Interface design
Phototype
Completion
Completion
Completion
Jan-Feb 2022
Jan-Feb 2022
Jan-Feb 2022
WHY PEOPLE NEED TO WORK ON AR GLASSES ？
WHY PEOPLE NEED TO WORK ON
AR GLASSES ？
WHY PEOPLE NEED TO WORK ON AR GLASSES ？
The core value of AR lies in the acquisition and utilization of 3D information, as well as the information revolution combining virtual reality, it has become a mainstream tool in all walks of life since its advantage. The left is a workflow fragment in my real business project, which I will use to see the effect of my 3D design model in the real environment or to test the animation effect, but the transition between multiple devices in actual work is very frustrating, and there is no software on the market that can meets the needs of working in AR，We want to create a product through incremental innovation.
The core value of AR lies in the acquisition and utilization of 3D information, as well as the information revolution combining virtual reality, it has become a mainstream tool in all walks of life since its advantage. The left is a workflow fragment in my real business project, which I will use to see the effect of my 3D design model in the real environment or to test the animation effect, but the transition between multiple devices in actual work is very frustrating, and there is no software on the market that can meets the needs of working in AR，We want to create a product through incremental innovation.
The core value of AR lies in the acquisition and utilization of 3D information, as well as the information revolution combining virtual reality, it has become a mainstream tool in all walks of life since its advantage. The left is a workflow fragment in my real business project, which I will use to see the effect of my 3D design model in the real environment or to test the animation effect, but the transition between multiple devices in actual work is very frustrating, and there is no software on the market that can meets the needs of working in AR，We want to create a product through incremental innovation.
Advantages of AR glasses：
Advantages of AR glasses：
More information: Multiple Monitors - more information presentation，Adjustable proportion; Virtual immersion; Natural 3D
More information: Multiple Monitors - more information presentation，Adjustable proportion; Virtual immersion; Natural 3D
More information: Multiple Monitors - more information presentation，Adjustable proportion; Virtual immersion; Natural 3D
Privacy: AR glasses have a natural closed visual field in public places，wearing AR glasses can work in mobile scenes, such as on a business trip, and it can make people more focused
Privacy: AR glasses have a natural closed visual field in public places，wearing AR glasses can work in mobile scenes, such as on a business trip, and it can make people more focused
Privacy: AR glasses have a natural closed visual field in public places，wearing AR glasses can work in mobile scenes, such as on a business trip, and it can make people more focused
Presence: Imaging in glasses has the advantage of 3D depth space that traditional devices do not have, which can bring unlimited collaboration possibilities such as 3D visualization/spatial whiteboard/digital assistant
Presence: Imaging in glasses has the advantage of 3D depth space that traditional devices do not have, which can bring unlimited collaboration possibilities such as 3D visualization/spatial whiteboard/digital assistant
Presence: Imaging in glasses has the advantage of 3D depth space that traditional devices do not have, which can bring unlimited collaboration possibilities such as 3D visualization/spatial whiteboard/digital assistant
Why is DingTalk doing this?
Why is DingTalk doing this?
DingTalk, as a a big beast in China's b-end office solution industry, need to get a head start in the AR workspace mindset. At the same time, the combination of DingTalk and XR is mainly focused on convenient and efficient communication (IM, documents, conferences). In the future, an XR business platform for DingTalk business can be established, a super entrance allow ISV to provide services for Vertical fields based on this platform，like manufacturing, virtual exhibitions, corporate live broadcast training, enterprise booth etc, which can provide industry services and bring a lot of commercial exports.
DingTalk, as a a big beast in China's b-end office solution industry, need to get a head start in the AR workspace mindset. At the same time, the combination of DingTalk and XR is mainly focused on convenient and efficient communication (IM, documents, conferences). In the future, an XR business platform for DingTalk business can be established, a super entrance allow ISV to provide services for Vertical fields based on this platform，like manufacturing, virtual exhibitions, corporate live broadcast training, enterprise booth etc, which can provide industry services and bring a lot of commercial exports.
DingTalk, as a a big beast in China's b-end office solution industry, need to get a head start in the AR workspace mindset. At the same time, the combination of DingTalk and XR is mainly focused on convenient and efficient communication (IM, documents, conferences). In the future, an XR business platform for DingTalk business can be established, a super entrance allow ISV to provide services for Vertical fields based on this platform，like manufacturing, virtual exhibitions, corporate live broadcast training, enterprise booth etc, which can provide industry services and bring a lot of commercial exports.
HOW TO BRING A GOOD EXPERIENCE WITH LIMITED TECHNOLOGY IN THE EATLY STAGE?
HOW TO BRING A GOOD EXPERIENCE WITH LIMITED TECHNOLOGY IN THE EATLY STAGE?
HOW TO BRING A GOOD EXPERIENCE WITH LIMITED TECHNOLOGY IN THE EATLY STAGE?
If we overview the entire AR market, it is actually still in a very early stage from the product map. There is no competing product in the market to benchmark at all, and the users are basically Innovtor. There are huge risks and challenges from the perspective of PMF, so my strategy start with the hardware, to understand the current capability boundaries of it, and then use the part of the mindset and form of the current phone/computer device interaction to bring users an experience with low learning costs, minimalist MVP, incremental innovation.
If we overview the entire AR market, it is actually still in a very early stage from the product map. There is no competing product in the market to benchmark at all, and the users are basically Innovtor. There are huge risks and challenges from the perspective of PMF, so my strategy start with the hardware, to understand the current capability boundaries of it, and then use the part of the mindset and form of the current phone/computer device interaction to bring users an experience with low learning costs, minimalist MVP, incremental innovation.
If we overview the entire AR market, it is actually still in a very early stage from the product map. There is no competing product in the market to benchmark at all, and the users are basically Innovtor. There are huge risks and challenges from the perspective of PMF, so my strategy start with the hardware, to understand the current capability boundaries of it, and then use the part of the mindset and form of the current phone/computer device interaction to bring users an experience with low learning costs, minimalist MVP, incremental innovation.
At present, there are two types of mainstream glasses on the market, one is c-end light glasses led by Nreal and Rokid, and the other is b-end glasses led by Hololens and Magic Leap in vertical scenarios. Combined with our strategy, we chose Rokid as the hardware Partners, Rokid's thinness and mobile phone as a controller have greatly reduced the overall cost and learning cost of getting started with AR, so the same strategy needs to be maintained in the software, the overall design need to be simpler and lighter, so the mergence of software and hardware can leverage the value of the integrated experience.
At present, there are two types of mainstream glasses on the market, one is c-end light glasses led by Nreal and Rokid, and the other is b-end glasses led by Hololens and Magic Leap in vertical scenarios. Combined with our strategy, we chose Rokid as the hardware Partners, Rokid's thinness and mobile phone as a controller have greatly reduced the overall cost and learning cost of getting started with AR, so the same strategy needs to be maintained in the software, the overall design need to be simpler and lighter, so the mergence of software and hardware can leverage the value of the integrated experience.
At present, there are two types of mainstream glasses on the market, one is c-end light glasses led by Nreal and Rokid, and the other is b-end glasses led by Hololens and Magic Leap in vertical scenarios. Combined with our strategy, we chose Rokid as the hardware Partners, Rokid's thinness and mobile phone as a controller have greatly reduced the overall cost and learning cost of getting started with AR, so the same strategy needs to be maintained in the software, the overall design need to be simpler and lighter, so the mergence of software and hardware can leverage the value of the integrated experience.
3 DOF
3 DOF
3 DOF
Interaction Frame
Interaction Frame
Interaction Frame
Hardware
Hardware
Hardware
Design Limits
Design Limits
Design Limits
43° FOV
43° FOV
43° FOV
Ergonomic & Layout
Ergonomic & Layout
Ergonomic & Layout
Rokid air has many parameters, here we need to extract the three key design constraints
Rokid air has many parameters, here we need to extract the three key design constraints
Rokid air has many parameters, here we need to extract the three key design constraints
Interaction Frame
Interaction Frame
Interaction Frame
Office software should emphasis on efficiency, Flat Design can present information very well, which is also consistent with the mindset of the existing 2D interface GUI and frame, reducing learning costs and ensuring recognition efficiency. Of course, there are many forms of flat design, we finally choose simple Flat Form after multiple rounds of paper model testing.
Office software should emphasis on efficiency, Flat Design can present information very well, which is also consistent with the mindset of the existing 2D interface GUI and frame, reducing learning costs and ensuring recognition efficiency. Of course, there are many forms of flat design, we finally choose simple Flat Form after multiple rounds of paper model testing.
Office software should emphasis on efficiency, Flat Design can present information very well, which is also consistent with the mindset of the existing 2D interface GUI and frame, reducing learning costs and ensuring recognition efficiency. Of course, there are many forms of flat design, we finally choose simple Flat Form after multiple rounds of paper model testing.
The underlying frame refers to the system-level HCI model of WIMP. IM/meeting/words, as the core and high-frequency function of the DingTalk, are respectively placed in the user's middle, left and right panels by default. the pin panel is above the IM, in order to allow users easily view the key information from key person.
The system operation bar is at the bottom, which will be connected to the application integration entrance and other ecology to invoke later.
The underlying frame refers to the system-level HCI model of WIMP. IM/meeting/words, as the core and high-frequency function of the DingTalk, are respectively placed in the user's middle, left and right panels by default. the pin panel is above the IM, in order to allow users easily view the key information from key person.
The system operation bar is at the bottom, which will be connected to the application integration entrance and other ecology to invoke later.
The underlying frame refers to the system-level HCI model of WIMP. IM/meeting/words, as the core and high-frequency function of the DingTalk, are respectively placed in the user's middle, left and right panels by default. the pin panel is above the IM, in order to allow users easily view the key information from key person.
The system operation bar is at the bottom, which will be connected to the application integration entrance and other ecology to invoke later.
The 3D space is different from the 2D screen, and possess its unique properties such as view changes (user's head movement), no border, etc... Although the luminous borders of several functional areas divide the three areas very well, but the limited FOV and the slight shaking of the head itself will make people unconsciously want to align with the boundary, and there is an obvious sense of oppression;
Therefore, the upper and lower borders are canceled on the boundary of the interface, and only the light bars on both sides are kept to distinguish different areas. At the same time, the light also serves as an information prompt to guide users to the corresponding interface.
The 3D space is different from the 2D screen, and possess its unique properties such as view changes (user's head movement), no border, etc... Although the luminous borders of several functional areas divide the three areas very well, but the limited FOV and the slight shaking of the head itself will make people unconsciously want to align with the boundary, and there is an obvious sense of oppression;
Therefore, the upper and lower borders are canceled on the boundary of the interface, and only the light bars on both sides are kept to distinguish different areas. At the same time, the light also serves as an information prompt to guide users to the corresponding interface.
The 3D space is different from the 2D screen, and possess its unique properties such as view changes (user's head movement), no border, etc... Although the luminous borders of several functional areas divide the three areas very well, but the limited FOV and the slight shaking of the head itself will make people unconsciously want to align with the boundary, and there is an obvious sense of oppression;
Therefore, the upper and lower borders are canceled on the boundary of the interface, and only the light bars on both sides are kept to distinguish different areas. At the same time, the light also serves as an information prompt to guide users to the corresponding interface.
In the future, users can free to define their own work canvas area, and we will also cooperate with ISV to launch vertical industry solutions, creating workspace sass capabilities and access third-party applications and provide the base base capability, such as the 3D-based "focus mode" and the planar informatization & modularization canvas as shown in the animation, the existing mobile phone VD can also be easily accessed.
In the future, users can free to define their own work canvas area, and we will also cooperate with ISV to launch vertical industry solutions, creating workspace sass capabilities and access third-party applications and provide the base base capability, such as the 3D-based "focus mode" and the planar informatization & modularization canvas as shown in the animation, the existing mobile phone VD can also be easily accessed.
In the future, users can free to define their own work canvas area, and we will also cooperate with ISV to launch vertical industry solutions, creating workspace sass capabilities and access third-party applications and provide the base base capability, such as the 3D-based "focus mode" and the planar informatization & modularization canvas as shown in the animation, the existing mobile phone VD can also be easily accessed.
Design Limits
Design Limits
Design Limits
AR product ought to designed for the senses instead of device, but we still face many limitations and challenges in the current AR device, the design needs to take into account the use of appropriate intuitive interaction combination input in appropriate scenarios, combined with project progress and engineering factors,
80% of the interaction still uses mobile phone control, and 20% of advanced control is to meet the needs of some specific scenarios. Gaze + voice or other multi-modal interaction combinations complete a complete set of interactive logic closed loops in the case of hands free
AR product ought to designed for the senses instead of device, but we still face many limitations and challenges in the current AR device, the design needs to take into account the use of appropriate intuitive interaction combination input in appropriate scenarios, combined with project progress and engineering factors,
80% of the interaction still uses mobile phone control, and 20% of advanced control is to meet the needs of some specific scenarios. Gaze + voice or other multi-modal interaction combinations complete a complete set of interactive logic closed loops in the case of hands free
AR product ought to designed for the senses instead of device, but we still face many limitations and challenges in the current AR device, the design needs to take into account the use of appropriate intuitive interaction combination input in appropriate scenarios, combined with project progress and engineering factors,
80% of the interaction still uses mobile phone control, and 20% of advanced control is to meet the needs of some specific scenarios. Gaze + voice or other multi-modal interaction combinations complete a complete set of interactive logic closed loops in the case of hands free
Style Definition
Style Definition
Style Definition
DingTalk WorkSpace is a set of solutions launched by DingTalk for AR / VR office, which includes core capabilities such as IM, meeting, document, approval and so on in DingTalk on the application side. It provides users with multi-screen collaboration, high privacy, Convenient mobile virtual office space, when users insert Rokid Air AR smart glasses on the mobile phone and open DingTalk, they can choose to enter DingTalk Workspace to realize multi-screen work
DingTalk WorkSpace is a set of solutions launched by DingTalk for AR / VR office, which includes core capabilities such as IM, meeting, document, approval and so on in DingTalk on the application side. It provides users with multi-screen collaboration, high privacy, Convenient mobile virtual office space, when users insert Rokid Air AR smart glasses on the mobile phone and open DingTalk, they can choose to enter DingTalk Workspace to realize multi-screen work
DingTalk WorkSpace is a set of solutions launched by DingTalk for AR / VR office, which includes core capabilities such as IM, meeting, document, approval and so on in DingTalk on the application side. It provides users with multi-screen collaboration, high privacy, Convenient mobile virtual office space, when users insert Rokid Air AR smart glasses on the mobile phone and open DingTalk, they can choose to enter DingTalk Workspace to realize multi-screen work
Layout & Ergonomics
Layout & Ergonomics
Layout & Ergonomics
DingTalk WorkSpace is a set of solutions launched by DingTalk for AR / VR office, which includes core capabilities such as IM, meeting, document, approval and so on in DingTalk on the application side. It provides users with multi-screen collaboration, high privacy, Convenient mobile virtual office space, when users insert Rokid Air AR smart glasses on the mobile phone and open DingTalk, they can choose to enter DingTalk Workspace to realize multi-screen work
DingTalk WorkSpace is a set of solutions launched by DingTalk for AR / VR office, which includes core capabilities such as IM, meeting, document, approval and so on in DingTalk on the application side. It provides users with multi-screen collaboration, high privacy, Convenient mobile virtual office space, when users insert Rokid Air AR smart glasses on the mobile phone and open DingTalk, they can choose to enter DingTalk Workspace to realize multi-screen work
DingTalk WorkSpace is a set of solutions launched by DingTalk for AR / VR office, which includes core capabilities such as IM, meeting, document, approval and so on in DingTalk on the application side. It provides users with multi-screen collaboration, high privacy, Convenient mobile virtual office space, when users insert Rokid Air AR smart glasses on the mobile phone and open DingTalk, they can choose to enter DingTalk Workspace to realize multi-screen work
WHAT DOES THE FUTURE OF WORK LOOK LIKE？
WHAT DOES THE FUTURE OF WORK LOOK LIKE？
WHAT DOES THE FUTURE OF WORK LOOK LIKE？
OnBoarding
OnBoarding
OnBoarding
Before starting the immersive AR work experience, good novice guidance is particularly important. Easy to use is the first step to retain users. In order to achieve this goal, I introduced educational psychologist Mayer-cognitive load theory into the design process, and finally choose to use dynamic cards for streamlined guidance:
Before starting the immersive AR work experience, good novice guidance is particularly important. Easy to use is the first step to retain users. In order to achieve this goal, I introduced educational psychologist Mayer-cognitive load theory into the design process, and finally choose to use dynamic cards for streamlined guidance:
Before starting the immersive AR work experience, good novice guidance is particularly important. Easy to use is the first step to retain users. In order to achieve this goal, I introduced educational psychologist Mayer-cognitive load theory into the design process, and finally choose to use dynamic cards for streamlined guidance:
Working
Environment
Working
Environment
Working
Environment
At the same time, we also give users a choice to isolate the interference of reality - virtual environment，I built 3 virtual scenes to bring users different novel experiences and concentration
At the same time, we also give users a choice to isolate the interference of reality - virtual environment，I built 3 virtual scenes to bring users different novel experiences and concentration
At the same time, we also give users a choice to isolate the interference of reality - virtual environment，I built 3 virtual scenes to bring users different novel experiences and concentration
Let's try the future WorkSpace
Let's try the future WorkSpace
Let's try the future WorkSpace
Available XR glasses equipment: Rokid Air
Available mobile phones: Huawei Mate20, Mate30, Mate40, P30, P40
Available XR glasses equipment: Rokid Air
Available mobile phones: Huawei Mate20, Mate30, Mate40, P30, P40
Available XR glasses equipment: Rokid Air
Available mobile phones: Huawei Mate20, Mate30, Mate40, P30, P40
