web界面设计

Posted 2023-02-20 xxMYxx

Web界面设计

一 指引客户

1.令人心动的第一映像

发现页面布局 不是你选择页面布局，而是它选择你

引导客户的视线

利用对角线原则

使用色彩来吸引用户  重点使用反色或者深色表示

凸显个性 可以使用符号来统一设计风格 logo

2.导航之道

告诉软件应该做什么 设计菜单不应该基于对象，还是基于任务（动宾词）

链接生来不平等

标签抬起头来看路

二 学习

1 开门见山 为扫描设计

欢迎词没有用，扫码出关键词

2.为界面做标记

假设用户完全不了解我们的软件，给他们足够多的指引去完成操作

3.生动的视频

三 搜索

1.提出搜索词建议

运用错误避免机制，使用自动完成框(搜索) 搜索词避免干扰用户

2.依赖那些有效的标准

3.高级搜索也应该简明

递进显示

四 深入

1.视频播放标准化

2.巩固你的表单布局 

推荐使用标签左上布局

让你的确认和取消更完美

首先方式和第二选择

3.驾驭wizard向导

Wizard是一种多步骤的交互，引导用户一步步去顺序处理

4. 纠错也要表扬

5. 简化长表格 尝试让交互看起来更容易

6. 让他们登录（密码错误 和用户名错误）

7. 计算字符串 字符到达限制

8. 用虚拟视觉效果，提前将效果展示给用户，来满足用户的预期，减少等待感

9. 提供引导邀请

五 参与

1.创建个人资料

递进的增加 设计一种可以自动变化的个人信息，以便用户交流

分层式值注册只需要填写基本信息，对特色用户可以增加一写特定信息

将信息变成仪表盘（图片）

提供空白页资料

2.编辑

正确的时间显示正确的工具

把高级的东西隐藏起来

3.开展社交活动

4.显而易见的博客

博客应该有利于阅读

博客应该鼓励去交流

引导人们去阅读更多的日志（自己的和别人的） Trackback

5要求讨论

让客户发表意见， 和用户之间建立良好的信任， 启用自己的otaku

,标记恶意 评论者

6 得到一个好评的分数

清晰胜于效率

六 信息管理

RSS(Really Simple Syndication)

推广某项新技术时应该它通俗易懂

自定义标签

让系统通知来管理中断（改版 更新）

七 退出

化繁为简 不要试图阻止用户退出 可以设置退回到当初登录的界面

抹去那些尘封的用户

可以提供一些产品的新特性提醒用户再次登录

方便的转移用户的信息 联系人

总结

了解用户希望做些什么，界面希望用户做些什么，不断思考怎么样去鼓励人们输入，编辑，分享，搜索... 激励用户完成他们所想完成的事 我们也应该努力提高用具的使用效率

http://wenku.baidu.com/view/1b42af4cf01dc281e53af0bd.html?re=view

http://wenku.baidu.com/view/ddd96c072b160b4e767fcfd4.html?re=view

常识

Web界面是人机交互的一个延续 web界面的外观直接关系到web站的是否能吸引到用户的重要因素  人性化是web界面设计的核心。

一 以用户中心设计原则

既需要考虑用户的共性，还要考虑不同的人群的差异

考虑目标的不同行为方式（年龄 性别 地区 种族 生活习惯 受教育程度）

二  一致性  

内容包括 网站显示的信息  数据 文字等内容

形式包括 web板式设计 构图 色彩 风格等

网页的形式为内容服务，不同的受众网页设计形式也不一样

页面元素的间距 文本 标识 风格 色彩等上保持一致性

三 简介与明确原则

使用醒目的标题

限制所用的字体颜色 字体种类

界面所有元素都有明确的含义和用途

界面上所有元素都应该有明确的含义和用途

三次点击原则

四 体现特色的原则

特色鲜明

了解用户的基本情况

合理逻辑结构

五 良好的导航设计

应该从使用者角度出发。