濟南網站建設一個“啟示”是一種感知信號或線索,一個對象可以被用來執行特定的動作。 坐在椅子上在膝蓋左右的高度,似乎提供支持。 它可以提供坐。 牙刷有一個把手比人類手掌長一點。 它可以提供揪心。
所有我們身邊有啟示的對象:有些是明確的(“推”的牌子上面門把手),以及其他被隱藏(椅子可以用來打破窗戶或用作武器)。 這個詞最早是由心理學家詹姆斯·G·吉布森,然后在他的書中介紹了人機交互由唐納德諾曼創造日常事物的心理學 ,必讀新進工業及產品設計無處不在。
界面設計人員使用適宜性的所有時間,他們不得不這樣做。 不像物理對象 – 這通常都基于它們的大小,形狀和重量啟示 – 網絡和移動接口必須通過設計獲得他們所有的啟示的。 對于大多數設計師來說,這是直覺和本能的基礎上,成千上萬的設計模式,我們每天看到的。 但你有沒有想過讓一個對象負擔點擊,滑動,拉或推的素質?
通過深入了解如何啟示的作品,你會更好的主界面或產品設計。 你就可以使用啟示作為一種工具,使您的設計更容易使用 ,并鼓勵用戶進行想要的操作,如同簽訂了一個產品,生成內容或與其他用戶進行連接。 更好的啟示可以對轉換率,登記率和,最重要的網站,應用程序或產品,你正在設計的用戶操作產生重大影響。 這就是為什么“啟示”是最被低估的單詞在網頁設計。
你可以指望的行動用戶可以承擔的數目QQ空間分享的主頁?
雖然這似乎是一個很簡單的屏幕,你可能會驚訝的是,11的行動是可能的QQ空間的主頁 :
- 輸入電子郵件地址,
- 輸入一個密碼,
- 點擊問號圖標(這會導致一個密碼恢復屏幕),
- 點擊“登錄”按鈕,
- 點擊“注冊”鏈接,
- 單擊“條款”鏈接,
- 點擊“隱私”鏈接,
- 點擊“張貼者blvcktrip”鏈接,
- 點擊blvcktrip的化身形象。
- 點擊“搜索QQ空間分享’輸入字段
- 按下回車鍵來搜索輸入的任期
如果你能猜出這些動作,你承認啟示,這是一個接口“能提供”其功能給用戶的方式這樣做。 所有你必須??一起工作是QQ空間的頁面的平面截圖。 通過識別模式和明確的啟示,你能調查該接口的功能。
并非所有的啟示都是平等的,有些是比別人強了解人們可以在一個界面中使用的適宜性的類型是很重要的可供性大致可分為以下類型之一:明確的,圖案,隱喻性,隱蔽性,虛假的和消極的。 我們將深入研究每個類別對這篇文章的其余部分。
明確的預示
明確的啟示是通過語言或對象的外貌信號。 文字,上面寫著“點擊這里”能提供明確的點擊。 這似乎從周圍的表面凸出的按鈕,似乎觸覺,并讓推。 門把手用“推”它上面可以供人推。 一個輸入字段,上面寫著“寫評論”能提供明確寫入意見。
這些啟示是明確的,因為任何人能夠猜測如何與元素進行交互,即使他們從來沒有接觸到接口之前。 這些啟示不依賴于模式。 看起來可推力推的邀請,無論是在屏幕上或關閉的對象。 一個鏈接,上面寫著“點擊這里”請點擊即使用戶以前從未見過的鏈接。 只要用戶知道如何按或推,承受能力就會發現。
明確的啟示是特別重要的在下列情況下:
- 當一個接口的用戶不太可能已經接觸到許多啟示的模式,在過去
發生這種情況最常見的與用戶誰不精通技術或誰不經常與網絡或移動界面交互。 這些用戶不太可能通過設計模式來認識啟示。 這也可能擁有真正獨特或創新的接口。 第一個移動應用程序大量使用明確的預示性的敲打或刷卡操作。 - 如果沒有模式已經確立的信號動作的啟示
它可能是不清楚如何在視覺上傳達了一種在移動接口的對象可以供人捏向內收和向外擴展。 在這種情況下,設計者可能會使用明確的啟示(即加入“捏擴大”文本對象)。
是否使用明確的啟示取決于上下文。 過于明確的可以引入到冗余設計。 如果每一個環節上寫著“點擊此處”,頁面將變得單調。 考慮你的觀眾會怎么可能理解對象的啟示沒有明確的指示。 例如,對于高科技創業者一個應用程序的用戶可能已經見過一個輸入字段。 他們可能會感到光顧,如果接口指示他們“點擊輸入一個電子郵件地址?!?/p>
圖案預示
這是啟示的現代界面設計中最常見的類型。 例如,我們含蓄地理解文字不屬于一個句子,位于頁面上的內容主要區域外,通常鏈接,點擊得起。 我們認識到,整個含脫節的話在屏幕頂部的條形通常是導航欄,而買得起的話導航。 我們認識到,在一個類似按鈕的背景單個詞或短語通常是一個可點擊的按鈕執行一個動作。 我們猜測一個單詞或短語與向下箭頭的旁邊通常擴展到一個下拉菜單。
一個模式的比喻是一個既定的比喻傳達一組特定的預示性。 例如,電子郵件通常是由一個信封圖標(即使發送電子郵件從未涉及物理信封)表示。 這個比喻是有效的,因為它是一個既定的模式。 我們將更加詳細地對隱喻啟示一節討論。
模式啟示是優雅的,因為它允許一個復雜的界面,快速的信號很多啟示給用戶。 當我們用更多種類的網站和應用程序進行交互,我們成為更好的快速解析啟示可供無數給定的屏幕上。
這里是我的ENVATO Studio的主頁上的圖案啟示列表:
元素 | 預示類型 | 能提供 |
---|---|---|
導航欄 | 模式 | 瀏覽網站 |
鏈接 | 模式 | 點擊 |
標志 | 模式 | 返回首頁 |
鏈接在右上角 | 模式 | 管理帳戶 |
“類別”下拉 | 模式 | 訪問更多選項 |
放大鏡圖標 | 圖案隱喻 | 搜索 |
內容模塊 | 模式 | 點擊模塊 |
要了解一個設計的模式上依賴啟示,問問自己,如果你從來沒有互動與之前在網上或者智能手機,但你知道如何執行如單擊和攻絲基本動作,你會明白這個界面給予你的行動?
模式為我們提供了精彩的 ??快捷鍵很容易溝通啟示。請記住,他們依靠已經一起度過的應用程序,網站和其他接口交互的豐富的時間。 當你設計一個精通技術的觀眾,圖案啟示將彌補你的大部分設計。 當設計,可能不會有這樣的財富與接口(如兒童,老人及所在地區的Internet接入是最小的)經驗的觀眾,那么你會想要依靠模式啟示較少。
隱藏的預示
一種較隱晦的形式,隱藏的啟示變得很明顯只有一次一定條件已經滿足 – 例如,能提供一下,只有當它已經將滑鼠移到(和響應,通過改變顏色)鏈接文本。 在iOS設備,為應用程序圖標的每個畫面可以供人暫時只刷卡當你挖掘和拖在主屏幕上。 對Pinterest的 ,一個固定的項目能提供最愛只有當它上空盤旋。 默認情況下,元素的啟示是,沒有透露,直到用戶已經采取了一些行動來激活提示。
隱藏的啟示是在復雜的界面,常被應用在制作的每一個啟示立即顯現出來將雜亂的接口或混淆可用操作的層次結構。 隱藏的啟示,可以巧妙地用來淡化不那么重要的行動。 這是偉大的,當一個功能很少是必要的(例如,報告的圖像作為是不恰當的)。
風險在于, 用戶可能無法直觀地知道如何揭示啟示 。
最后,千萬不要用隱藏的預示性的重要措施。 相反,以漸少必要的行動進入后臺減少周圍重要行動混亂。
在考慮是否使用隱藏啟示,問問自己,可能一個用戶順利地使用這個接口而不用知道這個行動? 如果答案是肯定的,那么隱藏的啟示將是適合這個動作。
例如,使用戶“喜歡”的通過將鼠標懸停在它是可以接受的一個畫廊項目。 用戶可以每天愉快地參觀畫廊沒有感覺喜歡它的沖動。 但是,只有通過將鼠標懸停在網頁的某一部分授權訪問畫廊的影像會是很多人的一個障礙。
這在很大程度上依賴于隱藏的啟示一個iPhone應用程序是透明 ,一個待辦事項應用程序。 然而,已經稱贊其設計 。
它是美麗的? 是。 然而,它主要是依靠隱藏的啟示。 當你拉項目清單下來,屏幕上方向下折疊,指示您“拉來創建一個項目?!苯怄i這些指令需要試驗。 向左輕掃刪除某個項目,而刷卡右標記為已完成。 捏兩個列表項除了創建它們之間的新項目。 向內捏關閉列表。
這些隱藏的啟示并不意味著清除有一個不好的用戶體驗。 在第一次打開應用程序,你可以通過它的一些功能的教程滾動。 如果你忘記了從教程的指示,待辦事項看起來像邀請物理實驗板。 你會明白,一個待辦事項應用程序可能允許被添加,刪除或標記為已完成的項目。 面板看起來他們可以被操縱。 通過最初的學習曲線貼吧,用戶獎勵與使用舒適,并用干凈的,最小的接口交互的能力。
的設計理念體現在清除是不恰當的所有接口,但是。 學習曲線的陡峭,為落客大用戶之間的比率。 清除花錢買的,所以用戶必須投入時間學習界面的理由。 考慮光譜的另一端:誰發現自己的登陸頁面為您的產品的用戶。 他們沒有理由花費時間尋找隱藏的啟示。 事實上,如果可用的動作是暫時還不清楚,他們將最有可能去別的地方。
隱藏的啟示是合適的,只有當用戶有一些買進的買入他們有較少的,更明確的啟示必須以快速引導他們到你希望他們承接的動作。
隱喻預示
有時候,溝通啟示最簡單的方法是使用真實世界的對象作為比喻。 大多數界面圖標,例如,依靠這樣的隱喻溝通啟示。 信封圖標能提供發送電子郵件。 房子圖標可以供人去“家”。一個手機圖標能提供撥打電話。 一個打印機圖標能提供打印文檔。 A鏈圖標能提供創建鏈接。
有些隱喻語境。 在文檔查看應用程序的一個放大鏡圖標最有可能能提供縮放。 然而,旁邊的一個輸入字段一個放大鏡圖標在網站最有可能能提供搜索。
通過使用來自真實世界的對象繪制的隱喻,我們可以啟示更快速地進行復雜的任務比我們可以使用明確的啟示通信。 例如,如果你必須包括一個按鈕,在您的界面,允許用戶撥打一個電話,但你不能用一個電話圖標,或者使用文本“打個電話,”你會怎么溝通這個啟示?
因為現實世界的隱喻啟示是如此強大,選擇適合這個職位的最佳比喻是很重要的。 考慮到iPhone應用程序內斯 (最近被收購透過OpenTable):
你覺得上面的圖標需要描述性的標簽? 如果他們被帶走,你會明白,這輛車的圖標能提供共享的方向? 如果你沒有駕駛的位置,或你想與某人在公共交通分擔方向,你要想想這個一秒鐘。 在這種情況下,更常見的模式比喻將是一個地圖標記。
圖案隱喻
一個模式的比喻是一個既定的比喻傳達一組特定的預示性。 例如,大多數設計人員現在使用的老派手機信號撥打電話的啟示。 大多數使用的信封圖標,信號發送電子郵件的啟示。 大多數使用心臟圖標信號最愛的東西的啟示。 設計者可以打破格局,如果他們相信一個更好的比喻存在,但請記住,你的用戶也將所學到的既定模式。 考慮一套豐富的啟示由一個單一的心臟圖標傳達的:
- “點擊按鈕會”鐘情“的一個項目?!?/li>
- “這讓我救我喜歡的項目?!?/li>
- “我可能能夠訪問我最喜歡的一個地方收藏我的賬戶面積?!?/li>
- “誰補充資料的用戶可能會通知它已經被收藏了?!?/li>
- “這是對項目的積極姿態?!?/li>
一個心臟通常理解為愛或喜愛的象征。 通過不斷被用來傳達相同的一組與最愛相關啟示的,它已經開始在界面設計傳達這些啟示。
另外,仔細一想改變一個既定的模式隱喻的樣式之前。 看QQ空間分享的所見即所得的編輯器。 您可以識別的圖標來創建一個鏈接,并刪除鏈接?
在既定的模式比喻為一個鏈接是在一個鏈的兩個或三個環節,結合在一起 – 無處在此界面中找到。 最接近的匹配是從左邊,看起來有點像一個傾斜的無窮大符號圖標第四。 在它旁邊坐了刪除線傾斜無窮大符號。 這些圖標風格上比一個鏈接鏈更漂亮? 也許吧。 是精神努力的一個額外盎司需要了解他們溝通的啟示? 我想是這樣。 是否值得呢? 我不太肯定。 新的圖標看起來非常像一個無窮大符號。 雖然人們可以爭辯說,一個網站鏈接將人們連接到無窮大就是上網,在一個鏈中的一個環節是一個更抽象的隱喻。
假的預示
一個錯誤的啟示,似乎向某一能力,但實際上能提供不同的功能,或者根本沒有。 例如:
- 看起來像它可以被按下或點擊,因為它是從周圍凸起的,但不能是一個元素;
- 一個標志形象,不返回用戶的域的根目錄;
- 一個字,顯示的鏈接(帶有顏色和下劃線)的模式啟示,但不是一個鏈接;
- 一個綠色按鈕(一個模式來表示創造的東西的啟示),實際刪除數據;
- 為灰色字,這似乎不起任何作用,實際上是一個鏈接;
- 一個信封圖標,這似乎不起發送電子郵件,實際發送了一條短信。
接口設計模式是綠色的按鈕不起保存或創建數據。 通過使用一個綠色按鈕,觸發一個破壞性操作,用戶可能會意外刪除數據時,他們的意思是保存它。
它可能會讓你大吃一驚,在上述Dribbble的UI元素,每一個元素,除了視圖數,可以點擊要執行的操作。 這是因為元素沒有信號的啟示進行點擊。 他們是灰色的背景為灰色,不帶下劃線,不用粗體。 他們錯誤地表示缺乏啟示的,而事實上,他們有一組功能豐富(查看誰已經很喜歡這個項目,查看該項目是在水桶,下載的配色方案)。
雖然這些UI元素的精妙之處產生更多關注設計的其余部分,設計者必須考慮的權衡是否值得。 例如,如果“分享”鏈接被加粗,更清楚地得到點擊,將Dribbble項目被更多的共享?
一個簡單的規則:如果你真的希望人們做一些事情,加上啟示更多的信號。
陰性預示
有時有必要的信號,一個UI元素不承擔任何能力的時刻。 最常見的是,這是通過灰化顯示元件來實現。 您可以在輸入字段RDIO 的應用程序。
密碼輸入框是灰色的,因為它目前不負擔點擊或輸入數據。 為了解開這些啟示,你必須點擊“更改”按鈕。
在這種UI元素,“保存更改”按鈕是灰色的,因為我們還沒有作出任何更改還; 因此,我們不能拯救他們。 風格預示著該按鈕目前不負擔任何功能。
在(否則美麗的)設計下變灰的按鈕明確可以供人及其說明一下,以“請訪問我們的設計服務列表中,”不過,按鈕的樣式的方式如下負面啟示模式(平坦,灰,褪到背景)。 因為灰色顯示按鈕,這樣通常意味著缺乏啟示的,用戶可能沒有意識到這一點可以點擊。
灰色有時也用來表示一個詞或短語,通常是一個鏈接,是不是。 在下面顯示Google.com的用戶界面,它看起來像我的電子郵件地址不能點擊。 然而,點擊它你會感到意外打開,帳戶選項的下拉菜單。
聰明的使用負啟示可以幫助用戶更快速地回家在一個網絡接口的承受能力,有用的部分。
一個預示評論:iOS的7的天氣應用程序
的iOS 7的默認天氣應用程序有多種啟示的。 六種類型,哪些它有和這些都不見了?
- 明確的
- 模式
- 隱喻
- 隱
- 假
- 負
讓我們來看看這些內容。
明確的預示
此應用程序的主界面有沒有明確的啟示,沒有元素,看起來特別點擊,就如何與之交互的界面沒有口頭指示。 除了在屏幕底部的導航元素,應用程序的界面看起來像數據的平面顯示器。 即使在底部的導航元素依賴的模式。
圖案預示
我能識別兩種模式可供性天氣的界面,無論是位于屏幕的底部。
底部一排的圓點是一個iOS的設計模式,以顯示屏幕的數量刷卡通過。 突出顯示的點代表在鏈中的當前位置。 這種模式也可以用來在當可用的應用程序圖標多個屏幕上的iOS主屏幕的底部。
雅虎標識會是模式啟示的另一個例子。 一個人誰使用Web界面經常會知道點擊一個標志通常會帶他們到一個頁面有關的企業或組織(通常是首頁)。 在這種情況下,它需要我們一些雅虎搜索結果。
隱喻預示
雖然一些隱喻在此應用程序時,只有一個是啟示。 天氣圖標都是隱喻。 太陽從云層后面偷看的圖標并不意味著會有一云與它的背后有陽光; 這意味著天氣會晴天和陰天。 一個太陽圖標并不代表太陽,但它是一個比喻陽光明媚,天氣晴朗。 然而,攻上這些圖標不承擔任何能力。 它們是純粹的信息。
在此界面中唯一的啟示隱喻是在右下角。 圖標看起來像它代表一個項目列表或菜單。 點擊它打開的天氣位置的菜單,允許您添加和刪除項目。 圖標采用了視覺隱喻來形容它的啟示。
隱藏的預示
兩個隱藏的啟示是這個屏幕上。 溫度報道每小時,但是僅限于六個小時的窗口。 小片數據的暗示,更多的可能是可用的。 如果我們刷卡每小時溫度到左邊,更多的時間滑入視線從右邊,使我們能夠審查所有可用的每小時氣溫在小屏幕空間。
該接口提供了不知道這一點,但點擊屏幕上方取代了溫度與濕度的幾個詳細的讀數,風速,降雨機會和“感覺”的溫度。 我經常使用天氣應用程序,但我發現這只是拍打在整個屏幕上后,尋找任何隱藏的啟示的這篇文章。
我懷疑是應用程序的用戶的一個大比例從來沒有發現這個功能。 在這種情況下, 這是值得懷疑這個隱藏的啟示是否是好的設計 。 加入啟示到屏幕的頂部會更好 – 例如,通過,或通過顯示細節對溫度的左側和右側使溫度升高出現,得到點擊,以下劃線天氣讀數,通過增加一個圖標和城市的名字。
假的預示
這個程序沒有虛假啟示的一個問題。 用戶可能會試圖攻上一周的其他日子,看看他們帶來了一個詳細的視圖,但詳細視圖僅適用于當前日期。 用戶也可以嘗試敲打今日低點,以為它可以切換到所有低點的觀點,而不是高點。 但接口沒有,這就意味著這個功能非常誤導的線索。
陰性預示
該應用程序不會使強用消極的啟示的。 粗體“星期一??”,伴隨著更薄,更暗“今天”,表明周一在層次結構中較高,而“今天”是信息。 攻要么切換到詳細視圖在屏幕的頂部(如不攻的任何部分在屏幕的頂部)。
預示性總結
類型 | 優點 | 缺點 | 使用情況 |
---|---|---|---|
明確的 | 明確的; 用戶遺失的啟示低風險 | 梅西耶接口; 似乎光顧一些用戶 | 低技術含量的觀眾; 解釋直觀的啟示 |
模式 | 快速,干凈地傳達啟示 | 憑借以往的經驗與類似的接口 | 當模式被確立; 當觀眾是精通技術 |
隱 | 干凈的界面 | 功能可能不被發現的 | 無關緊要的能力; 當用戶有足夠的買入實驗 |
隱喻 | 最簡單的溝通復雜的啟示方式 | 隱喻意味著不同的事情不同的人 | 當百分之百是太復雜而不比喻來解釋 |
假 | 無 | 通過建議啟示都是不存在浪費用戶的時間 | 避免錯誤的啟示 |
負 | 有助于防止沮喪由信令一個元素沒有啟示 | 如果一個元素沒有啟示,它可能沒有必要 | 當支持信息和元素是必要的,但不具備的能力 |
結論
你最有可能設計的界面與很多這些類型的預示性的,也許沒有意識到這一點。 啟示的識別,為用戶和界面設計師,通常是本能。
通過使用啟示故意,我們可以幫助用戶更迅速地了解我們的接口和巧妙地鼓勵他們采取一個動作在另一個。
通過了解啟示,我們可以計算下面的界面和快速地看到,當務之急是要Dunked.com的用戶“入門”刻不容緩的創始人。 您可以使用啟示了類似的行動層次結構添加到您自己的設計。
近期評論