2009-06-04 62 views
6

從一些背景開始,每當我在Windows計算機上進行設置調整爲「最佳外觀」超過「最佳性能」,我立即關閉所有淡入淡出,轉換,動畫等等時,我都非常惱火。在改變之前,我幾乎無法專注。什麼時候UI眼睛糖果適合在網絡應用程序?

然而,當涉及到我的web應用程序,我會很偶爾扔在一些「眼睛糖果」 - 也許有輕微轉變,因爲瞬間轉變似乎分心或過於突兀。

雖然我覺得自己像個僞君子。我從不在桌面計算機上選擇較慢的用戶界面,當我更改家庭,朋友和客戶端的桌面設置時,沒有人會要求切換回老的慢速方式。

所以我是偏向還是有經驗的,當它實際上是適當的一些合法的規則?

在我目前的困境中,我使用一個淡入淡出的Javascript分頁器來顯示下一頁的內容超過0.75秒的內容,因爲如果我不這樣做,更改會導致一個微小的閃爍(讓我分心) ,但是如果我在用戶座位上,我會尖叫,「只是給我看看這個頁面!」

的思考?任何人閱讀這些東西的好書嗎?

編輯:我應該提到,在我目前的例子中,如果我願意,下一頁幾乎總是可以立即顯示。當用戶在當前頁面上時,我預取下一頁。這就是讓我看起來像這種「眼睛糖果」的一個方面。我可以做得更快,差不多與用戶沒有什麼不同。

2日編輯:感謝所有的建議和注意事項。有很多書我都很期待閱讀。我將ui-patterns網站標記爲答案,因爲它對於這類問題是最直接有用的。也沒有人提到YUI design pattern library,但我後來碰到它。這是一個很好的資源,甚至地址this issue。另外,當我處於這個特定例子的階段時,我絕對打算尋求用戶輸入。

最後,我明白,我瞭解它最初的推理沒有考慮到使用Windows VS我的應用我的熟悉程度。由於我習慣了Windows桌面,我現在只想完成任務。當我第一次使用xp時,也許會回來,那些有助於一兩天的轉換。 (我不記得是這種情況,但也許吧。)如果我的網絡應用程序經常使用,那麼我的轉換可能也是如此。不久,我(和我的用戶)會厭倦我添加的任何眼睛糖果,即使它非常短暫。我會看到並問。

謝謝大家!

+0

瞭解你的觀衆。在我的工作中,我需要偶爾(幸好)使用具有淡出/插入功能的Flex GUI。我在家工作並通過VPN + RDP訪問應用程序,因此淡入淡出需要幾分鐘的時間才能呈現。這是痛苦的。 – 2009-06-08 21:17:41

+0

以我個人的經驗來看,0.2秒足以減少閃爍,同時又不失活潑。 – 2010-08-04 08:17:31

回答

4

我發現UI Patterns做UI決策時是非常有幫助的。

+0

很不錯的網站 - 我從來沒見過它,但我點擊了第一隨機鏈接(http://ui-patterns.com/pattern/InputFeedback)提供了大量的信息和洞察一個非常具體,非常共同的任務 - 謝謝! – 2009-06-04 04:29:28

+0

對於我來說,這是一個網站,它展示了UI反模式的混亂。具有諷刺意味的。 – 2009-06-04 04:43:34

+0

我已經找到YUI設計模式庫(http://developer.yahoo.com/ypatterns/index.php)並在第二次編輯中提到它。這與使用乾淨佈局和更多信息的UI模式很相似。 – 2009-06-08 17:55:47

1

我真的很喜歡MSDN支持的新「低帶寬視圖」。我想把它想象成網站上更常見的標準。

這樣,我可以選擇可能會在不同時間更改的用戶體驗。

+0

Gmail有一個基本的html模式。而dilbert.com有dilbert.com/fast,我認爲dilbert.com上的「Unix/Linux」鏈接指向它很搞笑。 – baudtack 2009-06-04 03:45:33

7

有沒有簡單的答案The Design of Everyday Things是一個開始尋找簡單設計的好地方。像SO這樣的網站有一個「乾淨」的外觀和一些額外的閃光(比喻不是adobe類型)似乎最好。

究竟不是MSDN是一個良好的開端......

更新 - 正如在評論中指出約翰MSDN的低帶寬觀點實際上是相當不錯的。好的電話John Weldon我從來沒有看過它(可能永遠不會有)。謝謝!

1

但是也許如果我是在用戶座椅, 我會尖叫,「讓我開開眼界 的頁面了!」

我認爲如果你的轉換是有用的,最簡單的方法是詢問你的用戶。您希望用來改善體驗的任何UI技術都一樣。

我認爲經驗法則將是困難的,因爲不同的應用程序(基於Web與否)有不同的觀衆,不同的使用期望等

1

動畫也有助於吸引用戶的注意力吸引到屏幕的一部分。仔細使用它們可以使系統更容易使用。窗戶上的一些eyecandy只是爲了減緩速度並迫使用戶等待。在Windows中滾動菜單的最大問題是我已經知道我在找什麼以及在哪裏可以找到它。該菜單只是增加了一個延遲。這可能不適用於您的網絡應用,因爲用戶正在探索您的系統。

如果一個系統具有吸引力並呈現良好,它會使用戶心情更好,並使他們更加確信自己可以解決問題。當問題出現時,「我該如何做xyz」,他們發現問題更容易解決。花費時間和精力使界面更加美觀將通過更好的用戶體驗以及更好的營銷形象獲得回報。這也讓你感到自豪,因爲這個系統對於擁有一個偉大的產品至關重要。一個偉大產品的標誌是開發者自己定期使用的標誌。

0

我喜歡網絡應用效果和眼睛糖果。只是不要讓它「過度殺傷」:)

0

基本上,如果你的web應用程序是獨一無二的,你不相信你會有很多競爭,那麼eye candy是完全不必要的,因爲人們會使用你的服務,無論(因爲它是唯一的)。然而,如果你有很多競爭對手需要處理,一個漂亮的設計和漂亮的動畫肯定會吸引更多的用戶,因爲你需要一些東西來打動他們。

一般來說,只要它不傷害可用性,就去做吧。 :)

0

這取決於你想通過網站實現什麼。我們已經爲需要炫目的品牌製作了一些網站,不惜以犧牲性能爲代價。

1

真的只有一條真正的規則......唯一知道答案的人是你的潛在用戶。因此,您需要離開並從潛在用戶那裏獲取這些信息,以便您儘可能瞭解他們對您網站的期望。

如果它是一個已經在開發中的產品,你可以隨時去找一些用戶和測試的東西。

另外,需要注意的是非常重要的:即使我們假裝Web的應用程序是相同的應用程序......他們不是,至少在概念上在我們的大腦。人們期望應用程序和網絡應用程序彼此之間的工作方式不同,即使它們存在微小的差異。使用你的分頁示例。有機會,如果你用分頁編寫了一個完整的應用程序,你可能會期待一個非常快速的過渡。但是,因爲這是一個網頁在你的大腦中的標誌。

編輯:如果你想讀的交互設計一些書,你可以嘗試艾倫·庫珀劈頭蓋臉2.0,露西薩奇曼的坐落操作或搜索周圍的事物,喜歡usability.gov。

0

UI吸引眼球是非常重要的。但千萬不要妨礙良好的用戶體驗。這是一個意見(這是一個緩慢變化),有眼睛糖果將提供良好的用戶體驗。

用戶體驗的設計應首先,然後添加亮粉,送花兒給人記住的是,在設計「少就是多」

1

檢查出一些這裏提到亞馬遜的其他書籍後,我也碰到"Don't Make Me Think"。雖然我沒有讀過這本書,但我閱讀了很多評論和摘錄,看起來非常好,所以我將它添加到列表中。

2

你有你的產品演示,有人把它賣掉?或者它是一個獨立的網站。如果您正在演示一個待售產品,我認爲眼睛糖可以幫助人們記住您正在銷售的產品。

尋找華而不實可以讓人認爲你的產品更「專業」。

相關問題