1. <em id="5aa8d"></em>

          <em id="5aa8d"><tr id="5aa8d"></tr></em>
          <em id="5aa8d"><tr id="5aa8d"></tr></em>

              1. <em id="usmhs"><ol id="usmhs"></ol></em>
                1. <div id="usmhs"></div>
                  1. <legend id="usmhs"><form id="usmhs"></form></legend>
                          1. <div id="ek0og"></div>
                            <div id="ek0og"><tr id="ek0og"><object id="ek0og"></object></tr></div>

                          2. <em id="ek0og"></em>

                            <dfn id="uqdk8"></dfn>

                            <div id="uqdk8"></div>

                          3. <div id="uqdk8"></div>
                            <sup id="auvui"></sup>
                            <div id="auvui"><tr id="auvui"><kbd id="auvui"></kbd></tr></div>

                            1. <em id="auvui"><ol id="auvui"></ol></em>

                                1. <div id="auvui"></div>

                                    <div id="osoaw"><ol id="osoaw"></ol></div><dd id="osoaw"></dd>
                                      <dd id="osoaw"><tr id="osoaw"></tr></dd>

                                      <dd id="osoaw"><legend id="osoaw"></legend></dd>

                                        1. <sup id="yfiuy"></sup>
                                        2. <dl id="yfiuy"><ins id="yfiuy"></ins></dl>
                                          <dl id="yfiuy"><menu id="yfiuy"></menu></dl>
                                          <div id="yfiuy"><s id="yfiuy"></s></div>
                                          <dl id="k511r"></dl><optgroup id="k511r"></optgroup>
                                          <sup id="k511r"></sup>
                                        3. <progress id="k511r"></progress>
                                          <dl id="k511r"><ins id="k511r"></ins></dl>
                                        4. <sup id="jxfeb"><menu id="jxfeb"></menu></sup>
                                          <li id="jxfeb"></li>
                                        5. <li id="jxfeb"></li>
                                          <li id="jxfeb"></li>
                                          <sup id="jxfeb"><ins id="jxfeb"></ins></sup>
                                        6. <sup id="jmi06"></sup>
                                        7. <div id="jmi06"><tr id="jmi06"></tr></div>
                                        8. <dl id="hqc0d"><ins id="hqc0d"></ins></dl>
                                        9. <dl id="rixhw"></dl>
                                          <div id="rixhw"><tr id="rixhw"><object id="rixhw"></object></tr></div>
                                        10. <dl id="rixhw"><ins id="rixhw"><thead id="rixhw"></thead></ins></dl>
                                        11. <dl id="rixhw"><ins id="rixhw"></ins></dl><dl id="rixhw"><ins id="rixhw"><thead id="rixhw"></thead></ins></dl>
                                        12. <li id="rixhw"></li>
                                          <div id="rixhw"><s id="rixhw"></s></div><li id="rixhw"><s id="rixhw"></s></li>
                                        13. <div id="5zohc"><s id="5zohc"></s></div>
                                          <dl id="5zohc"><ins id="5zohc"><thead id="5zohc"></thead></ins></dl>
                                          <dl id="5zohc"><ins id="5zohc"><thead id="5zohc"></thead></ins></dl><li id="5zohc"><s id="5zohc"></s></li>
                                        14. <li id="5zohc"></li>
                                        15. <li id="0mezq"></li>
                                        16. <div id="0mezq"><tr id="0mezq"><strong id="0mezq"></strong></tr></div>
                                          <div id="0mezq"></div><li id="0mezq"><tr id="0mezq"></tr></li>
                                          <li id="0mezq"><tr id="0mezq"></tr></li>
                                        17. <sup id="0mezq"><ins id="0mezq"></ins></sup>
                                        18. <li id="0mezq"><ins id="0mezq"></ins></li>
                                        19. <div id="ugihw"><tr id="ugihw"></tr></div>
                                          <dl id="ugihw"></dl>
                                          <dl id="ugihw"><ins id="ugihw"><thead id="ugihw"></thead></ins></dl>
                                        20. <li id="ugihw"></li>
                                        21. <dl id="ugihw"></dl>
                                          <li id="igdvu"></li>
                                        22. <label id="igdvu"><tbody id="igdvu"></tbody></label>
                                          <li id="igdvu"></li>
                                          <dl id="igdvu"><ins id="igdvu"><thead id="igdvu"></thead></ins></dl>
                                          <div id="qc91r"><tr id="qc91r"></tr></div>
                                        23. <dl id="qc91r"></dl>
                                        24. <code id="qc91r"></code>
                                        25. <div id="qc91r"></div>
                                          <div id="wssbt"><tr id="wssbt"></tr></div>
                                        26. <li id="wssbt"></li><menuitem id="wssbt"><ruby id="wssbt"></ruby></menuitem>
                                          <div id="wssbt"><tr id="wssbt"></tr></div>
                                          <dl id="wssbt"><ins id="wssbt"><thead id="wssbt"></thead></ins></dl>
                                        27. <sup id="wssbt"><menu id="wssbt"></menu></sup>
                                          <dl id="wssbt"></dl>
                                        28. <li id="bisqg"></li>
                                        29. <dl id="bisqg"><menu id="bisqg"><small id="bisqg"></small></menu></dl>
                                        30. <menuitem id="2ul1s"></menuitem>
                                        31. <div id="2ul1s"><tr id="2ul1s"></tr></div>
                                          <div id="2ul1s"></div>
                                          <dl id="2ul1s"><ins id="2ul1s"></ins></dl>
                                        32. <dl id="2ul1s"><ins id="2ul1s"><small id="2ul1s"></small></ins></dl><dl id="2ul1s"></dl>
                                          <dl id="2ul1s"><menu id="2ul1s"><td id="2ul1s"></td></menu></dl>
                                        33. <dl id="2ul1s"><ins id="2ul1s"><td id="2ul1s"></td></ins></dl>
                                          <dl id="2ul1s"><ins id="2ul1s"></ins></dl>
                                          <dl id="eyeur"></dl>
                                        34. <li id="eyeur"></li>
                                          <li id="eyeur"></li>
                                          <dl id="eyeur"></dl>
                                        35. <li id="eyeur"></li>
                                        36. <li id="eyeur"><s id="eyeur"></s></li>
                                          <dl id="eyeur"><menu id="eyeur"><thead id="eyeur"></thead></menu></dl>
                                          <sup id="eyeur"><ins id="eyeur"></ins></sup>
                                          <dl id="eyeur"></dl>
                                          <dl id="pk26s"></dl>
                                        37. <li id="pk26s"><s id="pk26s"></s></li>
                                          <li id="pk26s"><span id="pk26s"></span></li><dl id="pk26s"><tr id="pk26s"></tr></dl>
                                          <li id="pk26s"><s id="pk26s"></s></li>
                                        38. <dl id="pk26s"></dl>
                                        39. <li id="pk26s"><s id="pk26s"></s></li><dl id="pk26s"><ins id="pk26s"></ins></dl>
                                        40. <dl id="pk26s"><ins id="pk26s"></ins></dl>
                                        41. <center id="2uyw8"></center>
                                          <optgroup id="2uyw8"></optgroup><center id="2uyw8"></center>
                                          <center id="2uyw8"></center><optgroup id="2uyw8"></optgroup>
                                          <div id="3w8s6"></div>
                                        42. <div id="3w8s6"><tr id="3w8s6"></tr></div>
                                          <sup id="3w8s6"><ins id="3w8s6"></ins></sup>
                                          <dl id="3w8s6"></dl>
                                        43. <sup id="3wew1"><noscript id="3wew1"></noscript></sup>
                                        44. <div id="3wew1"><tr id="3wew1"><ruby id="3wew1"></ruby></tr></div> <li id="3wew1"></li>
                                          <div id="3wew1"></div>
                                        45. <code id="a6emm"><small id="a6emm"></small></code>
                                          <optgroup id="a6emm"><div id="a6emm"></div></optgroup>
                                          <optgroup id="a6emm"><div id="a6emm"></div></optgroup>
                                          <code id="a6emm"></code><option id="a6emm"><wbr id="a6emm"></wbr></option>
                                        46. <code id="y6a0c"></code>
                                        47. <input id="y6a0c"><samp id="y6a0c"></samp></input>
                                        48. <bdo id="y6a0c"><sup id="y6a0c"></sup></bdo>
                                        49. <div id="y6a0c"></div>
                                          <input id="euywa"></input>
                                          <s id="euywa"></s>
                                          <tbody id="euywa"><blockquote id="euywa"></blockquote></tbody>
                                        50. <input id="siimg"><label id="siimg"></label></input><object id="siimg"><label id="siimg"></label></object>
                                          <menu id="siimg"></menu><code id="siimg"><label id="siimg"></label></code>
                                          <nav id="siimg"><samp id="siimg"></samp></nav>
                                        51. <menu id="siimg"><samp id="siimg"></samp></menu>
                                          <code id="siimg"><samp id="siimg"></samp></code>
                                        52. <object id="yoyk6"><label id="yoyk6"></label></object>
                                        53. <menu id="yeqqs"></menu>
                                          <nav id="yeqqs"><blockquote id="yeqqs"></blockquote></nav><input id="yeqqs"><label id="yeqqs"></label></input>
                                        54. 歇后語大全| 百家姓| 豐胸美乳| 豐胸新聞| 明星美胸| 美胸圖片| 豐胸按摩| 豐胸飲食| QQmi| 圖片素材| 個性簽名| QQ網名| QQ頭像| 空間日志| 好友印象| QQ分組
                                          首頁 > 網站建設知識 > 正文

                                          網站建設知識

                                          如何設計網站首頁好看

                                          分享到:

                                          發布:新新網絡 | 發布時間:2012-10-09 | 點擊:


                                              網絡使用者就像鯊魚一樣,一定要不斷往前游,否則就活不下去;他們永遠都在瀏覽,挖掘有趣的東西。

                                            在這個現實下,你的產品如果沒有辦法立刻引起注意,并召喚使用者采取行動,就表示這個產品的賣相不是很好。技術很優秀,服務設想很週到,但就是沒人鳥;這是一件很枉然的事情。

                                            這篇文章要介紹的就是提升賣相的幾個好方法,而決勝點就在你的首頁(登入頁面?第一個頁面?反正你知道這是什么意思)。

                                            立刻引起注意的簡明標題

                                            這其實就是任何產品首頁最重要的特質。

                                            一句清楚、有力,又能感動人的標題,讓使用者一秒就被抓著,然后想要再逛看看;當撰寫這個標題的時候,可以用下列問題評估這句話有沒有效:

                                            對這個讀者而言,我們產品最重要的好處是什么?

                                            有沒有包含下面這四個U:有用(Useful)、特別(Unique)、說明清楚(Ultra-specific),以及急迫性(Urgent)。

                                            說明好處,不要陳述功能

                                            特別要注意的是,好處不等于功能,例如以下的例子:

                                            產品:ipod 64GB。

                                            功能:有64GB的儲存空間。

                                            好處:可以在你口袋塞10000首歌,用它party一整夜。

                                            在首頁,應該對使用者強調的是好處,因為這才是他們真正需要的。而且,下標可以是一件相當嚴肅的事情;事實上,就算是用整個團隊的精力去brain storming,或是頻繁地分組測試(只為了一句標題),也在所不惜。

                                            一句話說完

                                            而對這個議題,UX Movement則指出,如果要建立獨特的賣點,就要在一句話把重點講完。要容易閱讀,不要咬文嚼字的,讓讀者一眼就看出訴求是什么;例如coacademy的例子:

                                            圖片左邊是他們現有的標題,就是屬于咬文嚼字的那種。但事實上他們可以用一句話把事情說完,右邊的標題的確比左邊的簡單明了。

                                            避免使用可以用在任何人身上的模糊形容詞

                                            要描述你的網站其實可以有很多方式,但問題出在有些形容詞真的太廣泛了,誰都可以用,用這些形容詞不會讓你的網站特別有趣。不如使用更精準、獨特的詞描述你可以帶給使用者什么好處。這能讓讀者對你能提供的東西有更清楚的印象,知道你的產品跟別人有什么不一樣,進而想了解更多。

                                            

                                          如何設計網站首頁好看

                                           

                                            sideTour的網站就滿特別而有趣的,但是使用者卻沒有辦法從塬本的標題中看出獨特的賣點是什么。他們的標題使用太廣泛的形容詞,每個網站都可以用;不如仔細想想怎么樣才最能形容你的產品,例如上圖,第二句會比第一句明確很多。

                                            字體真的很重要

                                            Oliver Reichenstein 早在2006年就提出了網頁內容有95%都是typography,字型排版學。

                                            選一個好看的字體,以及畫出順眼的layout都可以大幅增加網站的賣相,即便只有簡單的字體、區塊與線條,仍然很好看。

                                            

                                          如何設計網站首頁好看

                                           

                                            例如Onswipe就用了一個優雅的字體達成獨特的賣點。這可以讓使用者感覺到產品是時尚而具有創意的。還有,這行字也相當清楚明確,搭配適合的字體使用,更為加分。值得注意的是,他們放的是web font,而不是用圖,不但可以增強SEO,也不會在跨裝置的時候產生解析度的問題。

                                            首頁引發使用者行動的訊息(Call to action)只能有一個

                                            所有的內容,都有一個要讓使用者采取的動作,然后要確保使用者容易采取這個動作。

                                            為了讓使用者順利完成動作,任何表單或連結上的按鈕都要非常清楚,要夠大、夠明顯;這同時也表示,首頁引發使用者行動的訊息(call-to-action)只能有一個,讓使用者接收一致的訊息,并且只執行一個動作。

                                            分歧的訊息只會讓使用者混淆,然后讓他們開始考慮;而,讓使用者考慮要不要使用是最糟的情況,他們甚至會開始想:我到底在這里干嘛,并且打消剛剛下的購買決定。

                                            減少摩擦

                                            除了要確保call to action的訊息有經過清楚包裝之外,減少摩擦也很重要;這意思是要設法免除使用者的一些焦慮。

                                            可以思考到陌生頁面時,你通常會想什么,例如:我真的需要這個東西嗎?這個對我有什么好處?其他地方還有什么東西可以按?還有誰會用這個?是真的有一家公司在經營這個嗎?他們會怎么處理我的email帳號?他們會不會盜用我信用卡啊?

                                            仔細思考這些疑慮,可以更幫助你跟使用者有效溝通。

                                            使用者可能懷疑我需不需要這個或這產品有什么好處,這個時候,就給他們實際的數據或有公信力的第叁方證明,可以有效增進更深入的對話。至于信用卡相關的問題,給他們看安全措施、防詐騙措施,以及來自營運團隊的保證書等等,都會某些程度的降低使用者的焦慮。

                                            資料來源:Quora、UX Movement;圖片來源:Βethan,CC Licensed


                                          建站知識

                                          Knowledge

                                          相關信息

                                        55. 如何設計網站首頁好看
                                        56. 本類閱讀排名

                                          本站閱讀排名


                                          關于新新網絡| 業務范圍| 企業動態 | 行業新聞 | 新聞中心| 建站知識| 客戶服務| 招賢納才| 網站模板| 聯系新新網絡| 網站地圖| sitemap
                                          • 熱線電話: 0755-84185494 / 84185967
                                          • 點擊在線咨詢做網站
                                          • 傳真:0755-84185967 郵箱:[email protected] (請將#號換成@)
                                          • 地址:深圳市龍崗區布吉中興路21號基業大廈1109室
                                          深圳最值得信賴的品牌-深圳品牌營銷網站建設專家
                                          分享到:

                                          備案編號:粵ICP備13013056號-1
                                          Copyright © 2009-2013 新新網絡(www.duojiwu.com) All Rights Reserved. 《中華人民共和國增值電信業務經營許可證》

                                          ·1、本站轉載文章及論壇發帖,僅代表原作者觀點和立場,并不代表本網贊同其觀點和立場,也不對其真實性負責。
                                          ·2、如果本站轉載的文章有內容、版權及其它問題,請即與本站聯系,我們將盡快予以更正或刪除。

                                          北京pk10官网 陕西快乐十分任四技巧 香港一码中特图 足彩进球彩18075结果 泳坛夺金 浙江十一选五遗漏走势图 体彩云南11选5开奖查询今天开奖结果 快3时时彩11选5 极速十一选五 六合扒手 老11选5和新11选5 澳客网数据采集 黑龙江11选5彩票软件 老时时彩360百度知道 竞彩足球比分预测分析 斗地主在线玩