')}.navbar-light .navbar-text{color:rgba(0,0,0,.5)}.navbar-light .navbar-text a,.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover{color:rgba(0,0,0,.9)}.navbar-dark .navbar-brand,.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover{color:#fff}.navbar-dark .navbar-nav .nav-link{color:hsla(0,0%,100%,.5)}.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:hsla(0,0%,100%,.75)}.navbar-dark .navbar-nav .nav-link.disabled{color:hsla(0,0%,100%,.25)}.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .show>.nav-link{color:#fff}.navbar-dark .navbar-toggler{color:hsla(0,0%,100%,.5);border-color:hsla(0,0%,100%,.1)}.navbar-dark .navbar-toggler-icon{background-image:url('data:image/svg+xml;charset=utf-8,')}.navbar-dark .navbar-text{color:hsla(0,0%,100%,.5)}.navbar-dark .navbar-text a,.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover{color:#fff}.card{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.card>hr{margin-right:0;margin-left:0}.card>.list-group{border-top:inherit;border-bottom:inherit}.card>.list-group:first-child{border-top-width:0;border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.card>.list-group:last-child{border-bottom-width:0;border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.card>.card-header+.list-group,.card>.list-group+.card-footer{border-top:0}.card-body{flex:1 1 auto;min-height:1px;padding:1.25rem}.card-title{margin-bottom:.75rem}.card-subtitle{margin-top:-.375rem}.card-subtitle,.card-text:last-child{margin-bottom:0}.card-link:hover{text-decoration:none}.card-link+.card-link{margin-left:1.25rem}.card-header{padding:.75rem 1.25rem;margin-bottom:0;background-color:rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.125)}.card-header:first-child{border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0}.card-footer{padding:.75rem 1.25rem;background-color:rgba(0,0,0,.03);border-top:1px solid rgba(0,0,0,.125)}.card-footer:last-child{border-radius:0 0 calc(.25rem - 1px) calc(.25rem - 1px)}.card-header-tabs{margin-bottom:-.75rem;border-bottom:0}.card-header-pills,.card-header-tabs{margin-right:-.625rem;margin-left:-.625rem}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:1.25rem;border-radius:calc(.25rem - 1px)}.card-img,.card-img-bottom,.card-img-top{flex-shrink:0;width:100%}.card-img,.card-img-top{border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.card-img,.card-img-bottom{border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.card-deck .card{margin-bottom:15px}@media (min-width:576px){.card-deck{display:flex;flex-flow:row wrap;margin-right:-15px;margin-left:-15px}.card-deck .card{flex:1 0;margin-right:15px;margin-bottom:0;margin-left:15px}}.card-group>.card{margin-bottom:15px}@media (min-width:576px){.card-group{display:flex;flex-flow:row wrap}.card-group>.card{flex:1 0;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:not(:last-child) .card-header,.card-group>.card:not(:last-child) .card-img-top{border-top-right-radius:0}.card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom{border-bottom-right-radius:0}.card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:not(:first-child) .card-header,.card-group>.card:not(:first-child) .card-img-top{border-top-left-radius:0}.card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom{border-bottom-left-radius:0}}.card-columns .card{margin-bottom:.75rem}@media (min-width:576px){.card-columns{-webkit-column-count:3;column-count:3;-webkit-column-gap:1.25rem;column-gap:1.25rem;orphans:1;widows:1}.card-columns .card{display:inline-block;width:100%}}.breadcrumb{display:flex;flex-wrap:wrap;padding:.75rem 1rem;margin-bottom:1rem;list-style:none;background-color:#e9ecef;border-radius:.25rem}.breadcrumb-item+.breadcrumb-item{padding-left:.5rem}.breadcrumb-item+.breadcrumb-item:before{float:left;padding-right:.5rem;color:#6c757d;content:"/"}.breadcrumb-item+.breadcrumb-item:hover:before{text-decoration:underline;text-decoration:none}.breadcrumb-item.active{color:#6c757d}.pagination{display:flex;padding-left:0;list-style:none;border-radius:.25rem}.page-link{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1.25;color:#007bff;background-color:#fff;border:1px solid #dee2e6}.page-link:hover{z-index:2;color:#0056b3;text-decoration:none;background-color:#e9ecef;border-color:#dee2e6}.page-link:focus{z-index:3;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.page-item:first-child .page-link{margin-left:0;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.page-item:last-child .page-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.page-item.active .page-link{z-index:3;color:#fff;background-color:#007bff;border-color:#007bff}.page-item.disabled .page-link{color:#6c757d;pointer-events:none;cursor:auto;background-color:#fff;border-color:#dee2e6}.pagination-lg .page-link{padding:.75rem 1.5rem;font-size:1.25rem;line-height:1.5}.pagination-lg .page-item:first-child .page-link{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}.pagination-lg .page-item:last-child .page-link{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem}.pagination-sm .page-link{padding:.25rem .5rem;font-size:.875rem;line-height:1.5}.pagination-sm .page-item:first-child .page-link{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}.pagination-sm .page-item:last-child .page-link{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem}.badge{display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.badge{transition:none}}a.badge:focus,a.badge:hover{text-decoration:none}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.badge-pill{padding-right:.6em;padding-left:.6em;border-radius:10rem}.badge-secondary{color:#fff;background-color:#6c757d}a.badge-secondary:focus,a.badge-secondary:hover{color:#fff;background-color:#545b62}a.badge-secondary.focus,a.badge-secondary:focus{outline:0;box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.badge-danger{color:#fff;background-color:#dc3545}a.badge-danger:focus,a.badge-danger:hover{color:#fff;background-color:#bd2130}a.badge-danger.focus,a.badge-danger:focus{outline:0;box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.App{display:flex;flex-direction:column}.App>.pageContent{flex:1 1;overflow:auto;padding-top:10px}.navbar-nav{flex-direction:row}.navbar-nav>*{padding-left:10px}.container{width:100%;max-width:1170px;padding-left:15px;padding-right:15px}@media only screen and (min-width:768px){.container{display:flex;flex-wrap:wrap;padding-left:30px;padding-right:30px}.container.dir-column{flex-direction:column}}.eu-cookie-notification-dialog{position:fixed;left:20px;bottom:-300px;padding:15px;width:310px;z-index:10000;font-size:12px;border-radius:4px;box-sizing:border-box;color:#555;background-color:#f4f6f8}.eu-cookie-notification-dialog .notification-title{font-size:14px;font-weight:700}.eu-cookie-notification-dialog .notification-content{padding:12px 0;line-height:1.4;display:inline-block}.eu-cookie-notification-dialog .link-text{margin:0 5px;color:#555;text-decoration:underline}.eu-cookie-notification-dialog .link-text:hover{color:#555}.eu-cookie-notification-dialog .notification-footer{display:flex;align-items:center}.eu-cookie-notification-dialog .common-button{cursor:pointer;color:#fff;font-size:12px;font-weight:700;padding:6px 10px;margin-right:10px;border-radius:4px;text-align:center;letter-spacing:normal;background-color:#4b5056}.eu-cookie-notification-dialog .setting-btn{color:#4b5056;background-color:#fff;border:1px solid #4b5056}.eu-cookie-notification-dialog .cancel-link{cursor:pointer}.eu-cookie-setting-dialog{width:100%;position:fixed;top:50%;left:50%;display:none;padding:20px;z-index:10000;max-width:500px;border-radius:5px;box-sizing:border-box;color:#555;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#f4f6f8;-webkit-animation:slide_in_animation .3s ease-in-out;animation:slide_in_animation .3s ease-in-out}.eu-cookie-setting-dialog .setting-title{font-size:14px;font-weight:700}.eu-cookie-setting-dialog .setting-item{display:flex;margin-top:20px;align-items:flex-start}.eu-cookie-setting-dialog .item-content{font-size:12px;margin:0 8px}.eu-cookie-setting-dialog .cookie-checkbox{cursor:pointer}.eu-cookie-setting-dialog .cookie-checkbox.necessary{cursor:not-allowed}.eu-cookie-setting-dialog .item-label{line-height:1;font-weight:700}.eu-cookie-setting-dialog .item-text{margin-top:5px;line-height:1.5}.eu-cookie-setting-dialog .setting-footer{margin-top:20px;text-align:right}.eu-cookie-setting-dialog .save-btn{cursor:pointer;color:#fff;font-size:12px;font-weight:700;padding:8px 10px;border-radius:4px;display:inline-block;letter-spacing:normal;background:#4b5056}.eu-cookie-setting-mask{position:fixed;display:none;top:0;left:0;width:100%;height:100%;z-index:10000;cursor:pointer;background:rgba(0,0,0,.4);-webkit-animation:slide_in_animation .2s ease-in-out;animation:slide_in_animation .2s ease-in-out}@-webkit-keyframes slide_in_animation{0%{opacity:0}to{opacity:1}}@keyframes slide_in_animation{0%{opacity:0}to{opacity:1}}.rtl-layout .eu-cookie-notification-dialog{right:20px;left:auto;text-align:right}.rtl-layout .eu-cookie-notification-dialog .common-button{margin-right:0;margin-left:10px}.rtl-layout .eu-cookie-setting-dialog-wrapper{text-align:right}.rtl-layout .eu-cookie-setting-dialog-wrapper .setting-footer{text-align:left}@media only screen and (max-width:520px){.eu-cookie-notification-dialog{width:100%;left:0}.rtl-layout .eu-cookie-notification-dialog{left:auto;right:0}}
如何避免網頁功能臃腫? - 建立你的網站 - Strikingly透過使用像Strikingly這樣的網站架設器來架設網站,你會發現為你的網站添加新功能簡直太輕鬆了,你甚至可能對這樣的便利過於著迷,而執著於不斷為你的網站添加新功能。
量變不代表質變,過多的功能不一定會讓你的網站看起來更棒,可能還會起到反效果。你應該停下來想一想:你的網站是否真的需要這些功能?如果你的答案是否定的,那你就需要注意了!你的網站可能正在慢慢變成一個功能臃腫的,用戶友好度不高的網站。你為網站不斷添加新功能的同時,整個網站的複雜性也在不斷提高,從而形成網站難以被使用或閱覽的現象。你當然不希望你精心架設的網站落得如此下場。為了防止這種情況發生在你的網站上,這篇文章將帶你理解什麼是功能臃腫並教你如何避免讓你的網站變得功能臃腫。
文章綱要:
1. 什麼是功能臃腫?
2. 是什麼導致功能臃腫?
3. 如何避免功能臃腫?
4. 使用Strikingly架設一個高品質網站
5. 文章總結
1. 什麼是功能臃腫?
功能臃腫指的是你的網站功能過多,使訪問者難以使用和瀏覽你網站的情況。這種情況會發生是因為每當你為網站增添新功能時,網站的複雜性都會隨之增加。當然,你可能會想:“一個功能超多的網站聽起來不是很酷嗎?功能越多不就代表能做的事情越多嗎?”但是,你可能忽略了一點,你的網站不止是一個幫你完成技術性工作的平台,它更是你與瀏覽者溝通的媒介!如果你的網站過於復雜,別說瀏覽者,也許你自己都很難完全理解網站的運作模式。
2. 是什麼導致功能臃腫?
如上所述,功能臃腫更多時候是由於對功能的不妥善處理引起的。讓我們一起來看看是哪些原因導致功能臃腫:
• 沒有為架站專案設定範圍
一個沒有明確範圍的架站專案是很容易失去方向的。你會因沒有方向,而不斷為你的網站加入一些根本沒有必要的功能。網站空間並不是越大越好,多餘的功能將導致你的網站用戶不斷被分散注意力,直到他們疲倦而選擇放棄閱覽為止。
• 不完善的歸納工作
在任何規模的架站專案中,功能歸納工作都是必不可少的。透過把功能歸納進文檔,你可以清楚了解他是屬於什麼範圍的,以及它為什麼被需要。如果你沒有為你的功能做好歸納工作,很容易在過程中失去方向,盲目添加一個又一個功能而不管其適不適合出現或是否可以無縫銜接上一個功能。
圖片取自Unsplash
當你的網站涉及的利益相關者越多,就意味着你需要專注的目標越多,而要達到這些目標,需要的功能就相應變多了。做出取捨是一項艱鉅的任務,而且在牽涉到許多的人利益的情況下就更困難了。
3. 如何避免功能臃腫?
你的網站上可能出現功能臃腫的原因之一就是你沒有明確設定一個架站目的。為了防止這種情況發生,你必須為你的專案設定一個目標或核心。你可以通過多種方式確定網站的基本元素。比如在開始架站之前先做好市場調查,了解市場需求。你也可以對網站訪問者或客戶進行研究,了解他們需要哪些產品或服務,當然還有你網站上的功能。
接著便可以開始策劃你的網站該擁有哪些功能,在獲得客戶與市場需求的數據後,優先考量那些重要或重複被提到的需求。你無法保證你網站的功能足以滿足所有客戶的需求。這是因為不同的客戶想要的功能不一樣,盲目追隨或實施會導致功能臃腫。確定優先等級可以幫助你快速了解什麼應該存在,什麼不該。
你的網站可能已經擁有一個目標或核心作為你開發專案的方向。但是,有時問題會突然出現,而你必須為突如其來的問題或請求添加一些功能,但是添加該功能是否符合你的目標?而實施的過程又該是如何?該過程是否又應該被詳細記錄呢?突發請求絕對有可能會在你架設網站的過程中發生,並且極易打亂你的計劃,從而引起功能臃腫的現象。為了防止這種情況發生,你需要一份事先徵得所有利益相關者同意的指南,其中包含添加功能必須採取的步驟,以此來避免混亂的請求引發的悲劇。
最快的學習方法之一就是動手去做。你可以在網站正式發布前先推出測試版本,跟進並徵求人們的反饋來了解他們對測試版本的看法。 這可以幫助你更快的了解瀏覽者的需求。
圖片取自Strikingly用戶網站
本質上,功能臃腫源於過於復雜的網站設計。一個很多功能的網站確實可以更好地滿足許多業務需求。但是,當網站過於復雜時,他的實用度就不高了,因為瀏覽者根本沒辦法好好地閱覽它。要解決這個問題有一個很簡單的方法:那就是做一個簡潔且高效的網站設計。透過這樣的網站設計,你可以立即滿足客戶的核心需求。
4. 使用Strikingly架設一個高品質網站
一個簡潔的網站設計可以幫助你避免功能臃腫。你可能會對此抱持疑惑:“一個簡單的網站不就缺少了很多非凡的功能嗎?” 我的答案是:當然不是!透過使用專業的網站架設器,如 Strikingly,你可以擁有一個即簡單又擁有出眾功能的網站。Strikingly 將幫助你架設出專業精緻,且避免功能臃腫的網站。它可以是完全免費的,當然,如果預算足夠,你也可以升級帳戶以享受更多服務,開發你網站的最大潛能。
圖片取自Strikingly產品
你可以使用 Strikingly 提供的架站模板輕鬆架設網站。只需按照你的需求選擇出最合適的網站模板,編輯和完善內容後便可以馬上發布它啦!如果對於網站設計沒有想法,你還可以閱覽其他 Strikingly 用戶的網站獲得靈感並學習它們的架站技巧避免網站功能臃腫。在 Strikingly,你可以找到各種可以幫助你發展業務的功能,比如開設線上商店以販售你的產品,不論它是數位下載形式或是實物。Strikingly 的線上商店還直接提供付款和銷售記錄功能,幫助你簡化你的網站。這使你不必添加過多的功能導致網站功能臃腫。
圖片取自Strikingly用戶網站
你還可以使用 Strikingly 提供的搜索引擎優化工具來推廣你的網站,引入更多流量。你可以輕鬆加入網站內容或圖片描述(Alt Text),以提高網站在搜索引擎(例如Google)的排名。你的網站可能很簡單,但功能絕對強大。
圖片取自Strikingly產品
5. 文章總結
這篇文章與你分享了關於功能臃腫的意思,原因以及如何避免功能臃腫的架站技巧。最後讓我再提醒你一次,使用Strikingly提供的模板架站,你將更容易避開功能臃腫的情況發生在你的網站。趕快加入Strikingly吧!我們期待幫助你發展你的業務,因為我們始終相信,助力你業務發展的同時,我們也將得以發展。如果對內容有疑問,可以透過 support@strikingly.com 與我們聯絡。
Cookie的使用
我們使用cookie來改善瀏覽體驗、保證安全性和資料收集。一旦點擊接受,就表示你接受這些用於廣告和分析的cookie。你可以隨時更改你的cookie設定。了解更多