乙個視覺互動設計失敗的案例

2021-08-14 00:21:34 字數 1420 閱讀 8632

最近在做產品設計時,遇到了乙個非常典型的設計失敗案例。這個案例反應了一些老生常談的問題,我覺得非常有意思。

好看的設計未必好用

原型圖

效果圖然而,在開發完成以後,我看著手機上的測試版,效果並不盡如人意。首先,成品並沒有效果圖那麼漂亮。在仔細對比後才發現,原來效果圖漂亮的原因,很大程度上是因為擺放的非常漂亮。而實際產品中的主播,並沒有那麼好看。這導致了看到實際產品後,有較大的落差感。

所以,建議ui設計師在出效果圖的時候,盡量擺放產品真實的內容。效果圖並不需要做得有多漂亮,而是需要在產品開發前,模擬產品的真實樣子,保證產品內容在最差的情況時,依然能有良好的視覺體驗。

除了視覺落差感以外,我在深度體驗產品時感覺到有些彆扭。所有該顯示的資訊都顯示出來了,那彆扭的問題一定是出現在布局上面。我開始翻看競品,想尋找問題所在。

拿yy神曲的頁面來說,雖然資訊比較多,顯得有些雜亂,但是並沒有彆扭的感覺。那為什麼資訊左右調換位置,就會產生彆扭的感覺呢?

yy神曲

於是,我第一次開始深入地分析頁面布局問題。

首先要說的是對於秀場類產品,絕對是第一視覺焦點。使用者篩選資訊,絕不會逐字逐句瀏覽,而是大腦進行關鍵資訊檢索,過濾次要資訊。使用者「第一視覺區域」是沒有問題的,使用者第一眼看這個頁面肯定是被此區域吸引。接著使用者掃視「①版塊分類」的標題欄後,下面重點來了。

總結:

在這裡還想說乙個問題,就是大家在效果圖審核時,常常會說:我感覺這個頁面有點彆扭,我覺得這個互動動畫有點不舒服。這到底是為什麼呢?這種彆扭到底是怎麼產生的呢?我想這種彆扭一定是視覺或互動傳達出的資訊有悖於個人的日常感知。如果有乙個頁面,很多人都覺得彆扭的話,那很可能是某個地方設計有問題。也許有些問題是顯而易見的,也許有些問題是深層次的問題。如果是深層次問題就需要產品、ui設計師或者互動設計師細緻地去尋找問題。存在的問題並不可怕,最可怕的是問題隱藏起來,而產品經理卻毫無感知。

乙個視覺互動設計失敗的案例

最近在做產品設計時,遇到了乙個非常典型的設計失敗案例。這個案例反應了一些老生常談的問題,我覺得非常有意思。好看的設計未必好用 原型圖 效果圖然而,在開發完成以後,我看著手機上的測試版,效果並不盡如人意。首先,成品並沒有效果圖那麼漂亮。在仔細對比後才發現,原來效果圖漂亮的原因,很大程度上是因為擺放的非...

乙個完整的互動設計流程是怎樣的?

早讀課 banner製作 早讀堂 流雲 簡介 互動研究死磕中 我的答案是基於 軟體觀念革命 互動設計 精髓 about face 這也是在國際上被廣為認可的流程。這個答案裡我盡量不參雜個人觀點。先放乙個大綱。一 定性研究 qualitative research 針對可能使用你的產品的人,可以是問卷...

乙個失敗案例帶來的啟示

據說通過這個0成本的推廣方法,他們1年賺了60萬。後來我也通過了同樣的方法,賣桂圓。但是直到前天,我接到那個要買桂圓肉的 時,心裡一陣陣的不舒服。有乙個故事,說的是2個囚犯被關在同乙個牢房,他們同時往外看,囚犯a看到的是鐵柵欄,囚犯b看到的是鐵柵欄外的風景。而很多時候我們都在懷疑自己。我們太快地去追...