web界面设计(一)「建议收藏」

web界面设计(一)「建议收藏」Web界面设计一指引客户1.令人心动的第一映像发现页面布局不是你选择页面布局,而是它选择你引导客户的视线利用对角线原则使用色彩来吸引用户 重点使用反色或者深色表示凸显个性可以使用符号来统一设计风格logo2.导航之道告诉软件应该做什么 设计菜单不应该基于对象,还是基于任务(动宾词)链接生来不平等标签抬起头来看路二学习1开

大家好,又见面了,我是你们的朋友全栈君。

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板式设计 构图 色彩 风格等

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

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

简介与明确原则

使用醒目的标题

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

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

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

三次点击原则

体现特色的原则

特色鲜明

了解用户的基本情况

合理逻辑结构

良好的导航设计

应该从使用者角度出发。

 

 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/150331.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 时间序列模型(ARIMA和ARMA)完整步骤详述「建议收藏」

    时间序列模型(ARIMA和ARMA)完整步骤详述「建议收藏」实现ARMA和ARIMA时间序列模型的预测。

    2022年5月10日
    67
  • 数据采集技术python网络爬虫_精通Python网络爬虫

    数据采集技术python网络爬虫_精通Python网络爬虫Python网络爬虫与数据采集第1章序章网络爬虫基础1爬虫基本概述1.1爬虫是什么1.2爬虫可以做什么1.3爬虫的分类1.4爬虫的基本流程1.4.1浏览网页的流程1.4.2爬虫的基本流程1.5爬虫与反爬虫1.5.1爬虫的攻与防1.5.2常见的反爬与反反爬1.6爬虫的合法性与robots协议1.6.1robots协议1.6.2查看网页的robots协议1.7Python爬虫相关库2.Chrome浏览器开发者工具2.1Chrome浏览器开发者工具简述2.1

    2022年9月1日
    2
  • kettle视频教程[通俗易懂]

    kettle视频教程[通俗易懂]kettle实战视频教程分享,有需要的自取哈~kettle视频教程播放地址具体内容如下:文件和数据库表的互相转换处理数据库单表的全量同步开始学习数据库单表的增量同步数据库同步错误原因记录到oracle日志表多个数据库表融合到一个数据库业务表比较不同的数据库表进行数据的一致性处理通过配置文件做表的全量同步,一个作业统统搞定通过配置文件做数据表的增量同步,一个作业统统搞定整体数据库迁移(表全量和表增量)windows下的kettle作业调度Linux下的kettle作业调度.

    2022年5月10日
    36
  • atof函数_log函数怎么比较大小

    atof函数_log函数怎么比较大小atof函数原型doubleatof(constchar*str);作用:将字符串转换为双精度浮点数(double).头文件:#include<stdlib.h>返回值: 返回转换后的浮点数,如果字符串str不能被转换为double,那么返回0.0函数说明:atof()会扫描茶树str字符串,跳过前面的空格字符,直到遇到数字或者正…

    2025年8月20日
    4
  • order by case when执行优先级_sql case语句

    order by case when执行优先级_sql case语句MySQL语句中执行优先级——and比or高例:select*fromtablewhere条件1AND条件2OR条件3等价于select*fromtablewhere(条件1AND条件2)OR条件3select*fromtablewhere条件1AND条件2OR条件3AND条件4等价于select*fromtablewhere(条件1AND条件2)OR(条件3AND条件4)sql执行顺序

    2025年8月26日
    5
  • Oracle-Oracle数据库备份与恢复

    Oracle-Oracle数据库备份与恢复Oracle数据库备份与恢复下面通过一些简单的例子来了解一下:Oracle数据库各种物理备份的方法。Oracle数据库各种物理恢复的方法利用RMAN工具进行数据库的备份与恢复。数据的导出与导入操作。(1)关闭BOOKSALES数据库,进行一次完全冷备份。selectfile_namefromdba_data_files;selectmemberfromv…

    2022年5月14日
    42

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号