LOFTER、知乎、簡書web端「寫文章」功能差異交互分析

因為最近經常在LOFTER、知乎和簡書web端使用「寫文章」功能,所以在進行文章編輯的同時也發現3個平台「寫文章」功能的差異點及平台側重點。雖然「寫文章」功能基本操作流程大同小異,但在細節交互上存在很大的差異,下面談談我的一些想法。

平台簡析

下面是LOFTER、知乎、簡書的平台slogan及百度百科上的平台簡介:

從3個平台的slogan及平台簡介可以看出3個平台的平台屬性及中心需求的區別。

LOFTER 主打圖片社交,彙集多領域的品質生活家和生活達人,以打造高品質圖片社區。由此可見寫文章(長篇)功能並不是其核心需求。

知乎 是一個真實的網路問答社區,分享彼此的專業知識、經驗和見解,同時把自己本專業內的內容編輯成文章進行分享交流,寫文章是輔助問答的最好方式之一,所以寫文章是知乎的核心功能之一,這從web端的功能布局上也能體現出來。

簡書 是一個將寫作與閱讀整合在一起的網路產品,定位就是一款寫作產品,為作者製造一種沉浸式的寫作氛圍,進而可以專註於寫作,所以從核心上來說簡書更為專一。

功能入口

下面是LOFTER、知乎、簡書web端「寫文章」功能的入口位置:

LOFTER 其實並沒有專門的「寫文章」入口,只有發布文字的入口。作為一個圖片社交平台,LOFTER並不鼓勵用戶編輯長篇的文字發布,就像微信並不鼓勵用戶只發布文字放到朋友圈一樣。但是LOFTER採用的獨立域名,"專註興趣,分享創作"的口號,輕博客的產品功能還是受到很多人的喜愛。但是對於 LOFTER長文章的短板,LOFTER最近也剛上了 LOFTER的「長文章」功能,以便滿足用戶在圖片社交之外編輯更長文章的需求。

知乎 的「寫文章」入口在很明顯的頂部問答之後,這也符合知乎的問答社區屬性,作為輔助問答的核心功能

簡書 作為主打寫作功能的產品,「寫文章」入口在並不十分明顯的左下角。不過對於專一寫作而言,入口並不是影響寫作的主要因素

交互細節差異

下面從全屏編輯默認界面差異 、文章預覽差異、發布限制差異、移動端頁面效果差異等4方面進行對比:

1. 全屏編輯默認界面差異

從3個平台全屏默認編輯界面對比,LOFTER與知乎的頁面布局基本一致,簡書的文章編輯界面看上去更簡潔、清爽,無多餘視覺干擾,更容易讓用戶專註。

在上傳題圖方面,LOFTER的題圖上傳有寬高限制,從LOFTER 提供的官方圖片看,LOFTER依舊希望用戶提供高品質的題圖,以保證整個平台的內容質量;知乎 的題圖兼容性好,無寬高及格式限制;簡書 沒有題圖上傳入口,取用的是用戶文章中的第一張圖。

2. 文章預覽差異

從3個平台提供的文章預覽功能對比:

LOFTER 提供的預覽效果及支持設備更為豐富,包括移動端和pc端的預覽,為用戶編輯更有質量的文章提供有力支持。

知乎 基於社區屬性,提供的預覽功能並非針對自己,而是邀請好友預覽,以增強社區相同興趣或專業的用戶交流溝通頻率,增強社區屬性的社交粘性。

簡書 並沒有提供文章預覽功能,其一是簡書相對於表現形式,更注重文章內容及表現力,不僅限於視覺表現。其二是簡書文章編輯的樣式與發布完成後的樣式相同,在文章編輯時即可對樣式進行視覺調整,所以不需要單獨的預覽功能。

3.發布限制差異

從發布限制對比,LOFTER 只上傳圖片和標題即可發布文章,這樣輕鬆的長文章發布設置,與文字發布功能沒什麼區別,很明顯這還是基於圖片社交的基本屬性所設置。

知乎簡書的限制設置相同,都是必須輸入標題和內容才可發布文章,是以內容導向的設置。

4.移動端頁面效果差異

下圖為之前上傳在LOFTER、知乎和簡書的文章,web端的編輯樣式3個平台基本一致,但放在移動端頁面上存在布局差異。

主要的差異點是在LOFTER知乎、簡書的頁面樣式差異,我截取了3個平台相同文章的相同位置,知乎與簡書的展示效果基本一致,與web端的樣式基本相同,下圖為知乎與簡書的移動端頁面顯示:

下圖為LOFTER 的移動端頁面顯示,差異點主要為圖片無自適應,移動端依舊按照圖片原始尺寸等比壓縮顯示,以及移動端樣式與web端頁面布局出現錯亂,及圖文上下間距默名增大。在多端圖片與頁面樣式同步上LOFTER並沒有做到很好的顯示效果,這在一定程度上會降低用戶提供高品質文章的積極性,如果LOFTER對多端樣式同步保持一致,會對用戶提供有質量的文章起到極大的促進作用。

因為3個平台的平台屬性不同,在「寫文章」單項功能中雖然流程大致相當,雖然每個平台根據自己的平台特點設置不同的輔助項,但在輔助設置上存在巨大的交互細節差異。因為寫作時間比較緊,如在文章中表述不恰當也請指正,以便及時糾正。

所用設備:Mac pro 所用瀏覽器:火狐 、Safari 機型:iPhone6s


推薦閱讀:

「翻譯」Persona 指南
什麼樣的競品分析才有價值(下)——行動建議
從用戶視角看設計

TAG:交互设计 | 用户研究 |