Video Over IP Web Manager
VE(Video Extender) Manager is a control interface suitable for associated AV over IP products.
It can be applied to cross-building scenarios such as airports, campuses, and control rooms. Through web control, administrators can control intuitively as they are on the spot.
It can be applied to cross-building scenarios such as airports, campuses, and control rooms. Through web control, administrators can control intuitively as they are on the spot.

About
Web
IoT
B2B
HW/SW
2024
Roles
UI/UX
SW spec define
Research
Tools
Adobe XD
Zeplin
Xmind
Background
Target
- Cross-building and audio-visual deployment
- Control room operator situational operations
- Compatible with multiple identities
Interface
- Web UI
- OSD(on screen display)
- LCM panel
Process
Understand requirements spec
Research
function scenarios
function scenarios
Convergence into SW spec
Discuss application
requirements and constraints with PM and RD
requirements and constraints with PM and RD
Finalize the design and collaborate with RD
Information Architecture
Even if the PM has listed the functional spec, still needs to organize the information architecture functions before entering into UI design.
I split the page into functions. In addition to making it easier to check, it is also easier to make annotations to discuss with RD or PM.
I split the page into functions. In addition to making it easier to check, it is also easier to make annotations to discuss with RD or PM.

User Interface






Takeaways
The product of this project is a To B-end product and it is not easy to obtain user research. In order to understand the situational application behind it, constantly research related products, read manuals, and study the importance of the context behind the reverse inference function of competing products. Only in this way can we understand the usage background and user needs in a specific situation, thereby defining the direction of the design.
Additionally, designing for the actual touchpoints of each context is crucial. Whether it is the product's web interface or the behavioral interaction between hardware and software, they are all places where design can be provided and the user experience can be improved.
Additionally, designing for the actual touchpoints of each context is crucial. Whether it is the product's web interface or the behavioral interaction between hardware and software, they are all places where design can be provided and the user experience can be improved.