俗話(huà)說的(de)好,優秀的(de)網站有著(zhe)一樣的(de)美(měi)法,而失敗的(de)網站卻有著(zhe)各自不同的(de)醜法。今天,中科天基不跟衆位網站設計師談論關于那些失敗網站各自不同的(de)醜法,我們來(lái)聊一聊優秀網站相同的(de)七點美(měi)法。
取悅用(yòng)戶的(de)關鍵在于像用(yòng)戶一樣思考。并不是每一次創新、每一次重塑、每一種新技術都能讓用(yòng)戶愉悅,那些真正易于理(lǐ)解、便于使用(yòng)、降低難度的(de)技術、設計手法和(hé)抓人(rén)的(de)視覺元素,才是一切的(de)關鍵。中科天基下(xià)面總結的(de)幾項秘訣,會讓你的(de)網頁脫穎而出的(de)。
首先,你的(de)網站需要有一項定制服務,定制化(huà)是今天網頁設計中最典型的(de)趨勢之一。用(yòng)戶希望浏覽網頁的(de)時(shí)候獲得(de)更加私人(rén)的(de)浏覽體驗,無論是玩頁遊還(hái)是購(gòu)物(wù)。
每一個(gè)微小的(de)自定義設計,都能讓用(yòng)戶感覺這(zhè)些用(yòng)戶體驗設計是爲他(tā)們而做(zuò)的(de)。同時(shí),這(zhè)種設計也(yě)會給用(yòng)戶一種參與感和(hé)溝通(tōng)的(de)體驗,從而加深用(yòng)戶的(de)忠誠度。如此一來(lái),用(yòng)戶會更好地融入整個(gè)網站的(de)用(yòng)戶群或者社區(qū)。
另外一個(gè)大(dà)熱(rè)的(de)流行趨勢,就是動效設計。它不僅能爲用(yòng)戶帶來(lái)驚喜,而且具備強大(dà)的(de)引導性。
動效設計的(de)精髓在于簡單。令人(rén)頭暈或者不知所措的(de)動效,應該不是你要的(de)東西吧?動效應該是有目的(de)性的(de),和(hé)其他(tā)所有的(de)設計元素一樣,有針對(duì)性,達成目标是它存在的(de)意義。
創造今天動畫(huà)的(de)12個(gè)原則:擠壓和(hé)拉伸、預期、登台、連續動作和(hé)姿态對(duì)應、緩進緩出、弧形運動、次要動作、時(shí)序、誇張、立體刻畫(huà)、吸引力。
對(duì)于常見的(de)問題,設計模式就是可(kě)靠且可(kě)複用(yòng)的(de)解決方案。簡而言之,最常見的(de)信息和(hé)交互方式被整合到一個(gè)界面當中,比如點擊按鈕,滾動頁面,滑動解鎖,它們都是設計師模式。
設計師要熟悉這(zhè)些常見的(de)設計模式,并且在設計界面和(hé)交互的(de)時(shí)候将它們用(yòng)進去。這(zhè)符合用(yòng)戶在體驗上的(de)訴求,也(yě)是易用(yòng)性的(de)最基本構成。
同時(shí)也(yě)要在自己的(de)設計中創造設計模式,在不同的(de)頁面中使用(yòng)相同、相似或者規則化(huà)的(de)設計,讓用(yòng)戶習(xí)慣。比如,不同頁面中的(de)CTA按鈕的(de)色彩保持一緻,卡片式的(de)元素使用(yòng)相同的(de)樣式等等。
另外,沒人(rén)會喜歡單調無聊的(de)設計。網站應當同你的(de)品牌保持一緻的(de)性格,擁有獨特的(de)氣息。
要做(zuò)到這(zhè)一點,通(tōng)常需要用(yòng)到微妙走心的(de)文案和(hé)親切自然的(de)語調如果你真的(de)不知道怎麽做(zuò),可(kě)以看看MailChimp 是怎麽做(zuò)的(de)。(請注意他(tā)們的(de)文本和(hé)圖片是如何無縫地連接到一起的(de))
同時(shí),設計師應該思考一個(gè)屏幕可(kě)以承載多(duō)少信息,從屏幕的(de)角度考慮問題,可(kě)能會讓你的(de)計劃更加龐大(dà)複雜(zá),但是這(zhè)種考量是有價值的(de),這(zhè)種基于屏幕或者基于設備的(de)考慮能讓用(yòng)戶感覺更加便捷貼心。
中科天基認爲,做(zuò)到前幾步之後,開發者與設計師還(hái)應該考慮一體化(huà)的(de)内容和(hé)交互,視頻(pín)、遊戲、測試都争取讓用(yòng)戶能與之進行互動,這(zhè)種互動的(de)目的(de)在于驅動用(yòng)戶參與到設計中來(lái)。用(yòng)戶與界面交互的(de)越多(duō),用(yòng)戶所獲得(de)的(de)體驗就越好。
最後,設計師應該盡量讓自己的(de)設計保持幹淨、整潔和(hé)有序。簡約的(de)視覺設計更容易交互。沒有複雜(zá)信息并且被精心設計的(de)界面能更好地運作,賦予更好的(de)體驗。
隻要能夠堅持做(zuò)到上面這(zhè)些設計原則,就能讓自己的(de)網站與那些優秀的(de)網站一樣美(měi),告别用(yòng)戶的(de)“醜拒”。