UX design
UX design
UX design
XnFun App
XnFun App
XnFun App
New ways of sharing photos of your important life moments
New ways of sharing photos of your important life moments
New ways of sharing photos of your important life moments
The UXI design team optimized and added new features to XnBay's mobile application, looking for pain points in the user's context and solving possible process problems. Moreover, the mobile phone application is correctly connected with the product itself, and a shared album function is added to expand the user group and increase customer business opportunities.
The UXI design team optimized and added new features to XnBay's mobile application, looking for pain points in the user's context and solving possible process problems. Moreover, the mobile phone application is correctly connected with the product itself, and a shared album function is added to expand the user group and increase customer business opportunities.
The UXI design team optimized and added new features to XnBay's mobile application, looking for pain points in the user's context and solving possible process problems. Moreover, the mobile phone application is correctly connected with the product itself, and a shared album function is added to expand the user group and increase customer business opportunities.
Client
Client
XnBay Technology
XnBay Technology
App Design
App Design
Project Type
Project Type
2020
2020
Project Year
Project Year
My Role
My Role
My Role
As the UX/UI design consultant in the project, I produced include:
User Research
Competitor Research
Wireframes
User Flow
Wireflow
GUI Design
Design Guideline
As the UX/UI design consultant in the project, I produced include:
User Research
Competitor Research
Wireframes
User Flow
Wireflow
GUI Design
Design Guideline
As the UX/UI design consultant in the project, I produced include:
User Research
Competitor Research
Wireframes
User Flow
Wireflow
GUI Design
Design Guideline
Project Highlight
Project Highlight
Project Highlight
Allows users to use existing Xnbay cloud storage devices to share photo moments
Allows users to use existing Xnbay cloud storage devices to share photo moments
Use family features to manage photos over time and open new photo albums
Use family features to manage photos over time and open new photo albums
Provides the opportunity for the user to manage XnBay device capacity through mobile phones
Provides the opportunity for the user to manage XnBay device capacity through mobile phones
Wireframes & User Flow
Wireframes & User Flow
Wireframes & User Flow
Draw the original design into a wireframe, find out the pain points of use, and simplify unnecessary steps in the use process. Moreover, shared photo album function pages also enhanced the connection between mobile applications and users. It's increased the value of products.
Use Overflow to make wireflow, clearly show each screen's links and actions, and attach explanatory text. At this stage, we have a complete understanding of client needs and the problems that users will encounter in the process. Therefore, the user process is completely optimized, and the user experience is improved.
Draw the original design into a wireframe, find out the pain points of use, and simplify unnecessary steps in the use process. Moreover, shared photo album function pages also enhanced the connection between mobile applications and users. It's increased the value of products.
Use Overflow to make wireflow, clearly show each screen's links and actions, and attach explanatory text. At this stage, we have a complete understanding of client needs and the problems that users will encounter in the process. Therefore, the user process is completely optimized, and the user experience is improved.
Draw the original design into a wireframe, find out the pain points of use, and simplify unnecessary steps in the use process. Moreover, shared photo album function pages also enhanced the connection between mobile applications and users. It's increased the value of products.
Use Overflow to make wireflow, clearly show each screen's links and actions, and attach explanatory text. At this stage, we have a complete understanding of client needs and the problems that users will encounter in the process. Therefore, the user process is completely optimized, and the user experience is improved.
GUI Design
GUI Design
GUI Design
In the graphic design, It was presented by the primary color of the XnBay brand with a simple interface. Allow users to operate the interface and get started quickly and easily intuitively.
In the graphic design, It was presented by the primary color of the XnBay brand with a simple interface. Allow users to operate the interface and get started quickly and easily intuitively.
In the graphic design, It was presented by the primary color of the XnBay brand with a simple interface. Allow users to operate the interface and get started quickly and easily intuitively.
Design Guideline
Design Guideline
Design Guideline
1. Development Process
Emphasize the development process of design specification application and connection method.
Integrate the design and development process into the standard planning considerations, and classify the content according to the role.
2. Design Principles
Continuing the brand spirit and translating the design principles that reflect the brand value.
Interpret the spirit of the digital brand, and gradually carry out a visual translation, conveying the brand image through visual presentation.
3. Design Patterns
Understand user behavior and usage habits, develop design patterns.
Summarize and unify existing products, and organize standard module functions from the demand side. Then carry out modular configuration and design development.
4. Design Components
Support mode behavior, design components that adapt to the usage pattern of mobile devices.
Decompose design elements and visual elements, including various controls, graphics, icons, etc. Create a visual language database from Bottom-Up.
1. Development Process
Emphasize the development process of design specification application and connection method.
Integrate the design and development process into the standard planning considerations, and classify the content according to the role.
2. Design Principles
Continuing the brand spirit and translating the design principles that reflect the brand value.
Interpret the spirit of the digital brand, and gradually carry out a visual translation, conveying the brand image through visual presentation.
3. Design Patterns
Understand user behavior and usage habits, develop design patterns.
Summarize and unify existing products, and organize standard module functions from the demand side. Then carry out modular configuration and design development.
4. Design Components
Support mode behavior, design components that adapt to the usage pattern of mobile devices.
Decompose design elements and visual elements, including various controls, graphics, icons, etc. Create a visual language database from Bottom-Up.
1. Development Process
Emphasize the development process of design specification application and connection method.
Integrate the design and development process into the standard planning considerations, and classify the content according to the role.
2. Design Principles
Continuing the brand spirit and translating the design principles that reflect the brand value.
Interpret the spirit of the digital brand, and gradually carry out a visual translation, conveying the brand image through visual presentation.
3. Design Patterns
Understand user behavior and usage habits, develop design patterns.
Summarize and unify existing products, and organize standard module functions from the demand side. Then carry out modular configuration and design development.
4. Design Components
Support mode behavior, design components that adapt to the usage pattern of mobile devices.
Decompose design elements and visual elements, including various controls, graphics, icons, etc. Create a visual language database from Bottom-Up.
In Xnfun App design project, the importance of a fair design process is evident. By ensuring a streamlined onboarding experience, users can quickly get started and navigate the app effortlessly. Additionally, when incorporating new features, it is essential to consider the interaction between users and these functions, thereby enhancing the product's overall value. Design guidelines play a crucial role by providing clear rules and principles for engineers to follow, enabling them to understand the intended design and maintain a systematic approach throughout the app's development. These guidelines also facilitate subsequent design iterations, ensuring consistency and a user-friendly experience.
In Xnfun App design project, the importance of a fair design process is evident. By ensuring a streamlined onboarding experience, users can quickly get started and navigate the app effortlessly. Additionally, when incorporating new features, it is essential to consider the interaction between users and these functions, thereby enhancing the product's overall value. Design guidelines play a crucial role by providing clear rules and principles for engineers to follow, enabling them to understand the intended design and maintain a systematic approach throughout the app's development. These guidelines also facilitate subsequent design iterations, ensuring consistency and a user-friendly experience.
In Xnfun App design project, the importance of a fair design process is evident. By ensuring a streamlined onboarding experience, users can quickly get started and navigate the app effortlessly. Additionally, when incorporating new features, it is essential to consider the interaction between users and these functions, thereby enhancing the product's overall value. Design guidelines play a crucial role by providing clear rules and principles for engineers to follow, enabling them to understand the intended design and maintain a systematic approach throughout the app's development. These guidelines also facilitate subsequent design iterations, ensuring consistency and a user-friendly experience.
Project Takeaways
Project Takeaways
Project Takeaways
Other Projects
Other Projects
Other Projects
View Project
View Project
Immersive Interactive Experience
Immersive Interactive Experience
Beauty Of You
Beauty Of You
View Project
View Project
App Design
App Design
Nest Hero
Nest Hero
View Project
UX Design
Taipei Citizen Service Platform
Wei-Chung Lin ⏤ 2023
Wei-Chung Lin ⏤ 2023
Wei-Chung Lin ⏤ 2023