iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 21
2
Modern Web

PM 觀點 - 30 天 redesign 心目中的 LINE系列 第 21

【Day21】redesign 心目中的 LINE (2):重構聊天室內頁(內有線稿 wireframe )

  • 分享至 

  • xImage
  •  

歡迎追蹤,一起在 30 天完成心目中的 LINE redesign

昨日聊到聊天列表頁的設計,今天換談談聊天室內頁的 redesign ~

聊天室設計

註:點此可回顧 LINE 現況畫面流 C 端使用者的使用行為使用者的建議

聊天室是在使用 LINE 溝通最關鍵的功能,在 redesign 的過程,首先會想調整的順序如下:

  • 強化搜尋功能
    在搜尋欄位輸入關鍵字後,就可以列出符合關鍵字的訊息、連結、檔案相簿、照片・影片、記事本・話題串。其中,話題串即是指記事本原有的「開話題」功能

  • 增加聊天室的介紹文字並重構「設定」頁
    由於聊天列表頁已經有使用漢堡選單的 icon,因此在聊天室內頁已 "..." 表示點擊後會出現其他功能;展開的內容包括:關閉通知、新增聊天室好友、可為聊天室設定描述文字、歷史公告,最後再顯示聊天室儲存空間的相關資料及設定。這樣的設計,是希望將所有跟聊天室相關的訊息,都可以整理在同一頁做總覽,也幫助新加入聊天室的成員能快速進入狀況~

  • 優化語音錄製的 icon 設計
    原錄製語音的 icon 與手機鍵盤原生的語音轉文字的麥克風 icon 十分接近 ➜ 改成人說話產生聲波的 icon,並改放在畫面最左手邊

  • 優化輸入框與進階功能的位置
    訪談周遭使用者,發現多數使用者在使用 LINE 時,以文字訊息、上傳照片及語音居多,因此調整按鈕順序,並以符合古騰堡排列的原則,將代表進階功能的「+」移至眼球最後的視線區(最右側)

  • 優化上傳照片的流程
    原本需要先點擊「>」按鈕,才能選擇照片按鈕 ➜ 改成直接顯示照片 icon、並增加預設可顯示的照片數量,並將相機 icon 顯示在選擇圖片的畫面之中

  • 重新組合對話串子功能順序
    將對話串的子功能,依操作屬性分為基本操作、引用與其他,將同性質的功能擺放在一起,一行一種屬性,以方便查找。同時,新增一個可以直切將對話串加入「話題串」(原貼文串的開話題)的功能,不過在話題串的設計,希望同記事本設計,只是用頁籤區隔。
    透過這方式,將對話本身進行不同分類,記事本 ➜ 紀錄或筆記用,話題串 ➜ 延伸討論用~~
    最後,比較特別的是,希望也可以看到別人留言有幾人已讀、以及是誰已讀,這樣討論事情時,才不用問有沒有看到(不過這就要搭配可標示為未讀的功能會較好)

在設計聊天室內頁時,其實有思考過,有沒有需要在對話串做二階留言或貼上表情符號的功能,不過仔細想想,這功能在工作群組會很有幫助,但在一般群組的益處比較小,因為以 LINE 的角度,應該會希望對話能常常持續延伸、讓使用者多使用 LINE 互動,而非簡單在對話串加上表情就終結對話~

因此,雖然有許多工作者會使用 LINE 溝通,但 LINE 的短期定位還沒有要自己挖深工作相關服務的計畫,所以像這樣 nice to have 的功能,就會思考可用現有的記事本分支的對話串替代,或是另找其他解決方案(其實~已經有策略,不過先賣個關子/images/emoticon/emoticon25.gif

今天先到這邊,時間好快,第一波連假要結束囉~~


謝謝你的瀏覽。如果你喜歡我的文章,歡迎點擊追蹤或訂閱接收更新通知,一起體驗 30 天完成心目中的 LINE redesign(剩最後 9 天!)如果有任何指點與建議,也歡迎留言交流,一起激盪更好的優化與創意。

我們明天見:)


上一篇
【Day20】redesign 心目中的 LINE (1):移除主頁+增加群組分類功能(內有基本設計原則與線稿 wireframe )
下一篇
【Day22】redesign 心目中的 LINE (3):來逛逛,看看有什麼新服務吧!(內有線稿 wireframe )
系列文
PM 觀點 - 30 天 redesign 心目中的 LINE30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

我要留言

立即登入留言