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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 陶瓷电容分类_陶瓷电容电压级别分类

    陶瓷电容分类_陶瓷电容电压级别分类陶瓷电容分为贴装陶瓷电容和插装陶瓷电容两大类。贴装陶瓷电容是多层陶瓷电容,一般耐压不会超过50V,而层数可以达到4000层,插装的陶瓷电容中包括圆片陶瓷电容和独石电容。圆片陶瓷电容也称瓷片电容,是单层的,耐压从50V~6000V都较为普遍。同样容值下,瓷片电容受温度影响更小,更适合应用在微弱信号放大电路的滤波中。独石电容全称是片式多层陶瓷电容器,(网上有资料说其实就是陶瓷贴片电容的

    2022年8月22日
  • 遍历数据时arraylist效率高于linkedlist_遍历问题种类

    遍历数据时arraylist效率高于linkedlist_遍历问题种类概述一个java程序猿比较广为人知的小知识,是ArrayList和LinkedList最好使用迭代器删除,而不是遍历删除。当我们尝试使用for循环或者forEach进行删除的

    2022年8月16日
  • 计算机组成原理变形补码计算题_原码反码补码例题详解

    计算机组成原理变形补码计算题_原码反码补码例题详解22.已知x和y,用变形补码计算x-y,同时指出结果是否溢出。(1)x=11011,y=-11111(2)x=10111,y=11011(3)x=11011,y=-1001124.已知x和y,用变形补码计算x+y,同时指出结果是否溢出。(1)x=11011,y=00011(2)x=11011,y=-10101(3)x=-10110,y=-00001#include<bits/stdc++.h>usingnamespace…

    2022年8月30日
  • PSPNet介绍-语义分割

    PSPNet-PyramidSceneParsingNetwork核心模块是金字塔池化模块(pyramidpoolingmodule),它能够聚合不同区域的上下文信息,从而提高获取全局信息的能力。实验表明这样的先验表示(即指代PSP这个结构)是有效的,在多个数据集上展现了优良的效果。1.pyramidpoolingmodule该模块融合了4种不同金字塔尺度的特征,第一行…

    2022年4月5日
  • word2vec 中的数学原理详解(一)目录和前言

    word2vec 中的数学原理详解(一)目录和前言word2vec是Google于2013年开源推出的一个用于获取wordvector的工具包,它简单、高效,因此引起了很多人的关注。由于word2vec的作者TomasMikolov在两篇相关的论文[3,4]中并没有谈及太多算法细节,因而在一定程度上增加了这个工具包的神秘感。一些按捺不住的人于是选择了通过解剖源代码的方式来一窥究竟,出于好奇,我也成为了他们中的一员。读完代码后,觉得收获颇多,整理成文,给有需要的朋友参考。

    2022年5月16日
  • Eclipse 新手使用教程

    Eclipse 新手使用教程Eclipse是Java的集成开发环境,使用Eclipse编写Java代码更加简单和智能,那我们该如何使用Eclipse编写一个Java程序呢?一、需要在Eclipse官网(https://www.eclipse.org)上下载Eclipse,然后在电脑上安装二、打开Eclipse软件(一)选择一个工作空间的目录,建议不要放在C盘,之后创建的项目都会存放在你所选的目录下,然后点击Launch(二)可以通过Window-ShowView-Console调出控制台,方便查看程序编译时的输..

    2022年6月15日

发表回复

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

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