DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 關於網頁技巧 >> 交互設計分析:設計原則的要點
交互設計分析:設計原則的要點
編輯:關於網頁技巧     

在我們開始一個項目設計的時候,腦子裡肯定有無數的構想。是做視覺沖擊強烈、奪人眼球的絢麗風格?還是復古的拼貼風?又或者目前最in的極簡主義設計,讓重點醒目的躍於畫面之上?作為設計師,我們總是日積月累的收集各種各樣的好創意,好的設計方案。但怎麼能在那麼多積累的想法中找到對即將開始的項目最合適它的創意或視覺效果呢?

除了靠我們作為設計師的本能感覺和一直以來積累的經驗以外,還有一個很重要的東西能幫助我們決定,那就是——制定設計的原則。

什麼是設計原則?

設計的原則應該體現產品或服務的經驗或價值的核心。

這些原則應該是簡要的,一語中的的,令人難忘的。 在完成項目的整個過程中,我們都應該用心記住這些原則。一個好的設計原則不僅僅要具體,它還應該貫通於整個設計中。在整個設計中的每一條原則都絕對不應該相互矛盾。因此我們不能僅僅想到制定怎樣的原則比較方便我們的設計,而是要做更多嘗試來讓每條原則和產品更加的契合,更好的為產品服務。

看看谷歌10個用戶體驗設計原則。(雖然有些老了~還是拿出來作為例子)

  1. 以人為本——專注於人們的生活、工作、夢想。Focus on people – their lives, their work, their dreams。
  2. 把速度精確到毫秒Every millisecond counts。
  3. 簡而有力Simplicity is powerful。
  4. 雅俗共賞Engage beginners and attract experts。
  5. 敢於創新Dare to innovate。
  6. 立足於世界的設計Design for the world。
  7. 掌握現在,放眼未來Plan for today’s and tomorrow’s business。
  8. 創造愉悅而沒有干擾的視覺享受Delight the eye without distracting the mind。
  9. 值得信任Be worthy of people’s trust。
  10. 添加一些人情味Add a human touch。

值得注意的是:設計原則是為了讓我們在眾多創意中選擇更符合我們產品的創意,而不是讓我們依據這些原則來創意。

利用設計原則來對各樣的創意進行篩選,這個方法很好用。但是如果過於堅持這些原則、甚至只是圍繞著這些原則來設計就不值得推崇了。雖然看起來在原則這個堅實框架下頭腦風暴創意是個不錯的主意。但是,如果我們那樣做了,就很難有顛覆性的創意產生了~所以,在最初的頭腦風暴激蕩的時候,不需要用這些原則來約束自己。

這樣的創意就沒有被具體的原則所約束。大家集思廣益,很容易就能把設計豐富、充實起來,並最終完成。

設計原則的要點:

  1. 它是建立在設計研究的基礎上的
  2. 它是簡短的
  3. 它是讓人記憶深刻的
  4. 它是貫穿整個設計的
  5. 它是以”便於使用“為特定目標的
  6. 它是每個與眾不同的想法的集合
  7. 它是絕不自我矛盾的

最後,再次分享一些設計原則的例子:

谷歌日歷的設計原則:

  1. 迅速的、奪人眼球的、使用愉悅的
  2. 用簡單到爆的方式讓信息輸入日歷
  3. 不止是一個屏幕裡德日歷(備忘錄、提醒等功能)
  4. 易於分享,你可以在這裡方便的看到你的生個生活

TiVo的設計原則(TiVo憑著“在幾分鐘之內讓小孩和普通人學會操作”而席卷美國市場)

  1. 傻瓜式的娛樂
  2. 傻瓜式電視
  3. 有多到要命的視頻
  4. 一切做到流暢而舒適
  5. 不形式主義和故作高深
  6. 尊重觀眾的隱私
  7. 做到如同電視般強大

微軟Windows 用戶體驗設計原則:

  1. 減少概念……增強信心
  2. 小的好或壞也很重要
  3. 看起來和用起來都很棒
  4. 要解決的是讓人分心的事,而不是可發現性
  5. 旋鈕和問題前的 UX
  6. 個性化,而非定制化
  7. 體驗的生命周期
  8. 為移動人士建造

Iphone的人機界面原則:

創建優秀的用戶界面Human Interface Principles: Creating a Great User Interface

1、隱喻Metaphors

當您設計您的應用程序時,請認識到 iPhone 操作系統存在的隱喻,並且不要對這些隱喻重新定義。

2、直接操縱Direct Manipulation

因為其多點觸摸界面,iPhone 操作系統的用戶享受著高度的直接操縱的愉悅感受。使用手勢操作讓用戶對他們在屏幕上看到的對象,感覺上更具親和力,和控制感,因為他們不必使用任何中間設備(如鼠標)操縱它們。

3、即看即點See and Point

提供選擇給用戶,而不是要求更多開放性的輸入,同時,允許可以讓用戶集中精力在你的應用程序完成任務,而不是去記憶如何操作它。

4、反饋Feedback

用戶除了要看到他們操作的結果,還需要得到操作控件時的即時反饋,以及在長時間操作中的狀態報告。您的應用程序應提供明顯的變化來響應每個用戶操作。

5、用戶控制User Control

讓用戶來觸發並控制行為,而不是您的應用程序。保持行為的簡單和直接,使用戶能夠很容易地理解並記住他們。盡可能使用標准的控件和用戶已經熟悉的行為。

6、美學集成度Aesthetic Integrity

用戶期望一個美麗的界面外觀,承諾樂趣和鼓勵發現。要確保你設計的用戶界面元素在這樣的應用程序裡是細致的,因此它們才能提供一個內部一致的體驗。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved