Defining the new UX and UI system for Alibaba’s AI images and videos generator —> 通义万相
2024 PRODUCT DESIGN
Background
Why Redesign?
Wan had a existed version before, now it requires redesign with more new features and new visual look, to gain more users.
Highlights
Generate shortcut
Since we've already learned that most of our users only try to generate images for once, we want users to get access to image generation easier and faster.
Style select
There are more than 40 STYLEs, it's impossible for users to keep scrolling in such a small place. In the new version, only the selected STYLE is shown on the panel, and when activated, all the STYLE will be shown on the slide drawer, with bigger size to see more details.
After generating
Make good use to the space when only 1 image is generated. Rating, feedback and redirect component.
Motion Design
UI System
UI guideline
From more than 15 competitor’s products, I developed 2 proposals at the first presentation. Each has its distinctive style. Eventually, proposal 2 is selected and developed as the new UI guideline.
