老年用戶如何設計網站

㈠ 什麼是百度老年搜索

網路老年搜索：

網路老年搜索是網路專門為中老年用戶設計和開發的一套專屬產品，是為了幫助中老年用戶了解互聯網和搜索引擎的使用，加強對互聯網的認識和體驗，滿足老年人的信息訴求。 網路老年搜索的核心要旨是：讓中老年用戶最便捷地獲取信息，找到所求。
網路老年搜索的核心要旨是：讓中老年用戶最便捷地獲取信息，找到所求。它主要為中老年用戶提供以下三大類的服務：
1.提供字體更加符合中老年用戶體驗的主頁界面以及搜索結果；
2.整理和開發出了讓中老年用戶能夠需要和使用的實用性網站；
3.在數百萬網站中遴選出適合中老年用戶的常用網站，並進行了分類收錄和及時更新。

㈡ 如何才能做好一個讓老年人喜歡的網站

中老高齡化是國家現在人口發展的一大問題，而且是國際社會應對人口中老高齡化的最新理念就是 「健康」、「參與」、「保障」三大要素。同樣，在互聯網領域，網民數量的不斷增加，這其中就包括老年網民!由於互聯網的多樣性，讓更多的中老年人開始關注網路，所以，中老年人網站建設，也成為現在很多服務型企業的選擇!

既然「健康」、「參與」、「保障」是關注中老年人的三大理念，那麼大家就需要以這三點來指導大家的網站建設!

1、健康
毫無疑問，健康是中老年人第一關心的問題。中老年人需要大家晚輩關心和照顧，現在都提倡健康生活，而且健康的生活方式可使中老年人延年益壽。所以中老年人都願意接受新觀念、新事物，並對社會新聞感興趣。大家做中老年人網站就需要包括健康常識、網上課堂、時事新聞、開心一刻、生活小竅門等等一些板塊，這樣就包括了中老年人基本關心的所有話題了。這些健康型板塊不但可以讓他們在物質上得到享受，還可以從政治上、思想上仍讓他們永葆青春，讓他們繼續關心國家大事、發揮余熱，繼續關心自己曾經從事的專業和工作!

2、參與
很多中老年人都是工作退休閑在家中，要麼每天無所事事，要麼就是陪陪兒孫們，生活相對還是很單調的。所以，參與互動就是網站建設考慮的第二大問題!如果大家做一個中老年人社區網站，那麼就要舉行組織讓他們積極參與一些有意義的社會活動，以促進家庭關系融洽和睦，不斷提高他們的生活滿意度。像一些大合唱、交誼舞、書法、繪畫、種花、種菜、養鳥、釣魚等等，都是大家網站必不可少的主題!

這樣不但可以讓中老年人樂於參與和互動，還能培養了他們的興趣愛好。為中老年人建立一個專屬互動網站，讓他們從與網路媒體的互動中獲得更多的信息，更新的科學知識，不斷擴大他們的視野，得到精神上的陶冶與調節。

3、保障
這個就是大家做網站建設需要注意的一個重要問題了。在這種特殊的網站建設過程中，大家已經要以中老年人的角度來思考。

首先，中老年人視力都不是很好，那麼大家在網站的結構和布局已經要簡潔，而且文字一定要大些，這樣才能方便中老年人觀看閱讀!網站可以傳統一點，也可以添加一些流行元素，比如比如GIF圖標、游標、多變字體等，使網站既適合老同志瀏覽的特點，又能與時代同節奏，讓中老年人也能有年輕化心態!

其次，網站的文章一定要貼近生活，而且要實用。千萬不要設計一些低俗和無聊的文章，這不但不利於互動參與，反而會引起他們的反感!所以，大家可以嘗試在網站建設中增加老年論壇、語音聊天等功能，或者是一些簡單的互動式小游戲，歌舞類的視頻也是不錯的選擇!

最後，現在很多中老年人開始喜歡上blog了，那麼大家也可以在blog這方面多做文章，很多中老年人都有很好的文筆手法，創作寫博或許能為他們帶來另一種不同的網路生活。時代在發展，互聯網也在發展，網站建設也需要隨機應變，不但要及時抓住新的東西，但是大家更不能忽略舊的東西。

㈢ 網站設計要怎麼設計

網站設計精華65條原則
01.明確內容
如果你想成為一個網站設計者，並正想建一個網站的話，首先應該考慮網站的內容，包括網站功能和你的用戶需要什麼。你的整個設計都應該圍繞這些方面來進行。

02.抓住用戶
如果用戶不能夠迅速地進入你的網站，或操作不便捷，網站設計就是失敗的。不要讓用戶失望而轉向你的對手的網站。

03.優化內容
內容是核心。大約在兩年以前，企業網站就像一本廣告冊子，更槽糕的是，網站使用了大量的圖片，似乎要幾個世紀才能下載完。
Chanels網站（www.emju.com）在設計的某些方面是成功的，但是內容太貪乏，並且要花很長時間才能找到所要的東西，因此不能算是一個成功的網站。

04.快速下載
沒有什麼比要花很長時間下載頁面更槽糕的了。作為一條經驗，一個標準的網頁應不大於60K，通過56K數據機載入花30秒的時間。有的設計者說網頁載入應在15秒內。

05.網站升級
時刻注意網站的運行狀況。性能很好的主機隨著訪問人數的增加，可能會運行緩慢。但是，如果你不想失去訪問者的話，一定要仔細計劃好你的升級計劃。

06.堅持基本原則
即使你不懂HTML語言，你只需購買一個有版權的所見即所得的網頁設計工具，如Adobe PageMill或Microsoft FrontPage Express，就可以創建一個看起來很合理的網站。但是，在設計時，這些軟體包雖然不需要HTML，卻使網站速度下降。
為了成功地設計網站，你必須理解HTML是如何工作的。大多數的網站設計者建議網路新手應從有關HTML的書中去尋找答案，用Notepad製作網頁。

07.學習HTML
用HTML設計網站，可以控制設計的整個過程。但是，如果你僅僅是網站設計的新手，你應該尋找一個允許修改HTML的軟體包。HomeSite4是一個很好的Web設計工具。在設計過程中，HomeSite4能幫助你學習HTML。它還允許你切換到所見即所得的模式，以便你在把網站發送到Web之前，預覽你的網站。

08.用筆畫一個網站的框架
聖人雲：筆比劍更強大。在用計算機之前，用筆畫一個網站的框架，顯示出所有網頁的相互關系。計劃好你的用戶如何以最少的時間瀏覽你的網站。

09.「在計算機上永遠也找不到好的方案」。——專家忠告

10.網站地圖
許多設計者把他們的網站地圖放在網站上，這種做法，卻是弊大於利。絕大部分的訪問者上網是尋找一些特別的信息，他們對於你的網站是如何工作的，並沒有興趣。如果你覺得你的網站需要地圖，那很可能是需要改進你的導航和工具條。

11.「睜大你的眼睛，留意所有的事情。
對最不相關的東西的觀察可以得到最好的靈感。觀察一個站點的結構和設計。理解站點結構的關鍵元素，確保你的設計是圍繞站點瀏覽進行的。」 ——專家忠告

12.點擊規則 聽說過3次點擊規則嗎？對於小型網站，在你的主頁上，沒有任何一條信息，需要點擊次數超過3次的。對於大型網站，使用導航和工具條來改善操作。

13.特殊字體的應用
雖然你可以在你的HTML中使用特殊的字體，但是，你不可能預測你的訪問者在他們的計算機上將看到什麼。在你的計算機里看起來相當好的頁面，在另一個不同的平台上看起來可能非常糟糕。一些網站設計員喜歡使用來定義特性，這雖然允許你使用特殊的字體，但是仍需要一些變通的方法，以免你所選擇的字體在訪問者的計算機上不能顯示。級聯風格表CSS有助於解決這些問題，但是只有最新版的瀏覽器才支持CSS。

14.「使用切合實際的簡便的命名規則。」 ——專家忠告

15.檢查錯別字
好的拼寫是人們一生中重要的技能。但是遺憾的是，許多設計者都缺少這種技能。確保你拼寫正確，並且格外注意平常容易誤寫的錯別字。

16.避免長文本頁面
在一個站點上有許多隻有文本的頁面，是令人乏味的，且也浪費Web的潛力。如果你有大量的基於文本的文檔，應當以Adobe Acrobat格式的文件形式來放置，以便你的訪問者能離線閱讀。

17.不要使用卷滾條
人們厭惡在網上使用卷滾條。Trouble網站（www.Trouble.co.uk）是一個典型的設計很差的網站。它基於一個浮動的架構，為了閱讀所有的文本，瀏覽者不得不使用卷滾條。

18.專家最喜愛的Web設計工具
1.Adobe Photoshop
2.Macromedia Flash
3.Adobe Illustrator
4.Adobe ImageRead
5.Dreamweaver
6.Macromedia Fireworks
7. Allaire Homesites
8.Microsoft Notepad
9. Macromedia Director
10. Lightwave
11. Macromedia Freehand
12．其它：Adobe Acrobat Exchange，Allaire ColdFusion,BBEdit,HTMLValidator等。

19.網站介紹
你應當有一個很清晰的網站介紹，告訴訪問者你的網站能夠提供些什麼，以便訪問者能找到想要的東西。但是，許多設計者都沒有這樣做。有效的導航條和搜索工具使人們很容易找到有用的信息，這對訪問者很重要。告訴訪問者你所提供的正是他們想要的信息。

20.「網站一旦發布，網站設計的優點和缺陷全都公布於世。
沒有什麼法使你能夠比從自己的錯誤、傾聽其他人的建議和用戶反饋意見中學到多的東西。」——專家忠告

21.閃爍讓人頭痛
通過使用標識可以吸引訪問者對你的主頁特殊部分的注意，但這也讓你的訪問者頭痛。如果你想使訪問者再次光顧你的網站，就少用此方法。

22.背景顏色
背景顏色也會產生一些問題，可能會使網頁難於閱讀。你應當堅持使用白色的背景和黑色的文本，另外還應當堅持使用通用字體。

23.向前和向後按鈕
應當避免強迫用戶使用向前和向後按鈕。你的設計應當使用戶能夠很快地找到他們所要的東西。絕大多數好的站點在每一頁同樣的位置上都有相同的導航條，使瀏覽者能夠從每一頁上訪問網站的任何部分。
24.「堅持你的信念。嚴格遵守各種規則。避免想當然。絕不停止學習」 ——專家忠告

25.點擊記數器
不要輕易考慮在你的網站上放置一個醒目的點擊記數器。你設計網站是為了給訪問者提供服務，而不是推銷你自己認為重要的東西。大多數瀏覽者認為計數器毫無意義，它們很容易被做假，瀏覽者也不想看廣告。如果你顯示你的網站是多麼受歡迎，你最好提供一個鏈接，顯示訪問日誌。

26.不要用框架
與記數器一樣，框架在網頁上越來越流行。在大多數網站上，在屏幕的左邊有一個框架。但是設計者立刻就發現，在使用框架時產生了許多的問題。使用框架時如果沒有17英寸的顯示屏幾乎不可能顯示整個網站。框架也使得網站內個人主頁不能夠成為書簽。也許更重要的是，搜索引擎常常被框架混淆，從而不能列出你的網站。

27.去掉圖像
在瀏覽器中即使去掉了圖像功能，也要保證訪問者能夠在你的網站上獲得滿意的效果。對於那些使用ISDN連接並且關掉了圖像功能的訪問者，還能獲得好的網頁載入性能。可以通過在網頁底部提供另外的鏈接和使用替代文字，而不是圖像來滿足訪問者的需要。

28.重復使用圖像
一些網站由於使用大量不重復的圖像而錯過了使用更好的技巧的機會。在創建商標時，在網頁上多次使用同樣的圖像是一個好的方法，並且一旦它們被裝入，以後重新載入就會很快。

29.避免使用過大的圖像
不要使用橫跨整個屏幕的圖像。避免訪問者向右滾動屏幕。佔75%的屏幕寬度是一個好的建議。

30.「避免使用炫耀的技巧。」 ——專家忠告
31.選擇使用Flash動畫
許多使用比較慢的計算機的訪問者發現動畫圖標很容易耗盡系統資源，使網站的操作變得很困難，因此，應該給用戶一個跳過使用Flash動畫的選擇。

32.盡量少使用Flash插件
雖然許多Web設計者認為Flash功能很強大，並且Netscape5.0將支持Flash，在使用時不必再下載任何插件。
但是，最好還是取消使用Flash做各介面的想法。

33.讓用戶先預覽小圖像
如果不得不放置大的圖像在網站上，就最好使用Thumbnails軟體，把圖像的縮小版本的預覽效果顯示出來，這樣用戶就不必浪費金錢和時間去下載他們根本不想看的大圖像。

34.動畫與內容應有機結合
確保動畫和內容有關聯。它們應和網頁渾然一體，而不是乾巴巴的。動畫並不只是Macromedia Director等製作的東西的簡單堆積。

35.慎用聲音
聲音的運用也應得到警惕。內聯聲音是網頁設計者的另一個禁地。因為過多地使用聲音會使下載速度很慢，同時並沒有帶給瀏覽者多少好處。首次聽到滑鼠發出聲音可能會很有趣，但是多次以後肯定會很煩人。使用聲音前，應該仔細考慮聲音將會給你帶來什麼。

36.少用Java和AxtiveX
在網頁上應盡量少使用Java和AxtiveX。因為並不是每一種瀏覽器都需要使用它，只有那些Netscape和Explorer的早期版本的使用者才需要它。另外Mac在處理Java時也存在問題，過分地使用Java，會使Mac崩潰。

37.設計成功的網站
www.emju.com
www.bmw.co.uk
www.yugop.com
www.comicrelief.org.uk
www.dreamcast-europe.com
www.newsunlimited.co.uk
www.newbeetle.com
www.swoon.com
www.viact.co.uk

38.慎用插件
在Web設計中，如果依賴於一些特別的插件，會減少網站的吸引力。如果訪問者沒有所要求的插件，將不得不到其它站點去下載，這樣訪問者有可能就不會返回了。

39.使用著名的插件
如果網站上有聲音或視頻，要保證使用者通過使用某個知名的插件，能夠聽到或看到。許多站點使用QuickTime、RealPlay和Shockwave插件。因為，許多訪問者並不願意浪費很多時間和金錢去下載可能僅使用一次的插件。

40.使用先進技術
跟上新的技術。Web技術的進步絕不會停止，所以應花一些時間來研究新產品和開發技術。

41.自己創建圖像和聲音
使用你自己創建的或從某個商業網站上下載的圖像和聲音。在製作商業網站時，應該花足夠的資金來創建圖形，以增強公司的宣傳。——專家忠告

43.平台的兼容性
要為用戶著想，必須最少在一台PC和一台Mac機上測試你的網站，看看兼容性如何。

44.用軟體分析工具找錯
使用軟體分析工具檢查HTML。軟體分析工具Doctor HTML能夠幫助檢查HTML中的任何問題。如果你有許多網頁需要檢查，可選用軟體分析工具。在網址www.weblint.org/validation.html中，你能夠找到更多有效的HTML工具。

45.避免錯誤鏈接
網站中可能與其它一些有用的站點作了鏈接。但是，如果在你的網頁上有鏈接，一定要經常檢查它們，保證鏈接有效。鏈接的網站可能很多，但不要鏈接到與你的內容無關的網站上。

46.給觀眾成熟的東西
如果網站沒有完成，就不要發送到Web上。所有好的網站都是在幕後完成之後再發布的。

47.在搜索引擎上登記網站
任何一個人發現你的網站的機會都很少，除非你把你的網站在主要的搜索引擎上進行登記。

48.設計一個留言板
瀏覽者願意把時間花在好的網站上，所以最好有一個留言本，這能激勵訪問者再次回到你的網站，還有助於擴充網站內容。

49.測試網站
在你的網站正式發布之前，必須進行有用的測試。在設計網站時要使用最新的軟體，但是不要忘了人們並不會使用最新的瀏覽器，所以要照顧到以前的瀏覽器。在上載網站時還要測試所有的鏈接和導航工具條。

50.「盡你所能反復測試所設計的網站，直到你不能發現新的東西為止」——專家忠告

51.演示即將發布的網站
在網站正式運行之前，讓人演示它。演示中人們會告訴你所設計的網站是否容易使用。

52.動畫點綴 網頁上的動畫最多隻用一個。

53.「傾斜的按鈕看起來不會太好，最好不要使用。」——專家忠告

54.內容組織
在開始創建新的網頁前，仔細考慮網站內容的組織。決定好想讓訪問者瀏覽的內容，然後設計導航系統。

55.「空白萬歲」
注意留空白。不要用圖像、文本和不必要的動畫GIFs來充斥網頁，即使有足夠的空間，在設計時也應該避免使用。

56.「利用空白去吸引注意力。
為了吸引眼球，Web設計者使用各種方法， 比如：閃爍、旋轉等，但是利用空白會吸引更多的注意力。」——專家忠告

57.圖像壓縮
為了保持小的圖像，可以使用類似GIF向導的程序，它能自動對圖像進行壓縮。先聲明圖像的大小
在圖像顯示之前最好能詳細說明圖像大小屬性，可以在IMG標簽中保存這個屬性。這可以使網頁顯得很流暢，因為瀏覽器可以在圖像被下載之前在屏幕上顯示整個網頁。

58.設計失敗的網站

——在它上面找一件T恤衫要花一個小時；
——給顧客承諾的服務太多，但真正實現的太少；
——二年以前的設計水平，忽視了顧客的需要；
——不吸引人，主頁太雷同

——設計太差
.
——沒有新意
——導航不知所雲

59.圖像大小屬性 可以在IMG標簽中保存這個屬性。這可以使網頁顯得很流暢，因為瀏覽器可以在圖像被下載之前在屏幕上顯示整個網頁。

60.用戶注冊
如果能知道誰瀏覽了網站以及是怎樣瀏覽網站的，那麼就能得到大量有用的信息。但是，要求訪問者在瀏覽網站之前進行注冊，這樣做是要冒風險的，因為這將趕走一批不願意注冊的人。獲得信息的另一種方法是進行有獎競猜或金錢獎勵，讓用戶能主動填一些信息反饋表。
61.使網站具有交互功能 在網站上提供一些回答問題的工具，使得訪問者能從網站上獲得交互的信息。

62.圖片更新
盡可能經常更換網站上的圖片，人們更願意點擊的是圖片而不是文本。

63.在網站上提供游戲
游戲是很好的交互工具，它是使訪問者能再次光顧網站的好方法。

64.挑選工具軟體
仔細選擇Web設計工具。保證使用自己最想要的、自我感覺最好的軟體。

65.使用最新版本的軟體
盡量使用Web設計軟體的最新版本。

如果覺得好的話，記得留言哦。
來源：http://www.fanxubo.cn 第二人生

㈣ 如何設計個人網站

由於目前所見即所得類型的工具越來越多，使用也越來越方便，所以製作網頁已經變成了一件輕松的工作，不像以前要手工編寫一行行的源代碼那樣。一般初學者經過短暫的學習就可以學會製作網頁，於是他們認為網頁製作非常簡單，就匆匆忙忙製作自己的網站，可是做出來之後與別人一比，才發現自己的網站非常粗糙，這是為什麼呢？常言道：「性急吃不了熱豆腐」。建立一個網站就像蓋一幢大樓一樣，它是一個系統工程，有自己特定的工作流程，你只有遵循這個步驟，按部就班地一步步來，才能設計出一個滿意的網站。
一、確定網站主題
網站主題就是你建立的網站所要包含的主要內容，一個網站必須要有一個明確的主題。特別是對於個人網站，你不可能像綜合網站那樣做得內容大而全，包羅萬象。你沒有這個能力，也沒這個精力，所以必須要找准一個自己最感興趣內容，做深、做透，辦出自己的特色，這樣才能給用戶留下深刻的印象。網站的主題無定則，只要是你感興趣的，任何內容都可以，但主題要鮮明，在你的主題范圍內內容做到大而全、精而深。
二、搜集材料
明確了網站的主題以後，你就要圍繞主題開始搜集材料了。常言道：「巧婦難為無米之炊」。要想讓自己的網站有血有肉，能夠吸引住用戶，你就要盡量搜集材料，搜集得材料越多，以後製作網站就越容易。材料既可以從圖書、報紙、光碟、多媒體上得來，也可以從互聯網上搜集，然後把搜集的材料去粗取精，去偽存真，作為自己製作網頁的素材。
三、規劃網站
一個網站設計得成功與否，很大程度上決定於設計者的規劃水平，規劃網站就像設計師設計大樓一樣，圖紙設計好了，才能建成一座漂亮的樓房。網站規劃包含的內容很多，如網站的結構、欄目的設置、網站的風格、顏色搭配、版面布局、文字圖片的運用等，你只有在製作網頁之前把這些方面都考慮到了，才能在製作時駕輕就熟，胸有成竹。也只有如此製作出來的網頁才能有個性、有特色，具有吸引力。如何規劃網站的每一項具體內容，我們在下面會有詳細介紹。 四、選擇合適的製作工具
盡管選擇什麼樣的工具並不會影響你設計網頁的好壞，但是一款功能強大、使用簡單的軟體往往可以起到事半功倍的效果。網頁製作涉及的工具比較多，首先就是網頁製作工具了，目前大多數網民選用的都是所見即所得的編輯工具，這其中的優秀者當然是Dreamweaver和Frontpage了，如果是初學者，Frontpage2000是首選。除此之外，還有圖片編輯工具，如Photoshop、Photoimpact等；動畫製作工具，如Flash、Cool 3d、Gif Animator等；還有網頁特效工具，如有聲有色等，網上有許多這方面的軟體，你可以根據需要靈活運用。
五、製作網頁
材料有了，工具也選好了，下面就需要按照規劃一步步地把自己的想法變成現實了，這是一個復雜而細致的過程，一定要按照先大後小、先簡單後復雜來進行製作。所謂先大後小，就是說在製作網頁時，先把大的結構設計好，然後再逐步完善小的結構設計。所謂先簡單後復雜，就是先設計出簡單的內容，然後再設計復雜的內容，以便出現問題時好修改。在製作網頁時要多靈活運用模板，這樣可以大大提高製作效率。
六、上傳測試
網頁製作完畢，最後要發布到Web伺服器上，才能夠讓全世界的朋友觀看，現在上傳的工具有很多，有些網頁製作工具本身就帶有FTP功能，利用這些FTP工具，你可以很方便地把網站發布到自己申請的主頁存放伺服器上。網站上傳以後，你要在瀏覽器中打開自己的網站，逐頁逐個鏈接的進行測試，發現問題，及時修改，然後再上傳測試。全部測試完畢就可以把你的網址告訴給朋友，讓他們來瀏覽。
七、推廣宣傳
網頁做好之後，還要不斷地進行宣傳，這樣才能讓更多的朋友認識它，提高網站的訪問率和知名度。推廣的方法有很多，例如到搜索引擎上注冊、與別的網站交換鏈接、加入廣告鏈等。
八、維護更新

㈤ 如何設計網站

根據題主提出的問題你大概是想建一個營銷型網站是吧！但是苦於不知道怎麼寫建站方案，我這里可以給你一點建議，希望能幫助你。

1.網站設計的指導思想

其實就是網站定位，企業在每個不同的商業階段都會有不同的建站需求，首先我們要了解自身所處的市場環境，明確建設網站的核心目的，日後才能更好地把控建站方向。

還有一個是人群定位，我們需要了解我們最想抓住的客戶群體，通過分析他們的瀏覽習慣，從而來決定內容的層級劃分。

2.網站特色

網站特色不知道我可不可以理解為產品或服務特性，網站作為被動式的信息傳輸手段，要想完整地將企業的線下實力搬到線上來是非常困難的，因此在表現形式上我們需要進行深度思考。

3.網站功能

網站功能開發主要分為兩個模塊：前端和後端

前端頁面：包括文本、圖像、媒體、鏈接、表單、表格的生成。後台系統：包括開發後台登錄系統、開發商品管理、開發訂單系統、開發搜索系統、開發交易系統等等。還有涉及到資料庫、搭建伺服器這些比較繁瑣的工作。現在建站已經有一套非常成熟的體系了，不存在特別高的技術壁壘。

㈥ 網購平台如何適老化

㈦ 【重要】如何設計一個優秀的網站

現今，網站和web技術已經不算是新興技術了，但是不得不承認，在當下的移動互聯網時代，web技術仍然算得上是新潮的技術之一，並且網站也是各企業商業價值中的重要一環。因此，規劃、設計具有優秀用戶體驗的網站，仍然是我們的重要技能之一。

前戲：明確網站的業務模型

在開始正式地規劃網站之前，我們有必要了解網站的主要業務模型。盡管人們都更加願意獲得免費的信息，但信息提供方（企業）還是希望能夠由此得到回報的。

要明白： 大多數企業要想存活，就必須要掙錢。

在為企業建設網站之前，我們要知道公司的業務模型是什麼，如果不了解業務模型，就無法知道用戶哪些行為是有意義的，哪些行為是毫無價值的。

主流的業務模型包括：

找准了業務模型，我們就可以開始設計出支持業務需求的網站了。

一、明確目標用戶

在開始網站設計之前，我們首先要問自己一個問題：「網站是為誰搭建的？」不是每個網站的設計者都能准確有效地回答這個問題，有的人會說「網上的每一個人」，還有的會說「所有喜愛某類產品的人」、「所有愛看書的人」或者「所有喜歡美食的人」。

這些回答都不是准確的回答，因為你無法從這些回答中得到精確的用戶角色。

我們可以採取如下工作方式，去明確目標用戶：

1. 找到公司的市場/運營部門，市場/運營部門的人員或許對公司用戶的統計數據結果以及心理方面做過了大量的研究。

2. 咨詢公司負責人或高管，了解他們希望產品所面向的用戶，以及他們所認為的具有價值的用戶行為。

在和各相關部門同事的談話中，並不只是收集用戶的統計信息，真正要做的是得到一些合適的行為信息來幫助我們更好的設計網站。

比如，我們了解到用戶的年齡較大，就要做出一些初步的設計決策。如：字體要放大、交互操作要盡量簡單、以及頁面上哪些元素更應該突出等。

二、與目標用戶交流

招募目標用戶通常需要公司內部其他部門的配合，比如客服部門，可以通過諸如電話邀約、郵件邀約等方式，如果目標用戶是企業，則可以通過公司高層或市場部門，向企業致電或發送邀請函等方式，總之，盡量通過其他部門的協助完成用戶的邀約。

在訪談的過程中，我們要注意理解得到的反饋。比如，用戶可能會說「我希望按鈕大一些。」而他們的實際想法可能是「付款的過程太復雜了。」或者用戶可能會說「我希望這個的演顏色是紅色。」他們真正的意思可能是「要招到我想要的東西太耗費時間。」

最佳的方式是： 當用戶在正常的環境中具體完成任務時實際地跟蹤用戶的行為。

所以，在訪談中，我們可以問一些諸如「你想做什麼？」、「你希望得到什麼」這樣的問題，而避免去問「你認為這個按鈕應該放在哪裡？」這種問題。我們要把重點放在用戶完成任務時遇到的難題上。

三、創建用戶角色模型

角色模型可以幫助我們更深入地理解設計所針對的對象，以及怎樣才能真正滿足這個用戶的需求。當然，也可以不去創建復雜的角色模型，只不過，如果能針對一個特定的「人」來進行設計，會讓我們的設計更加有效。

1. 總結用戶交流結果，把結果分發給各利益相關者或相關部門人員

在第二步中，我們會收集到一些信息。可能已經得到用戶的相關信息，比如：性別、地理位置、上網習慣、技術水平或是他們使用競品的方式。

我們了解到用戶當前遇到的麻煩，也了解到哪些方面還算不錯等信息。

針對於收集到的信息，我們需要建立一份報告，這份報告可能會涉及以下信息：

這里需要注意的是：

2. 與各相關部門人員召開會議，腦暴形成用戶角色

尋求各部門相關人員的協作，往往比單槍匹馬作戰更高效。

每一個部門都會對用戶有自己的理解，是男人還是女人？年齡段如何？住在哪裡？如果大家不確定，可以參照上一步的報告文檔。

當大家提出了大量用戶特徵後，可以開始合並這些特徵，並將其改進為角色，比如：女性+25~35+華北地區=來自北京的27歲女性，甚至還可以為她取一個名字。

3. 讓角色成為真正的人

為用戶角色增加一些具體的個性化內容，比如：照片、姓名、職業、個人背景、職業、教育背景、目標、愛好、最喜歡的網站、他的願望等信息。確保用戶角色的真實是這一步的關鍵。

4. 為人物角色加入場景表達

通過創建場景，會使得人物更加豐滿，同時有助於我們完成網站交互系統的設計。場景，就是人物角色使用產品時的背景故事簡介。

比如：王強（人物角色名字）打開瀏覽器，從網站上看到了感興趣的電影介紹，首先他回選擇自己關心的電影類型，然後網站會推薦給他可能相看的電影；接下來，他會選擇真正感興趣的電影，並進行觀看。

四、繪制用戶路徑草圖

用戶路徑草圖可以幫助我們確定不同類型用戶會完成哪些類型的動作，由此我們可以決定需要為網站設計什麼。通過畫出不同用戶的路徑，可以幫助我們查看是否有遺漏。

舉一個例子：

比如，要建立一個小型電子商務網站的用戶路徑草圖，可以有這樣一個場景故事：買禮物的人瀏覽主頁，找到適合的禮物，買下禮物，寫下一張賀卡，寫上朋友的信息，付款。

起初的用戶路徑草圖如下：

接下來可以考慮：

網站的用戶不只是送禮物的人，也會有給自己買禮物的用戶、不滿意的用戶、失業想要在線賣東西的用戶、其他渠道接收到廣告的用戶。

我們可以繼續為這些用戶添加用戶路徑：

五、明確業務流程與任務流程

繪制了全用戶的全路徑草圖，現在就要拆解用戶的全部任務，明確交互中每一步的細節。

其實這一步，就是根據用戶的任務，完成各個任務/功能的流程圖設計，以及和網站後台系統交互的業務流程圖設計。

關於功能流程與業務流程，網上已有不少文章做出詳述，本文不再詳細闡述。

六、網站的用戶體驗設計

本步驟不再敘述如何繪制網站的原型圖，這里要談的是在網站的設計中，值得注意的要點。

1. 網站上的一切要井井有條

網站中會含有豐富的信息，用戶來到我們的網站時為了查找信息或者完成任務或者二者兼有，作為網站的設計者，我們的任務就是用好的設計幫助用戶達到他們的目的。

（1）幫助確認是否到達了正確的位置

來到網站，用戶希望知道這是不是他所需要的，也就是他是否達到了正確的位置。

用戶來到我們的網站時，首先看到的就是網站的組織方案。

組織方案有兩個作用：

因此，組織方案需要為用戶展示所有的產品范圍。比如，淘寶網站的分類導航：

（2）幫助用戶找到他們需要的東西

用戶知道他們訪問了正確的網站，接下來他們需要標識導引來找到他們想要的東西，標識導引有四方面的內容：

（3）讓用戶知道網站上有更好的東西

無論用戶是否在網站上找到了他們需要的東西，他們都會想找到更多的類似的更好的內容。

在這里，可以有效利用導航或麵包屑導引，突出顯示用戶在網站中的當前位置，並顯示相關的內容，讓用戶可以鏈接到其他的地方。

另外，也可以使用提供「更多內容」的選項，可以向用戶提供相關商品的快捷途徑。

「更多內容」導航工具對於一組相關商品以及相關種類的快捷途徑最為有效，例如電商網站的「猜你喜歡」，文章網站的「相關文章」。

（4）為用戶提供下一步操作

用戶已經找到了他們想要的東西，我們要為用戶的下一步操作提供相應的選擇，我們應該在設計網站時詢問自己「用戶希望在找到他們需要的東西後，做些什麼？」

對於一個電商網站，用戶肯定是要購買到找到的商品，電商網站提供的「加入購物車」和「購買」按鈕有效幫助用戶解決了問題。對於一個文章網站，用戶閱讀一篇文章後需要做些什麼呢？應該是評論、分享、收藏、復制、粘貼這篇文章。

用戶會利用網站提供的「下一步」操作拉近與其目標的距離。

2. 網站導航的細節闡述

這里之所以把網站的導航設計拿出來，是因為看似簡單的導航設計，裡面含有很多的設計細節。

在討論導航的細節之前，我們先要明確用戶查找信息的方式，用戶訪問我們的網站就是為了獲取查找相關信息，而導航可以幫助用戶去完成這一操作，所以有必要了解用戶查找信息的方式。

（1）用戶查找信息的方法

（2）導航的分類

三類導航分別對應不同的用戶查找信息方法：

（3）全局導航

在很多網站上，全局導航就是導航條，比如：

對網站內容分類並選擇組織系統時，全局導航作為頂層類別，對用戶和企業來說是意義重大的，因為它展現了網站的頂層架構。

全局導航需要再每個頁面都出現，不論用戶現在在哪裡，都能通過全局導航繼續訪問網站的任何位置。

同時，全局導航還有一個作用，就是會告訴告訴用戶網站是關於什麼的，以及用戶可以利用網站來做些什麼。

全局導航通常會顯示在頁面的最上方，因為這樣就能將頁面的其餘部分聚焦於內容數據。

當然，垂直的全局導航也是一種選擇，但是這樣會限制局部導航以及頁面內容的可用空間。

（4）局部導航

局部導航也稱為欄目導航，因為它提供了一組鏈接。當點擊了一個全部導航時，會進入到相應頁面，此時會在全局導航下方出現新的一組導航條，這就是局部導航。

利用局部導航，只需要提供一個欄目下其他頁面的鏈接即可。

在一個復雜的分類系統中，用戶希望從一個類別移到子類別，然後再移回來，設計局部導航就是為了讓用戶能夠輕松地在不同類別間導航。

局部導航可以有效的幫助「探測內容查找」型用戶，這些用戶知道他們需要某些東西，但是又不確定到底是什麼。

選擇一個全局導航後，局部導航可以幫助他們瀏覽更加具體的內容。而對於「不知道自己要查找什麼」的用戶，局部導航可以為他們提供一組相關的選項，幫助他們做出決策。

局部導航通常出現在全局導航的下方（或頁面的左側）。這種布局方式也強調了內容的組織方式：子類在類別下方，把相關性最強的鏈接放在最接近用戶需要的位置。

用戶在訪問網站的一個頁面時，會關注頁面的內容，如果他看到的頁面上沒有需要的內容，那麼局部導航通常要放在離頁面內容更近的位置，用戶想要訪問其他類別時，首先要找的便會是局部導航。

（5）導航訪問模式

在全局導航和局部導航這里，介紹一下用戶訪問導航的模型，用戶查找網站內容的方式取決於網站的導航，通過導航訪問內容有兩種基本模式（我喜歡這么叫這兩種方式）：彈跳模型和爬行模型。

彈跳模型： 這種模型會使用戶前往一個子類，然後必須回到其父類（首頁）來選擇另一個不同的子類。

此模型適用於用戶瀏覽龐大的異構內容集的時候，眾多分類龐雜的網站如電商網站、素材類網站，這些類型網站中麵包屑導引工具就顯得異常重要，用戶會沿著麵包屑導航的軌跡返回。

採用該模型，為了讓用戶在網站中轉移時將其餘的頂層類別隱藏，使用戶更沉浸當前類別中。

同時，對於包含大量內容的網站，不可能把所有頂層類別連同所有局部導航都顯示在一起。

例如，京東的麵包屑還自帶了篩選功能：

爬行模型 ：在該模型中，用戶可以採用橫向的方式在各類別間轉移，用戶選擇一個類別後，可以繼續選擇頁面上的「兄弟」類別的導航，用戶只需要單擊一次就可以進行切換。

做一個簡單的總結：全局和局部導航統稱為結構導航，優秀的結構導航能支持用戶的所有信息搜尋行為，包括前文中三類查找信息的用戶。

（6）關聯導航

關聯導航就是網站頁面上能為該頁面上的內容關聯到額外內容的鏈接，比如：文章詳情的「更多文章」、電商網站的「猜你喜歡」、新聞詳情的「相關新聞」等。

關聯導航有時很容易被我們忘記，因為它們相當於跨越了網站信息架構體系結構的快捷方式。

但是，不得不承認，關聯導航是保證網站可用性強大的驅動力，可以促使用戶沉浸於我們的內容。

關聯導航關注兩方面內容：

a. 上文中已經提到過「下一步」操作。當用戶找到了他們希望的東西時，下一步要做什麼？

如果是訪問了一篇文章，就應該為用戶提供更多相關文章的鏈接；如果是觀看了一個視頻，就可以提供更多相關的視頻鏈接給用戶。

例如：在36kr網站，當用戶閱讀了一篇文章後，網站提供了收藏、評論、分享等功能。

或者，用戶心情不錯想要繼續查看相關內容，為此，網站提供了相關文章和感興趣文章的鏈接。

又或者，用戶不想看類似文章了，此時網站提供了下一篇文章的鏈接。

b. 如果當前頁面展示的不是用戶想要的，那麼該怎麼辦呢？我們當然不能保證每一個頁面都是用戶想要的。

我們要做的，就是要提供一些其他的內容給用戶看到，可以提供一些相關內容的鏈接，或者是提供同一內容不同格式的鏈接，比如在一個新聞詳情內，可以給用戶提供文字、音頻以及視頻多種查看方式。

例如：在用網路搜索內容時，並不是一下子就能搜索到用戶想找的內容，此時在搜索頁面上提供了多種格式的搜索類型，同時還提供了搜索工具幫助用戶篩選搜索的結果，在界面的右側也提供了一些與搜索關鍵字相關的鏈接。

（7）可用性導航

信息架構領域的美國知名作家James Kalbach給出了可用性導航的定義「可用性導航將工具和特性相連接，這些特性可以幫助訪問者使用網站。」

好吧，專家的定義總是這么晦澀。

其實我們對可用性導航並不陌生，網站的登錄/注冊、搜索、個人信息、個人賬戶、客服、我的訂單等都是可用性導航。

可用性導航通常放在全局導航附近，比如頁面的右上方，因為可用性導航也需要在網站的所有地方都能訪問到。

在設計可用性導航時，要利用視覺線索和頁面上的屋裡位置將它和全局導航分開。

不同類型網站可用性導航包含的信息不同，根據網站各自的業務進行具體設計，比如：京東的「登錄/注冊、我的訂單、我的京東、京東會員、企業采購、客戶服務、手機京東」、站酷網的「搜索、上傳、消息、個人信息」等。

（8）小結：

全局導航和局部導航可以幫助用戶縮小網站的內容範圍。關聯導航可以將用戶連接到相關的內容，提供不同情況的「下一步」。

可用性導航可以放置另外三類導航未能妥善處理的其他重要鏈接。

三部分導航綜合到一起，就可以得到一個可用性很高的網站了。

如果在設計網站的導航時，還是無從下手，試著回答自己三個問題「內容如何組織？」「用戶希望通過網站做什麼？」「你希望用戶通過網站做什麼？」

3. 網站內容的基石—元數據

元數據是網站組織系統的基礎，搜索以及電商網站上的導航系統都依賴於元數據。

網站上的信息可以有不同的形式，比如：一篇文章、一張圖片或者是一個視音頻。

元數據可以確保以上各種形式的內容都能夠被用戶查找瀏覽到，元數據就是每一項內容的所有信息。比如，一首歌曲，元數據可能包括：出處，版本，作詞人，作曲人，演唱者，專輯名，時長，音樂類型等等。

元數據通常包括以下三種：

1. 固有性元數據。與內容構成有關的元數據，比如這是一個word文檔、jpeg圖片、ZIP文件。

2. 管理性元數據。與內容構成有關的元數據，比如圖片的用途、編輯人、是否已發表。

3. 描述性元數據。與內容本質有關的元數據，比如一個圖片的描述性元數據：狗、犬科、可愛等。

下圖展示一些元數據的類型：

我們要根據網站的具體定位，組織具體的內容及其元數據，明確每一個元數據對用戶來說是否有用。

4. 網站設計要遵循的基本原則

用戶體驗設計部分的最後，總結一些常用的設計原則吧：

七、目標（種子）用戶測試網站

可以給用戶測試我們的網站原型，也可以快速搭建第一個版本後讓用戶使用得到反饋。無論採用哪一種方式，目標都是要盡快得到用戶的反饋，以及時調整解決出現的問題。

同時，我們要為發現的問題預留出足夠的處理時間。

八、迭代優化我們的網站

接下來，就是不斷的去迭代、優化網站了，根據公司業務的調整、或是配合其他產品線、或是增加產品功能，不斷的去完善網站。

九、總結

本文討論了系統規劃網站的大致流程，重點討論了提升網站用戶體驗的設計要點，從中又引出了導航、元數據以及基本的設計原則，希望本文的內容能給大家帶來一些幫助。

㈧ 老年人網頁設計：成熟視角下的用戶體驗

在世界各地，人們的壽命越來越長，晚年也更加活躍。更重要的是，盡管您過去可能聽說過，但老年人並不像過去那樣對互聯網保持警惕。2019 年，皮尤研究所透露，65 歲以上的人中有73%連接到網路。 

那麼，這對網頁設計師意味著什麼？

嗯，首先，是時候讓我們所有人開始從不同的角度考慮用戶體驗了。我們需要停止期望我們的受眾完全由使用 iPhone 的千禧一代組成，並開始考慮老年人的需求。畢竟，為老年人設計網站可以讓您在未來接觸到廣泛的潛在訪問者。

此外，根據人口普查局的數據，65 歲以上的人通常擁有最高的家庭財富數字。這是一個大問題。 

那麼，您如何為老年人調整用戶體驗？

創建對老年人友好的網頁設計

在為老年人設計網站和應用程序時，您的主要關注點需要放在能力上。年齡只是一個數字，而人的年齡不同。 

這意味著一個 70 多歲的人可能可以輕松瀏覽網頁觀看最新節目，而其他人則無法告訴您「流媒體」是什麼意思。 

與其特別擔心年齡，不如想想不同年齡組的人在運動控制、聽力、視力甚至設備偏見等方面可能有不同的要求。 

獲得正確的視覺元素

視力喪失是迄今為止美國老年人報告的最常見的殘疾。大約六分之一的 70 歲以上的人有某種程度的視力障礙。這就是為什麼 UI 設計師在創建正確的網站時需要仔細考慮視覺可訪問性的原因。 

例如，文本和按鈕的大小應始終保持較大。任何需要閱讀或點擊的東西都需要放大，以確保每個人都能清楚地看到信息。例如，在Sandinmysuitcase.com網站上，您會發現清晰的排版，以及告訴您「從這里開始」的大按鈕，以便您確切知道下一步要做什麼。

請記住盡可能堅持使用清晰標記的圖標。遠離客戶可能不理解的任何內容。「從這里開始」比「提交」更容易閱讀和理解。 

當您創建一些東西以獲得最佳可見性時，堅持基本 UX 設計制定的顏色和對比度指南也是值得的。太接近的顏色可能會在網站上產生漂亮的柔和或漸變效果 - 但它們也會使內容難以閱讀。 

專注於可用性

超過 55 歲，某些人的運動技能和協調能力開始下降。這些變化使人們更難與復雜的 UI 交互。對於運動技能下降的人來說，計算機上的滑鼠可能是一個特殊的問題——平板電腦或智能手機的觸摸屏也是如此。 

當您致力於打造完美的 UX 時，請考慮如何讓難以實現目標的人盡可能輕松地點擊內容。例如，在這個面向 50 歲以上旅行人士的網站上，您不僅會看到出色的大字體選擇，還會看到具有描述性且易於理解的大按鈕：「單擊此處開始計劃您的旅行」：

對於運動技能受損的人來說，滾動條也可能有點問題。因此，最好將注意力集中在首屏設計上。確保用戶不需要滾動很遠就能找到他們需要的信息，並在外觀和感覺方面保持滾動條的簡潔。

當您致力於可用性時，請記住，盡可能減少交互非常重要。在您可以通過雙擊、滑動和滾動吸引年輕觀眾的地方，通過簡單的一鍵交互與老年人建立聯系要容易得多。您的用戶為實現目標而需要採取的行動越少越好。 

提供流暢的導航 

在您的網站上從 A 點導航到 B 點需要盡可能簡單無縫。請記住，您的網站和應用程序上擁擠的頁面通常會讓人不知所措——即使對於年輕的瀏覽器也是如此。老年人通常只是在搜索「必須知道」的信息，因此他們在瀏覽網站時不希望任何事情妨礙他們。 

當您處理網站或應用程序設計時，問問自己頁面上的每個元素是否都必須存在。如果它沒有提供價值，那就擺脫它。 

此外，請記住，老年人並不總是擁有最好的記憶力和注意力水平。這意味著他們需要您的導航體驗盡可能簡單。一次顯示所有內容的基本水平菜單欄通常是一個好主意——即使它們不是很令人興奮。

例如，看看來自RetireMove.com 的這個有用的導航體驗。您需要的一切都位於頁面頂部，您甚至可以輸入您的郵政編碼開始：

隨著年齡的增長，認知能力下降是有規律的。盡管並非所有老年人的記憶力和注意力都會出現問題，但重要的是要為可能處理信息速度較慢的觀眾做好准備。值得再次確認您的瀏覽者的注意力不會同時轉移到頁面的多個部分。

快速到達重點

雖然年輕一代迅速將技術應用到他們生活的方方面面，但老年消費者使用技術的方式略有不同。這些人不想永遠擺弄您網站的不同部分。他們希望盡可能快速、輕松地獲得問題的答案。 

復雜或難以訪問的申請通常會立即被老年人拒絕。即使您提供了我們上面介紹的所有內容，從無縫導航到極簡設計，如果老年人認為您的設計沒有用，您仍然無法獲得所需的交互。 

因此，您需要盡快向老年人強調網站或應用程序的重點。避免擔心gif、動畫和游戲化等問題。相反，專注於確保您的設計有用且簡單。 

例如，從您的高級用戶訪問網頁的那一刻起，他們就應該可以立即訪問有關如何使用應用程序或服務以及接下來需要做什麼的明確說明。請記住，這在您創建移動應用程序時尤為重要，因為應用程序對於老一代來說仍然是一個相對較新的概念。 

在「當他們變老」網站上，您可以立即在一個組織良好的導航欄中找到您需要的信息，該導航欄中標有清晰的標簽：

像這樣一個清晰的界面，結合向老年人展示如何獲取他們想要的信息的簡單、分步指南，是讓這些用戶再次光顧的關鍵。 

為網頁設計帶來成熟的視角

如今，大多數設計師在創建網站和應用程序時都非常關注年輕的受眾。畢竟，正是這些用戶讓我們能夠更多地嘗試最新的工具和概念，例如增強現實、人工智慧和強大的動畫。 

但是，對於希望獲得更多上網機會的老年人來說，仍然存在市場。這些觀眾經常被忽視和服務不足。然而，隨著老年消費者價值的增長，以及他們在線互動能力的提高，您會發現越來越多的企業開始尋找能夠為更成熟的受眾提供身臨其境體驗的網頁設計師。 

上述步驟將使您深入了解如何開始為不同類型的客戶群進行設計。但是，請記住，確保為任何客戶提供正確解決方案的最佳方法是進行測試。用戶測試將為您提供所需的獨家見解，以確定您的高級用戶體驗是否真的有效，或者您是否仍在努力適應老用戶的需求。