童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

互联网界面设计模式

12月4日 栀璃鸢投稿
  We
  封皮上是这样描述本书的:想知道怎样在今天的Web上创造伟大的用户体验吗?本书以当前最流行的Web站点为例,介绍了两大良行之有效的Web界面设计模式。如果你想构建或重构站点,并希望站点以丰富的交互为特色,那么本书就是你出奇制胜的宝典。
  首先,这是一本工具书。
  其次,这是自认为一本比较糟糕的好书。好书,因为它提供了大量思路与操作办法(“最佳实践”的部分);糟糕的是平庸的用例和花里胡哨的组织(重复与滥用)。鉴于此,我废弃书中巧言令色、不知所云的“六大原理”,按功能重新组织。另外,这本书定价80元,有点离谱。
  正文之前,必须强调:“伟大的用户体验”并不等同于原理和模式的叠加,而是有选择、有特色地按需部署。现在的互联网富交互技术已经呈现泛滥之势了。
  一、鼠标原理
  涉及鼠标的“直接操作”分类到鼠标原理中。
  悬停即现,基于悬停显示工具可以减少界面上的视觉干扰。设计时要避免任何元素的偏移;否则用户的视线就到了不该到的地方。
  页内单击编辑内容,一来,用户不用离开页面;二来,编辑时可以直接参考上下文。要么能让用户知道这里可以编辑,要么就加上“编辑”的字样或按钮。
  书中貌似没提到这点,但用过网上地图的人(可能)知道,有“放大地图”的功效。关于此条的建议同下。
  右键菜单,执行任务就像应用程序那么方便了。右键菜单一般不容易发现,所以一定得具有可替代性。
  拖放布局
  拖放排序、布局和拖放处理任务,符合用户的心智模型。要适时地提示可以拖放,算好启动拖放的距离单位(5像素)和时间单位(按住鼠标0。5秒)。拖放时,用户需要随时获得必要信息。
  滚动实时加载新内容
  滚动实时加载新内容,脱离翻页的枷锁。基于个人所有的连续性内容用这个办法比较好。个人认为,还应该保证显示的流畅性。比如,谷歌阅读器和谷歌图片搜索很流畅,而人人网和QQ空间老给人一卡一卡的感觉。
  二、键盘原理
  归类方法同鼠标原理。
  用户不用输完也许就能命中。一般而言,每输入一个字符显示一次反馈比较好。保证有足够的有用信息基础之上,选中建议条目也应提供多种办法:回车、上下箭头和鼠标单击。我认为,取消建议条目也应如此。
  同上。个人认为,自动完成对条目的精确性要求更高,一次也不宜给过多条目。
  比如用户密码强度。
  三、显示原理
  显示原理中包含的模式与鼠标和键盘没有直接联系,它作为一种辅助效果,简化交互,提升用户体验。
  突显界面变化。个人认为,如果用得乱七八糟的话,还是别用了。
  扩展与隐藏
  用不着的相关内容或其他面板可以隐藏起来。这是一种很古老的技术了,用的时候要注意切换时的连贯性,硬生生地割裂画面就不好了。
  菜单按钮
  它提供默认的按钮操作,又有更多操作的提示,方便快捷。设计时,避免目标过小,另一方面,保证键盘和移动设备能正常访问。
  书中写的是删除一条评论时应简化步骤,保证在一个页面之内。这个唔,现在都是这样做的吧?什么,你还不是?
  有了新功能(商品),或者网站改版,用静态(或动态)页面引导用户学习、认识。静态页面引导可以利用未完成的区域引导用户操作,人类的天性会促使用户想“完成”它。动态引导(比如小气泡什么的)则该简明扼要、过程简单。我认为,还要能屏蔽引导或再次打开引导。
  个人认为,添加了这样部件(比如购物车或聊天窗口),能在访问多页面的同时,集中某个任务的操作。
  弹出层
投诉 评论 转载

浅谈UGC的信息组织方式醒目!本文颇枯燥,很难耐心看完,提前预警一下。1、关于信息的组织方式,在1。0时代无非是人工分类,网站下面设频道,频道下面设栏目,栏目下面再设内容列表页。到了2。0……管理中心左侧栏的“黄金分割”宽度浅谈关于“管理中心”的界面设计框架,一般我们都会选择传统的“工”字结构,顶部是形象区,左侧是功能列表区,右侧是操作区,这种结构的功能扩展性和易用性都是非常好的,几乎90以上的软件系……产品线定位不断的接触到公司的新产品,同时也给公司新的产品制定规划线路。对新产品线的定位,已经涉及到公司的整体发展、公司效益、目标群体定位等多方面。产品经理在给产品线定位时考虑的是全方面位……改善用户体验的有力手段:即时反馈为什么鸟儿会飞?为什么船能浮起来?为什么打别人自己的拳头也会痛?这么高深的问题,几百年前就被一个叫牛顿的同学解决了。牛顿第三定律:对于每一个作用力,必然同时产生一个方向相……视觉大同Visualsimilarity视觉,一个设计师耳熟能详的词,每个人都会有一套自己的理论,可能任何一个非设计出身的都会说,视觉就是能看得见的呗。确实是这样,视觉广义上讲,是可以包罗所有可见事物,一种与人……商业视觉设计实战首部曲标题文字篇之前我把平面设计的视觉呈现分为:构图,调子,元素和内容四大部分组成,所以我分四部曲来讲,其中元素部分又分为标题,主体和大场景三部分,今天讲的就是标题部分。在讲标题设计之前,先说……Web设计精确点滴这篇文章说实际问题的,所以不多强调,下面是我总结的一些比较突出的细节问题,而且我一直认为这些问题比较严重,正因为这些都是基本问题,很容易解决的,但把这种忽略养成一种习惯性的“经……互联网界面设计模式We封皮上是这样描述本书的:想知道怎样在今天的Web上创造伟大的用户体验吗?本书以当前最流行的Web站点为例,介绍了两大良行之有效的Web界面设计模式。如果你想构建或重构……微博feed系统的push和pull模式和时间分区拉模式架构sns系统,微博系统都应用到了feed(每条微博或者sns里的新鲜事等我们称作feed)系统,不管是twitter。com或者国内的新浪微博,人人网等,在各种技术社区,技术大会……周鸿祎:为什么是微创新?时代在变化,认识不到这一点,做什么事儿都做不成。就互联网来说,有两个方面发生了显著变化:第一,互联网的用户群变化了,如果你还按照十年前对用户的理解去做市场、做产品,肯定是……网易UED,连个Banner都做的这么专业有人觉得做个banner放2张图,排几个字的事,一点技术含量都没有?像其他门户banner基本上都是编辑们自己做的。我觉得这么说是不对的,其实一个banner可……往前迈一步,往后撤一步在很多场合,都有人问我,怎么从一个做平面设计,最后做到产品设计。翻译过来就是:视觉交互产品。其实很遗憾,这三个领域,我都是半调子。但问得多了,还是写篇博……
网站排名为什么上不去的原因网站优化百度不收录原因与注意细节问题2019年学习seo有前程吗自动为WordPress站点关键词添加链接(非插件)百度首页关键词seo优化排名小技巧提升网站权重2019年网站SEO优化的八个注意事项2019年最新刷法,获取整站快速排名揭秘百度李彦宏:新一代“简单搜索”APP永无广告网站被DDOS攻击的防御方法微信封杀短视频外链又松口放行,背后的逻辑又在哪里禁止通过ip直接访问网站来防止恶意解析(iis,apacheWordPress使用WooCommerce插件来搭建你的网
官方通知!紧急排查,各地立即停售Win11正式版存在文件资源管理器高内存使用率Bug,微软正汉字谜语创作比赛正月里吃红彤彤的糖葫芦,红火过大年绿化工作总结猫头鹰挂饰手工制作方法小黄车如何收钱?热闻聚热点网 产品经理面试谈工资的一些经验分享家长须知(113)培养孩子内驱力这位海淀万柳妈的做法堪称教科牛爱芳的小春花真实情况(牛爱芳的小春花真实情况新闻)热议聚热 钓鱼往事初一记叙文中年女人穿衣要体面更要高级,学学这组减龄穿搭,显气质又有品位

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界