Discuz! Board

 找回密碼
 立即註冊
搜索
熱搜: 活動 交友 discuz
查看: 320|回復: 0

優秀網頁設計的7條原则

[複製鏈接]

2645

主題

2647

帖子

9476

積分

管理員

Rank: 9Rank: 9Rank: 9

積分
9476
發表於 2023-11-20 16:14:18 | 顯示全部樓層 |閱讀模式
可用性和适用性,而不是視觉設計,决议了網站的成败。因為頁面的拜候者是独一點击鼠標的人,是以他决议一切,以用户為中间的設計已成為樂成和以利润為导向的網頁設計的尺度法子。

极简慕枫Pithy MFweb将用一篇文章带你领會關頭的7各原则,在本文咱們不筹算會商設計實現细節(比方搜刮框应當放在哪里),由于它已在不少文章中完成為了;相反,咱們專注于有用網頁設計的重要原则和開导式法子——若是利用适當,這些法子可以致使更繁杂的設計决议计划并简化感知显現信息的进程。

為了准确利用這些原则,咱們起首必要领會用户若何與網站交互,他們若何思虑和用户举動的根基模式是甚麼。

用户怎样想?

根基上,用户在 Web 上的习气與主顧在商铺中的习气没有太大區分。拜候者阅读每一個新頁面,扫描一些文本,然後单击第一個引發他們樂趣或與他們正在寻觅的内容大致類似的链接。究竟上,他們乃至没有檢察頁面的很大一部門。

大大都用户心腦血管保健食品,搜刮有趣(或有效)且可點击的内容;一旦找到一些感樂趣的内容,用户就會點击。若是新頁面不合适用户的指望,则单击撤退退却按钮并继续搜刮进程。

·用户赏識網頁質量和信用。若是一個頁面為用户供给了高質量的内容,他們愿意在内容與告白和網站設計之间做出讓步。這就是為甚麼設計欠安但内容質量高的網站多年来得到大量拜候量的缘由。内容比支撑它的內科辦公室,設計更首要。

·用户不浏览,他們扫描。阅读網頁時,用户會搜刮一些可以指导他們阅读頁面内容的固定點或锚點。

用户不浏览,他們扫描。注重句子中心的“热”區域十分首要。這是典范的扫描进程。

·Web用户没有耐烦,對峙即時知足。很简略的原则:若是一個網站不克不及知足用户的指望,那末設計师就没能很好地完成他的事情,公司就會赔錢。認知负荷越高,导航越不直观,用户就越愿意分開網站并寻觅替换品。

·用户不會做出最好選擇。用户不會搜刮找到他們正在寻觅的信息的最快法子。他們也不會以線性方法扫描網頁,從一個站點部門次序到另外一個站點部門。取而代之的是用户得意;他們選擇第一個公道的選项。一旦他們找到一個看起来可能通向方针的链接,颇有可能會當即點击它。

·用户遵守他們的直觉。在大大都环境下,用户苟且偷生而不是浏览設計师供给的信息。按照 Steve Krug 的說法,其根来源根基因是用户不關切。“若是咱們找到有效的工具,咱們就會對峙下去。只要咱們瘦身霜,能利用它們,咱們是不是领會事物的事情@道%xO8D8%理對咱%L2dP6%們@来讲其實不首要。若是您的观眾會像您在設計告白牌同样行事,那末请設計超卓的告白牌。”

·用户想要節制。用户但愿可以或许節制他們的阅读器并依靠全部站點中一致的数据显現。比方,他們不但愿新窗口不测弹出,他們但愿可以或许經由過程“撤退退却”按钮返回到他們以前拜候過的站點:是以,永久不要在新阅读器窗口中打開链接是一個好习气。

-

當晓得了用户的設法,如下7條原则就是咱們在網站設計時必要遵照的:

1.不要讓用户思虑

按照 Krug 的可用性第必定律,網頁应當是不言而喻的和不言自明的。當您建立網站時,您的事情是去掉問号。
若是导航和站點架構不直观,問号的数目就會增长,利用户更難理解體系的事情道理和若何從 A 點达到 B 點。清楚的布局、苗栗外送茶,适度的視觉線索和易于辨認的链接可以帮忙用户找到通往方针的路径。

讓咱們看一個例子。 号称“超出渠道、超出產物、超出分销”。這是甚麼意思?因為用户偏向于按照“F”模式阅读網站,是以這三個语句将是用户在頁面加载後起首看到的元素。
虽然設計自己简略直观,但要领會頁面的内容,用户必要搜刮谜底。這就是不需要的問号。确保問号的数目靠近于 0 是設計师的使命。視觉诠释放在右邊。只需互换两個模块便可以提高可用性。

2.不要挥霍用户的耐烦

在每一個项目中,當您要為拜候者供给某種辦事或东西時,请尽可能将您的用户请求連结在最低限度。用户测试辦事所需的操作越少,随機拜候者現實测驗考试的可能性就越大。初次拜候者愿意利用该辦事,而不是為他們未来可能永久不會利用的帐户填写长长的收集表格。讓用户阅读站點并發明您的辦事,而無需逼迫他們同享私家数据。强迫用户输入電子邮件地點来测试该功效是分歧理的。

Stikkit 是用户友爱辦事的完善典型,它几近不必要拜候者供牙痛止痛藥,给任何不惹人注視且使人恬静的辦事。這就是您但愿用户在您的網站上感觉到的。

3.想法吸援用户的注重力

因為網站同時供给静态和動态内容,是以用户界面的某些方面比其他方面更能吸引注重力。明显,圖象比文字更惹人注視——就像標識表記標帜為粗體的句子比纯文本更吸惹人同样。

人眼是一種高度非線性的装备,收集用户可以當即辨認邊沿、圖案和動作。這就是為甚麼基于視频的告白很是烦人和分離注重力,但從营销的角度来看,它們完善地完成為了吸援用户注重力的事情。

4.夺取特性暴光

現代網頁設計凡是因其以視觉上吸惹人的 1-2-3 完成步调、具备視觉结果的大按钮等方法指导用户而遭到批判。但從設計的角度来看,這些元素現實上其實不是一件坏事。相反,此類指南很是有用,由于它們以很是简略和用户友爱的方法指导拜候者阅读網站内容。

5. 操纵有用的写作

因為 Web 分歧于印刷品,是以有需要按照用户的爱好和阅读习气调解写作气概。鼓吹文字不會被浏览。没有圖象的长文本块和粗體或斜體標識表記標帜的關頭字将被跳過。浮夸的說话将被疏忽。

触及贸易時防止可爱或聪慧的名字、营销引诱的名字、公司特定的名字和不認識的技能名称。比方,若是您描写一项辦事并但愿用户建立一個帐户,“注册”比“當即起頭!”更好。這又比“摸索咱們的辦事”更好。

6.力圖简略

“連结简略”原则 (KIS) 应當是站點設計的重要方针。用户很少在網站上享受設計;别的,在大大都环境下,他們正在寻觅與設計無關的信息。力圖简略而不是繁杂。

從拜候者的角度来看,最佳的網站設計是纯文本,没有任何告白或其他内容块與拜候者利用的盘問或他們一向在寻觅的内容彻底匹配。這就是為甚麼用户友爱的網頁打印版本對付杰出的用户體驗相當首要的缘由之一。

Finch 清晰地展現了有關该站點的信息,并為拜候者供给了多種選擇,而不會使他們過分拥堵不需要的内容。

7. 不要惧怕空缺

現實上,很難高估空缺的首要性。它不但有助于削减拜候者的認知包袱,并且可以感知屏幕上显示的信息。當新拜候者靠近設計结構時,他/她测驗考试做的第一件事就是扫描頁面并将内容區域划分為可消化的信去斑神器,息片断。

繁杂的布局更難浏览、扫描、阐發和利用。若是您可以選擇用可見線或一些空缺分開两個設計段,凡是最佳利用空缺解决方案。條理布局低落繁杂性(西蒙定律):您越能為用户供给視觉條理感,您的内容就越輕易被感知。

-

若是您必要建站的话,接待私信咱們举行接洽!
回復

使用道具 舉報

您需要登錄後才可以回帖 登錄 | 立即註冊

本版積分規則

Archiver|手機版|小黑屋|台北設計交流論壇  

台北招牌設計, 推薦招牌, 荷重元, 傳感器, 資料擷取DAQ, 中壢當舖免留車, 翻譯社, 台北網頁設計, 未上市未上市股票未上市屏東借錢屏東借款汽機車借款, 機車借款免留車, 汽車借款免留車, 汐止免留車, 汐止汽車借款, 信用卡換現金刷卡換現金堆高機, 高雄合法當舖, 空壓機, 台北借錢, 台北當舖, 音波拉皮, 三重當舖, 布沙發, 廚具工廠, 飲水機, 未上市, 老虎機, 真人百家樂, 娛樂城, 室內設計公司, 支票借款, 廢鐵回收, 聚左旋乳酸, 搬家, 搬家公司, 封口機 皮秒 隆乳, 團體制服, 紫錐花, 預防感冒, 床墊, 不動產估價師, 借貸日本泡泡慕斯,, 台中搬家支票借款, 支票借錢, 彰化當舖壯陽藥邱大睿, 汐止免留車, 支票借款, 票貼, 紙杯植纖碗廚餘回收防盜, 保麗龍切割, 止癢液, 聚左旋乳酸, 台中搬家公司, TU娛樂城睡眠褲, 瑜珈褲, 團體制服, 抽脂價格, 未上市熱門加盟, 飲食加盟, 小資本加盟創業, 加盟什麼最賺錢, 汐止當舖未上市股票, 贈品, 美體SPA, 牙齦整形, 3a娛樂城, 現金版, 沙發, 沙發修理, 沙發換皮, 蘆洲汽車借款,, 未上市, 保麗龍割字, 保麗龍字, 電腦割字, 北京賽車bcr娛樂城玖天娛樂城gs娛樂城i88娛樂城九州娛樂城, q8娛樂城, 系統櫃系統傢俱

GMT+8, 2024-3-3 13:01 , Processed in 0.077024 second(s), 23 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回復 返回頂部 返回列表