淺談旅行酒吧手機版網頁

旅行酒吧手機版

上一篇文章分享是旅行酒吧APP介紹,裡面的功能就只有行程編輯這項,因此那時就想辛辛苦苦開發出一個APP,為何只有這麼一個功能呢?後來推測這也許是旅行酒吧產品定位的關係,可能因行程編輯在手機上非常不易操作,為能提供更好的使用體驗,所以才開發APP。那麼換個角度來看,也就是說除了行程編輯這功能外,網站上的其他功能都能讓使用者在手機操作上有良好的體驗囉!藉由這樣的假設,所以我就從主要的功能來比較一下電腦版與手機版的差異。

首先,在首頁部分,差異性不大,最上方的主畫面一致,且閱讀順序由上往下都一樣,只差在電腦版為兩欄式,而手機版是一欄式,因此電腦版右邊的那些資訊,在手機版上就是依序放在下方,瀏覽起來也非常清楚。而網站選單在電腦版就是很正常的放在最上方,手機版則是用“漢堡選單”收起來,這點是能夠理解的,畢竟畫面有限。然後在電腦版首頁有出現排行程、寫文章、問問題這三個選項,但在手機版卻是沒有的,都須點選相關類別後才能再做選擇。

電腦版首頁
左:手機版首頁 中:分類選單 右:首頁的最新文章

而在登入這部分,手機版就與電腦版位置相同,一樣放在畫面的右上方,沒有一併放在漢堡選單內,我想是為了避免使用者找不到登入吧。講到了登入,也一定要來看看兩個版本的登入頁面,恩,非常好,介面一模一樣,讓使用者不用重新學習新的介面,登入後,原本的登入按鍵在手機版上變成了一個頭像符號,讓人直覺聯想到點擊後就會出現個人的資訊,而電腦版就是很明確出現個人大頭照,兩個點擊後確實都出現了個人訊息。

登入頁面:左:手機版 右:電腦版

 

登入後:左:手機版,右:電腦版

接著我們來看看旅行酒吧豐富的旅遊文章,這些有著大量文字與圖片的文章,如何在手機上閱讀時也能保持清楚好讀且瀏覽順暢是最為重要的。打開文章後,無論標題、作者、日期、都清楚明白,在內容部分圖片與文字閱讀也非常輕鬆,而按住圖片就能直接下載也很方便,此外因是網頁的關係,所以要放大圖片也是非常容易操作,另外有一點特別要說,在閱讀文章的過程中,中間並沒有出現廣告的干擾(廣告只出現在開始與結尾),光這點就加好多好多分了。而出現在電腦版右側的一些功能,如喜歡,分享、留言等,在手機上同一收在右下角的紅色按鍵很容易找,只要點擊後就能了解。

文章閱讀介面與相關功能

在文章閱讀沒有遇到問題,至於編寫文章這部分應該就是關鍵了,旅行酒吧的寫文章主要有兩種方式,一是給一個編輯器,讓人自由發文,另一個就是套用自己建立的行程,然後依據行程格式來撰寫,但無論哪個方式在手機上都是不易操作的。行程建立方式是提供電腦版介面,所以在手機上就要移來移去,而自由編輯這部分,只能輸入文字卻不能上傳圖片,所以他在介面的下方也提醒要插入相片請用電腦操作,看來他的文章編輯跟行程編輯一樣,在手機使用上是困難重重,也許他APP下一個功能會是文章編輯吧。最後,在行程分享這部分,兩個版本閱讀起來可說沒有差異,僅電腦版右上方的功能列,在手機版上同樣放在右下方的按鍵內,行程編輯在上一篇文章已說過,這邊就不再贅述。

寫文章功能:左:手機版 ,右:電腦版
整體來說電腦版與手機版的使用體驗差異不大,無論使用什麼裝置應該都能很快上手,不會讓人需要重新去適應,且用手機版瀏覽網頁也很理想,不會有畫面忽大忽小、跑版等問題,撇開編輯功能不說,光在閱讀這部分確實表現不錯。而經過這一串的體驗分析後,對於手機版首頁為什麼沒有出現排行程、寫文章、問問題這三個選項也就明白了,應該就是手機版的編輯功能不佳,而上述的那些功能都是與編輯有關,因此就無需特別去強調。

此外,還發現個小問題,在電腦版上的問答選項有”我要發問“的按鍵,但在手機版上完全找不到該功能,且該頁面明顯與其他頁面不同,右邊漢堡選單不見了,要去其他地方只能點選上頁或點擊網站名稱回首頁,而右上的圖像符號變成了大頭照,感覺這一頁是之前舊的頁面,還沒被優化到的地方,雖說瑕不掩瑜,但如能一致表現就更為理想。

左:手機版,右:電腦版
這次透過簡單的分析旅行酒吧的APP與手機版網頁,確實讓我深刻體會到行動裝置帶來的挑戰,也讓我去思考我們站上到底什麼樣的功能適合放在APP,又或哪些功能進行手機版優化後能帶給使用者更好的體驗,甚至在以後讓我們的使用者無論是用哪種裝置都能獲得滿意的使用經驗,我想這是目標也是挑戰。

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *