Common locations The first is the location of the publisher entrance. There are four common locations: bottom tab, floating button, top navigation, and below the top navigation.
1. The bottom tab is located in the middle of the tab bar at the bottom of the page. It is displayed with a rounded rectangle or circular button, which is in sharp contrast with other tabs. Users can also quickly use the publishing function when they are at other levels.
This style often appears in some software that has strong demand for content publishing.
The buttons are in the thumb hot zone, making it easy for users to publish content quickly, and the buttons are eye-catching and prominent for users to find at a glance.
As shown below: Take Baidu Tieba and Zhihu as examples. They are both social software and strongly encourage users to publish content, so their publishing buttons are placed in the middle of the bottom tab bar, and the theme colors are used to form a strong contrast with the buttons next to them.
, eye-catching and easy for users to click.
2. Floating buttons Floating buttons usually appear independently in the lower right corner of the page and above the bottom tab bar.
Unlike bottom tabs that can quickly jump to publishing pages at other levels, floating buttons usually serve specific pages.
Its advantage is that it does not occupy the space of the top and bottom navigation, is convenient and efficient, can expand more functions, and is more convenient for users to click.
As shown below: Taking Keep and Douban as examples, their homepages use floating buttons to allow users to post content. They are eye-catching and easy to click, encouraging users to post content.
?3. Top navigation is located in the top navigation bar, which can be on the left or right. It is usually displayed in the form of a plus sign or a camera icon.
I think there are two reasons for placing it in this position. First, its demand is not that important, so it does not need to be highlighted like the bottom tab bar. Also, in some separate-level pages, the bottom tab bar will disappear, so it is placed at the top.
Navigation bar is the best choice.
As shown below: Take Douguo Food and QQ Space as an example. As a gourmet recipe software, Douguo Food definitely has more content viewers than content creators. The demand for publishing is not particularly large, so a publish button is placed on the left side of the navigation bar at the top of the homepage.
.
The main function of QQ is instant messaging. The space is a separate level and the bottom tab will disappear, so it is most suitable to place it in the navigation bar.
4. Below the top navigation It is located below the top navigation bar. It disappears when you slide up the page and appears after you pull down the page. It takes up more page space.
This style is not particularly common, take NetEase Cloud Music as an example.
Its Yuncun-dynamic page uses this style. What is puzzling is that a floating button is used on the square page.
Commonly used icon styles Icons are usually represented by plus sign, pencil, camera, icon+text, and special-shaped styles.
The selection of icons is linked to specific functions.
1. Plus sign The plus sign means an increase in quantity in mathematics, so using the plus sign icon usually means expanding more functions.
Take Baidu Tieba and Zhihu as examples. They have further refined the options to be published.
As shown below: After clicking the plus sign, specific options will appear. Common display styles include bottom pop-up window and bubble pop-up window.
Take Xianyu, What’s Worth Buying, and Weibo as examples.
Among them, Weibo uses bubble pop-ups.
Both Xianyu and What’s Worth Buying use the bottom pop-up window style. At the same time, they use blank pages to add more functions. For example, Xianyu added “Taobao exclusive, free delivery, scan QR code to buy books”, while What’s Worth Buying uses blank pages.
Advertisements have been added to the page.
As shown below: 2. Pencil Pencil usually reminds us of writing, so the publish button using the pencil icon usually mainly publishes text content directly without additional functions.
Take Douban and Mafengwo as examples, as shown below: 3. Camera Cameras usually remind us of photos, so a publish button using a camera icon usually encourages users to post photos or videos.
Take keep and Weibo as examples, as shown below: 4. Icon + text This is also a relatively common style. The form of icon + text is usually used as a publish button. Take Tencent Animation and NetEase Cloud Music as examples, as shown below: 5
.Special shapes are usually combined with the brand image and have strong personality and interest.
Take Ba Da, Bo Dong, and Face Ball as examples, as shown below: What are the key points? The main content shared today is the common publisher entrance style. I have summarized the following points: 1. You can use the bottom part when there is a strong demand for published content.
tab style, the buttons are eye-catching and easy for users to click; 2. Floating buttons are suitable for use on specific pages; 3. When the need for publishing is not so strong or when used in a separate level, it can be placed in the top navigation position; 4.
When more publishing options are displayed using the bottom pop-up window, you can use the blank page to add more functions.