瞬間之美:Web界面設計如何讓用戶(hù)興奮

發(fā)布時(shí)間:2022-10-03 點(diǎn)擊:1217
瞬間之美:web界面設計如何讓用戶(hù)興奮
這本書(shū)分為七部分和第三部分,討論用戶(hù)在進(jìn)入網(wǎng)站前30秒內所做的事情;第四部分至第六部分,討論用戶(hù)在深入網(wǎng)站時(shí)所做的事情。 第七部分關(guān)注用戶(hù)離開(kāi)網(wǎng)站,無(wú)論是暫時(shí)離開(kāi)還是永久離開(kāi)。
不是你去頁(yè)面布局,而是內容決定了布局。 布局是內容組織的不可避免的結果。頁(yè)面的布局自然會(huì )形成。 把頁(yè)面上的所有欄目扔到頁(yè)面上,然后移動(dòng)和調整。
充分理解頁(yè)面不同組成部分的主要和次要部分。 布局引導用戶(hù)了解用戶(hù)瀏覽網(wǎng)頁(yè)時(shí)的使用習慣。 例如,當用戶(hù)瀏覽網(wǎng)站時(shí),他們習慣于從左到右自上而下是第一視線(xiàn)立足點(diǎn),右下角是視覺(jué)盲點(diǎn)。 因此,在設計時(shí),你可以把更重要的內容放在左邊和右邊。 使用顏色來(lái)吸引關(guān)鍵部分的顏色,如左上角的標志和右下角的按鈕,以強調這兩個(gè)部分。 您可以使用一個(gè)顏色,而不使用它在網(wǎng)站的其他地方,以便比較和突出它。
本書(shū)中提到的統一設計風(fēng)格只是指使用符號統一設計風(fēng)格的名稱(chēng)符號可以是品牌標志或網(wǎng)站的整體圖標風(fēng)格。
在界面統一章節中,作者在界面設計中引入的重要性很高,僅僅是三頁(yè)紙。 在這里,我想通過(guò)對互動(dòng)設計精髓4的統一介紹和我對統一的理解來(lái)補充以下兩點(diǎn)。
統一性意味著(zhù)軟件產(chǎn)品的不同模塊應具有相似的外觀(guān)和行為。 通過(guò)統一提高易用性和易學(xué)性,降低了用戶(hù)的學(xué)習成本,降低了客戶(hù)培訓和技術(shù)支持的成本。 通過(guò)改進(jìn)設計和代碼的重復使用,可以減少開(kāi)發(fā)時(shí)間和工作量。 統一可以創(chuàng )造一種井井有條的感覺(jué),讓用戶(hù)感到舒適。 給用戶(hù)留下標準和統一的印象,使用戶(hù)更容易識別產(chǎn)品開(kāi)發(fā)人員的專(zhuān)業(yè)性,從而增強用戶(hù)對產(chǎn)品的信任感。
建立關(guān)系:定期使用元素組織在一起,以減少鼠標在空間中的移動(dòng);類(lèi)似功能的元素以視覺(jué)方式組織在一起。 也就是說(shuō),視覺(jué)元素和行為元素是一致的。 使用電網(wǎng)系統對齊視覺(jué)元素:這是設計者組織和系統地體驗產(chǎn)品的重要途徑。 一致的空間:如果屏幕上的兩個(gè)區域需要大小,它們是完全相同的;如果這兩個(gè)區域需要不同的尺寸,那么它們就會(huì )有很大的不同。 如果你不能完全一致,增加差異,因為細微的差異會(huì )使用戶(hù)感到不穩定。 一致的間距和定位:如果屏幕的標題部分總是準確地出現在同一位置,用戶(hù)不需要考慮或瀏覽界面。 一致的間距和定位可以幫助人們提高屏幕的可讀性。 重復使用元素:使用者只需學(xué)習一次。
人們通常得到指南的方法是粗略地掃描頁(yè)面,看看他們有什么選擇,并迅速過(guò)濾他們對他們感興趣的內容。
在設計導航時(shí),讓用戶(hù)覺(jué)得他們是動(dòng)賓語(yǔ)組的主人,比如創(chuàng )建頁(yè)面,這讓用戶(hù)覺(jué)得他們是指揮軟件的領(lǐng)導者。 而不是領(lǐng)導。
在許多網(wǎng)站上都有各種各樣的鏈接。這些鏈接根據時(shí)間相關(guān)性、點(diǎn)擊率等順序排列。許多網(wǎng)站只是如此簡(jiǎn)單。 很少詳細的設計。 作者給出了一個(gè)例子。
使用的設計方法:使環(huán)境暗示作為指南,就像日本平臺在火車(chē)即將進(jìn)入車(chē)站時(shí)播放獨特的音樂(lè )一樣。 獨特的音樂(lè )可以有效地吸引乘客的注意,并盡早準備下車(chē)。作者試圖將環(huán)境提示應用于鏈接列表中。
首先,從大到小的變化會(huì )很好地顯示鏈接的優(yōu)先級;從深到淺的角色創(chuàng )建一種年齡感,讓用戶(hù)非常清楚什么是最重要的。
作者從火車(chē)到車(chē)站播放音樂(lè )的靈感被應用到設計中,所以我們通常應該出去觀(guān)察生活,拓寬視野。 看看你周?chē)惺裁茨艽碳れ`感來(lái)改善你的設計。
這部分主要討論如何更清晰地與用戶(hù)交流,首先通過(guò)兩個(gè)例子討論如何修改文本來(lái)傳達更多的意義。第三個(gè)例子討論了當文本不合格時(shí)的意思。 如何使用視頻來(lái)彌補它。
用戶(hù)通常不會(huì )在網(wǎng)站上閱讀文本。他們只是掃描,如果他們是一個(gè)很長(cháng)的介紹文本,他們傾向于忽略短文本,以吸引注意力。 對于用戶(hù)來(lái)說(shuō),簡(jiǎn)短的句子比大量文本更有意義。重要的不是信息的數量,而是他們是否能為他們提供真正需要的信息。
優(yōu)點(diǎn):自動(dòng)搜索意味著(zhù)系統可以嘗試猜測用戶(hù)輸入的文本,并且動(dòng)態(tài)搜索適當的結構,并建議用戶(hù)幫助他們完成輸入。 這可以防止用戶(hù)誤碼,以確保搜索更有效,并避免新的命名,除了數據庫。
例如,在dtrt的情況下,這種自動(dòng)完成搜索的輸入框架可以防止用戶(hù)打錯字,避免用戶(hù)添加各種新的名稱(chēng)。
限制:自動(dòng)完成功能可能會(huì )誘使用戶(hù)放棄他們原來(lái)的想法,選擇網(wǎng)站推薦,但實(shí)際上是低效的搜索詞匯。 通過(guò)這種方式,我們可以通過(guò)輸入的字符數來(lái)限制推薦單詞的3-4。
點(diǎn)擊先進(jìn)搜索后跳出大量選項是非常復雜的,有些選項用戶(hù)根本不需要先進(jìn)的搜索用戶(hù)。 用戶(hù)的行為模式告訴我們,在必要時(shí)不需要立即顯示所有選項。
單擊“先進(jìn)搜索”以添加搜索條件。如果您需要單擊“添加”按鈕,您可以添加另一個(gè)搜索條件。 這避免了大量用戶(hù)可能無(wú)法使用的搜索條件的突然出現。 當使用先進(jìn)的搜索時(shí),簡(jiǎn)單的搜索按鈕是無(wú)效的,這樣用戶(hù)就不會(huì )被兩個(gè)搜索按鈕混淆。
將較長(cháng)的視頻劃分為小章節,用戶(hù)可以選擇播放他們想要觀(guān)看的部分。 例如,將一個(gè)人演講的視頻根據不同的主題分成不同的部分,這樣用戶(hù)就可以很容易地選擇他們想看到的章節。 而不是完成所有的視頻。 添加視頻標題,讓用戶(hù)了解他們正在看什么。
讓確定取消按鈕更完美地將確定按鈕與頁(yè)面對齊,并首先將所有元素與左側對齊,使所有元素依賴(lài)于左側。 從表單的頂部到底部形成一條很好的直線(xiàn)是一種審美選擇。 第二,確定按鈕放置在左邊的原因是使用tab鍵切換輸入區域的第一個(gè)按鈕如下所示。
以上是作者的觀(guān)點(diǎn),其中按鈕的位置與對齊方式不太一致。 在日常交互設計中,我們經(jīng)常遇到這樣的問(wèn)題,比如左或右確定按鈕。 如何對齊? 禁止的按鈕是顯示還是隱藏? 確定按鈕的優(yōu)先級還是取消按鈕的優(yōu)先級。 在今天的共享中,按鈕的形狀被設計成直角或圓角矩形或其他形狀。
如何消除用戶(hù)的挫折感 我們需要提前知道總共有多少步驟,我們應該告訴他們將來(lái)去哪里。
上述方案的局限性是網(wǎng)頁(yè)的水平空間是有限的,如果步驟太大,則水平軋制條。 水平滾動(dòng)帶對用戶(hù)來(lái)說(shuō)是很麻煩的,但是網(wǎng)頁(yè)的垂直方向是無(wú)限的,所以改進(jìn)方案是。
首先,在用戶(hù)開(kāi)始輸入之前,建議用戶(hù)只輸入字符的限制;在用戶(hù)輸入過(guò)程中,為了避免用戶(hù)數字,他們可以輸入多少字。 應設置隨字數變化的計數器;通過(guò)改變數字樣式(顏色尺寸)來(lái)提醒用戶(hù),可以輸入的字符數量不多。 計劃如下。
評分頁(yè)面通常分為兩部分,一部分是顯示頁(yè)面,告訴用戶(hù)現在已經(jīng)具備了評估結果,另一部分是編輯頁(yè)面用戶(hù)可以對事物進(jìn)行評級。 一些網(wǎng)站在設計時(shí)只需單擊一顆恒星,除了恒星從白色到黃色之外,還沒(méi)有得到其他反饋,這將使用者懷疑他們是否成功。 雖然這種互動(dòng)過(guò)程很簡(jiǎn)單,但用戶(hù)體驗不好。我們不能為了簡(jiǎn)單而簡(jiǎn)單。 一個(gè)好的互動(dòng)并不意味著(zhù)用戶(hù)用最少的步驟來(lái)完成任務(wù),而是讓用戶(hù)的每一步都得到反饋。答案并不比所有問(wèn)題都更有效。
每個(gè)人都有不同的想法。不同的人可能會(huì )為標簽創(chuàng )建各種版本,所以我們需要找到類(lèi)似的標簽。 并允許用戶(hù)選擇現有的標簽,以便他們想要標記。
第二種方法是在用戶(hù)輸入標簽后搜索類(lèi)似的標簽并在下一頁(yè)中顯示。 這個(gè)頁(yè)面可以用文字向用戶(hù)解釋?zhuān)梢耘c其他人創(chuàng )建的標簽相匹配。
靈感設計提高了用戶(hù)的效率,保持了從界面到下一個(gè)界面的一致性和一致性,同時(shí)通過(guò)設計元素使交互更容易學(xué)習。 并且可以重復相同的交互行為。 互動(dòng)的每一步都需要盡可能簡(jiǎn)單和清楚,尤其是在運作中。
為新版本設置一個(gè)清晰的時(shí)間,以提前為用戶(hù)提供準確的信息,而不是在沒(méi)有通知的情況下向用戶(hù)發(fā)送電子郵件。 活躍的用戶(hù)對新版本感興趣,并告訴更多的朋友;普通用戶(hù)將得到足夠的警告;那些已經(jīng)注冊和被遺棄但沒(méi)有刪除帳戶(hù)的用戶(hù)。 它將被提醒再次訪(fǎng)問(wèn)我們的網(wǎng)站。
當用戶(hù)退出時(shí),他們會(huì )返回登錄頁(yè)面,重新?tīng)I銷(xiāo)登錄頁(yè)面。通過(guò)增加營(yíng)銷(xiāo)推廣網(wǎng)站的內容,鼓勵和鼓勵用戶(hù)再次登錄,而不是讓退出變得非常復雜。 阻止用戶(hù)退出。


什么是“蜘蛛陷阱”,它對SEO的影響
解讀網(wǎng)絡(luò )營(yíng)銷(xiāo)數據,鍛煉思維邏輯能力
個(gè)人網(wǎng)站建設的基本流程有哪些?
天津網(wǎng)站優(yōu)化可以幫企業(yè)帶來(lái)什么效益?
網(wǎng)站降級恢復多長(cháng)時(shí)間-網(wǎng)站優(yōu)化
怎么尋求快速錄入與快速排名捷徑?
如何能快速學(xué)習SEO?
在網(wǎng)站運營(yíng)過(guò)程中如何部署網(wǎng)站優(yōu)化策略?
高清久久久久无码_18禁二级污污污免费网址_中文字幕女人妻一区二区_黄色试看片免费Aⅴ