mobile01、巴哈姆特、Dcard APP的發文介面與操作體驗

左:mobile01;中:巴哈姆特;右:Dcard         

之前分享了mobile01、巴哈姆特、Dcard與卡提諾論壇等APP的文章閱讀體驗,這次想要分享的是關於“發表文章”這件事。對於論壇型的網站來說,豐富的文章是吸引他人到訪的主因之一,而這些文章的產出,依賴的就是使用者們的貢獻,那麼一個良好的發文介面與操作流程更顯重要了。

本次我主要以常用的編輯功能來操作,列如文字的大小、顏色改變、上傳圖片、影音等,來體驗mobile01、巴哈姆特、Dcard 這三個iOS APP的發文介面。(註:卡提諾APP沒有發文功能)

Mobile01

發文按鍵固定放在介面的左上角,用“筆”的圖案來示意,讓人很直覺得聯想到寫文章這件事,因上方的資訊較多所以有些干擾,點擊後就直接開啟了發文介面。在發文介面上方有明確的告知取消與傳送指示,且傳送還用其他顏色來強調,而”新主題”的說明也讓人知道是要發表新文章,此外一打開介面游標就直接顯示在主題欄位,有指引寫文章順序的效果。在主題下方是選擇要發表的看板,雖沒特別說明,但因用顏色來做差異,會直覺的去點擊,操作過後也能輕易的了解意思,且在空白的編輯器上也提供操作說明,能減少使用者的疑慮。

Mobile01 發文操作流程

Mobile01的發文介面提供許多編輯功能,統一放在鍵盤的上方,因項目許多所以可左右滑動操作,在文章編輯操作過程中,有幾個設計還算不錯,但整體操作下來是比較讓人困擾。

方便的:

  • 在加入連結與加入影片部分,點擊項目後,會自動的帶入網址,無須自行貼上。
  • 圖片的開啟方式是點擊後直接取代鍵盤的位置,不同於一般常見另開圖片頁面,少了一次切換的動作,降低干擾。
  • 提供草稿功能。
左:自動填入連結;右:開啟圖片方式

困擾的:

  • 有提供顏色選擇,但無論是在打字前或之後的選取,文字顏色都無法改變。
  • 提示與顯示結果不一:點擊選項後會呈現綠色,但有時卻沒有正常顯示, 需重新點擊才會正常。
  •  功能的圖示做得很大,但彼此間的距離有些近,點擊時總會小心的操作,避免按到其他的功能。
  • 沒有刪文功能:發文後如想刪除文章,只能請管理員處理Orz。

巴哈姆特

發文按鍵採用浮動式按鈕(Floating Action Button/FAB)放在介面的右下方,清楚易見且明瞭,點擊後進入了發文介面,會先主動開啟看板選單,選完看板後,就會再跳出類型選單,完成這兩個操作後,游標就會自動的顯示在文章標題上,一步步的讓使用者完成必要的操作。介面上方的操作說明明確,抬頭用”發表文章”清楚告訴使用者目前所在位置,整個編輯介面看來簡單乾淨。

巴哈姆特發文操作流程

巴哈姆特同樣的也提供多種的編輯功能,操作模式也與Mobile01的方式相同,皆採左右滑動的方式,且項目的圖示間距較大,不用擔心會按到其他的功能,整體來說在編輯體驗上比Mobile01順利。

方便的:

  • 能順利的改變字的顏色、大小、粗體、斜體等,操作狀況顯示明確
  • 如有複製連結或影音時,會出現提示,讓人不用點擊相關功能就能直接寫入文章內容
  • 提供草稿功能

困擾的:

  • 沒有鍵盤收合功能:當文章多時,如想看整篇文章排列狀況,因無法收起鍵盤,造成不能觀看完整文章。
  • 刪文功能不易尋找:刪文功能隱藏,須在文章內手勢往左滑動才會出現,個人在多次嘗試後依舊無法找到,是上網搜尋才得知。
左:自動新增連結;右:好難找的刪除文章功能

Dcard

發文按鍵固定在介面右上角,且因上方資訊干擾較少,比Mobile01更快發現,進入介面後游標同樣會自動出現在標題,上方說明都清楚易懂,不會讓人感到困惑,”下一步”也用顏色淡化的方式,表示目前該按鍵無法點擊。在內容部分顯示的資訊會隨著選擇的看板而不同,讓人了解該看板的主題是什麼,個人認為這部分的設計是不錯的使用體驗,整個發文介面也是非常簡易。

Dcard發文操作流程

Dcard提供的編輯功能有別於前面兩家的多樣性,它只提供上傳圖片與影音這兩項,如此反而在寫文章時會更專心,不會想要如何的編輯版面,且送出的文章就會更為一致,不會這篇有顏色,那篇字很大等等狀況,讓整體的閱讀會更為舒服。

因Dcard提供的編輯功能少,所以在操作上幾乎沒有遇到問題,只是在上傳影音部分,選擇來源時只有提供相機和相簿這兩個選項,沒有提供可以貼連結的方式,是在嘗試把影音網址直接貼在內容上,送出文章後才確認這樣也是可行的,還有每次送出文章,都會出現“發文小提示”,要點擊同意後才能送出文章,也讓人覺得困擾。

左:在內容提供看版說明;右:上傳影片選項

總結

從這三家的發文功能來看,在介面設計上都是簡單清楚的,且整個操作步驟都很少,並且都有引導發文的設計,用這些方式來降低使用者在發文上的困難,而在編輯功能提供方面,個人原本的想法是盡量去滿足使用者的需求,如改變文字大小、顏色、加粗體……等等,但在這樣一連串體驗下來,知道有些功能其實在手機上操作是較為困難的,如無法做得很理想,反而會讓人覺得難用,那就失去提供功能的意義,尤其在看到Dcard只有提供上傳圖片與影音這兩項功能,更讓我去思考我們站上使用者的發文情境,或我們想要使用者發表什麼樣的文章,藉由這些角度來發想,希望能提供符合使用者需求的發文介面。