使用者體驗設計:好的轉場效果設計

來源:互聯網
上載者:User

文章描述:好的轉場效果對於使用者來說應該是幾乎不可見的。轉場協助使用者理解他們試圖要看到的以及他們從哪裡而來,這一切應該快速且流暢。延遲或停頓損害了整體使用者體驗並且暗示使用者可能出錯了。當UI播放彷彿患上運動病,早就習慣了的流暢頁面切換突然靜止了一到兩秒,使用者會以為遇

生命和自然是一個很大的轉場效果。太陽徐徐升起標誌一天開始然後緩緩落下標誌白晝結束夜晚來臨。我們誕生於子宮起源於微小細胞,慢慢成長漸漸老化,直至死亡。

有時,當一件東西從一個狀態突然跳到另一個狀態,感覺上可能還行但就是不太對。

故意設計的比較慢的轉場效果感覺很糟。當設計一個應用、介面或者任意類型的結構化內容時,我們必須要確保當使用者抵達一個新頁面或新狀態時知道他們從哪裡來。從一個螢幕或一組內容到其他地方的轉場效果應該自然且應該在各種配置下的裝置上進行測試以得到更寬泛的效果感受評估。轉場太快,可能令人有斷裂或跳躍感;太慢,用起來很絕望。

當討論到設計時,“轉場”這個詞通常會喚醒人們對於ppt或用廉價視頻編輯軟體做出來的自製電影的印象。但所謂轉場過渡不僅只是如此。

轉場讓我們在不同狀態間跳轉,一天好幾次。大多數時間,這些轉場效果是完全不可見的(他們應該就是這樣),直到他們被拿走了我們才認識到原來他們在那兒。本文討論了轉場效果以及完美設計的轉場效果通過傳達了一種控制感及便捷導航來增強使用者體驗的內容。同時也將討論為何不好的轉場效果會損害使用者體驗。

什麼是轉場過渡?

在定義上,轉場的意思是“某種形式或類型之間的變化,或者是這種變化的過程。”之前已提過,我們一直無意識地在做轉場變化,並且這些變化擴充了電腦介面。一個設計的好的轉場效果就像是告知了使用者他們用哪條路徑快速的從A點到了B點。

眾所周知,轉場在介面設計中很常見,但同時也在電影和產品設計中被使用到。在產品設計中,轉場由觸摸、移動或者對於產品的物理搬動而觸發;而在介面設計中,轉場由應用介面或內容之間的跳轉而觸發。轉場效果應該是可以給使用者提供他們究竟在介面之間處於哪個位置這一資訊。

轉場的例子:

電影

在1971年的電影Willy Wonka & the Chocolate Factory的開場鏡頭裡,金票獲得者們為了一睹難以捉摸的Willy Wonka出現而聚集在神秘的工廠門外。

Frames from Willy Wonka & the Chocolate Factory (1971)

如鏡頭展現的,觀眾的視線從人群身後,穿過門,朝向工廠;另一台攝影機角度取的人群身後到工廠大門之間;我們的視線時而在Wonka身邊看著他一瘸一拐走在紅地毯上;時而從他身後看著他。儘管從攝影機角度上來說沒有可見的在這兩者之間的轉場效果,觀眾仍可以十分清楚地理解視線究竟位於何處。

觀眾是坐在他們舒服的沙發上看電影的然而他們仍有一種身臨其境的感覺。這是一種情緒上的轉場效果。

[1] [2]  下一頁



相關文章

Cloud Intelligence Leading the Digital Future

Alibaba Cloud ACtivate Online Conference, Nov. 20th & 21st, 2019 (UTC+08)

Register Now >

Starter Package

SSD Cloud server and data transfer for only $2.50 a month

Get Started >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。