laitimes

Fidelity prototype diagram in the "direct" module of QQ browser

author:Everybody is a product manager
The author has optimized the fidelity prototype map in the "direct" module of QQ browser, and shares relevant details with you, hoping to inspire you.
Fidelity prototype diagram in the "direct" module of QQ browser

1. Comparison between the original image and the personal iterative optimization version

1. Original image

Fidelity prototype diagram in the "direct" module of QQ browser

2. Personal iterative optimization diagram

Fidelity prototype diagram in the "direct" module of QQ browser

2. Detailed explanation of operation and interaction

Fidelity prototype diagram in the "direct" module of QQ browser
Fidelity prototype diagram in the "direct" module of QQ browser
Fidelity prototype diagram in the "direct" module of QQ browser
Fidelity prototype diagram in the "direct" module of QQ browser

3. Optimization and detailed explanation

1. Optimized the interface module

(1) Original problem: QQ browser "direct" interface, compared with the home page, the information is redundant

The redundancy and interface saturation are reduced, but they are far from the expected effect of the module solgan "saying goodbye to cumbersomeness and one-click direct access".

It can be opened, and the direct interface absorbs the design mode of Quark's minimalist homepage style to a certain extent, but the effect is not as expected, and it does not combine product advantages and core functions well like Quark for transformation, but simply put together other functions such as Quark's minimalist home page and hot search list in an interface.

(2) After optimization

(1) The interface is concise and clear without losing color and beauty, and truly realizes "say goodbye to cumbersomeness, one-click direct"

(2) Only four modules are placed on the home page: file tools, scanning and identification, QQ files, and WeChat files, which clearly highlight the core functions and features of QQ browser.

  • The file tool is not only the excellent potential function of QQ Browser, but also one of the two core functions of QQ Browser
  • Scan recognition is a feature of QQ Browser
  • QQ files and WeChat files are unique and characteristic functions of QQ Browser

2. Optimized the "Files" module

(1) Original question

Fidelity prototype diagram in the "direct" module of QQ browser

The key primary and secondary distinction of the "File" module is not reasonable enough, and most of the functions in the "File Module" are inconvenient for users to operate, and the operation process is relatively cumbersome. File-related functions, the division of subdivision modules is not clear, and the hierarchy is confusing. The sense of interaction is disorganized and poor.

(2) After optimization

Fidelity prototype diagram in the "direct" module of QQ browser

"Recently Used" is integrated into the "Files" module for quick and easy operation. The iteratively optimized module has clear hierarchies, prominent focus, and a good user experience.

This article was originally published by @Sapphire R on Everyone is a Product Manager and is not allowed to be reproduced without the permission of the author.

Image from Unsplash, based on the CC0 license.

The views in this article only represent the author's own, everyone is a product manager, and the platform only provides information storage space services.