釋放瀏覽空間:滑動隱藏術

iphone

清單視圖(List view)為一常見又方便的介面控制元件,它主要是利用清單的方式來呈現一堆具有相似格式的資訊, 使用者可以輕鬆透過它預覽大量資訊,找尋有興趣的內容下手。但礙於行動裝置有限的瀏覽空間以及尺寸大小,螢幕上的寸土寸金都必須應用的洽到好處,才不會造成使用上的不便。

以下圖左為例,標籤(Tab)以及導覽列(Navigation bar)的組合為 iOS 介面中一個標準且實用的實作架構,大部分會再加上一個子功能列(例下左圖的搜尋列),然而這樣的編排方式存在一個問題:主要的內容捲動區塊只能用到整個螢幕的 67%,剩下約有 33% 的螢幕空間在使用者捲動內容清單時是浪費的!尤其是當清單內容的項目是以圖片影像為主時,緊繃的內容捲動區會讓使用者手指感到束縛並且難以瀏覽項目內容。

iphone

但若我們能夠在當使用者瀏覽並捲動清單時,暫時釋放這些可利用的空間,可以增加原來閱讀區塊 42% 的空間!除了可以讓畫面更簡潔乾淨,還可以提昇閱讀性以及使用舒暢度(如上圖右)。

Foap

使用捲動隱藏的 APP 如 Foap(上圖)、Pinterest、Pulse News 等,其方法主要在當使用者指頭向上滑動時,此時系統判斷為使用者開始閱讀內容,便可將上下其他的視圖透過簡單的動畫滑動移除,並將內容區塊大小漸變至全螢幕(如上圖右);而當使用者停止捲動而指頭稍往下方滑動時,可以判定為使用者已經停止閱讀更新訊息,並希望有下一步動作或離開此頁面,此時便可將移除的視圖都呼叫回初始的狀態(如上圖左)。

透過這樣簡單的機制,便可以讓使用者在閱讀內容時,有個舒適寬闊的視野與環境!

 

錯誤處理是人機介面中非常重要的一環,當系統發生錯誤的時候,告知使用者系統處於什麼錯誤狀態、以及如何排除錯誤狀態是一件非常重要的事。要清楚的讓使用者知道到底錯誤是...
操作制約,指的是生物受到刺激後引發行為改變的一個過程。心理學家 B.F. Skinner 在操作制約的研究中,將受測的老鼠放置在有可以拉動的把手的小籠子裡,然後...
資訊圖表(Infographic)是最近一個非常流行的話題,其主要目的是把大量的資訊整理成一張好用的圖表,加上有趣的視覺或故事效果,可以讓讀者可以快速的吸收大量...
世界頂尖創意公司 IDEO 的掌門人 Tim Brown 在他所出版的書「設計思考改變世界」中提到: 在我十歲的時候,我就瞭解到,製作原型的本事是建立在經年累月...
人類是一種社交動物,在人類的演化上,社交生活深深的影響人類的生存。透過同伴之間的表情,我們可以觀察出他人的情緒和意向,讓我們能夠結合成團體,集體面對大自然的險惡...
1956 年,認知心理學家 George A. Miller 發表了一篇名為「神奇的數字:7 ± 2」的論文,內容描述人類的大腦對於短期記憶的研究:人類對於 5...
© 2013 Desiring Clicks. All Rights Reserved.
Top