首页 > 网页教程 > 设计分享 > 仿生设计—让互联网产品更易用

仿生设计—让互联网产品更易用

时间:2012-07-30    作者:简单而不简陋   来源:互联网

提到仿生设计,很多人会想到飞机的发明,迪拜的帆船酒店,蛙泳等等。模仿生物的特殊本领,利用生物的结构和功能原理来设计产品机械的设计方式。

仿生学涵盖了仿生物形态、仿生物结构、仿生物功能、仿生物色彩、仿生物意象等等。

而此处的仿生设计是互联网领域模仿现实生活的交互设计。

1、缓冲区、防疲劳

上图为人行天桥,行走在这样的天桥上面或许你并不觉得很累,因为它设置了缓冲区(图中红色圈),它把很长的台阶分割成较短的两段,让行人更易接受,也减缓了心理的压力和恐惧感。登山的台阶也是同样设计,试想下如果取消缓冲区,从山底建个台阶直达山顶,会有几个人登这座山呢,行人只会望而却步。

图1为腾讯客户端迷你新闻界面,图2为去掉留白及虚线后界面。阅读图1的新闻感觉很舒服也很自然,而阅读图2新闻则有些疲劳,视线很难聚焦到其中一条新闻。当用户读完几条信息后会有留白的缓冲区(图中红色区域),有短暂的视觉停顿,以减缓用户的视觉疲劳,从而提升用户体验。也许作为用户的你,并没有注意到这个细节,其实他存在很多网站的目录或列表页面。

2、观看电影开关灯

电影院观看电影时,会关闭所有灯光,给观众营造一种引人入胜的氛围。当电影结束时,灯光便会打开,气氛也变的吵杂,一些人开始讨论这个电影了。

其实在优酷、迅雷看看等在线观赏视频时,为了给用户更好的体验,它们提供了一个“关灯”的功能。关灯后除了视频整个页面变暗,让用户沉浸在电影之中。然而在电影出现结束字幕时,页面并不会自动变亮(也就是开灯),用户此时即会关闭页面而进行其他操作。如果在电影结束时自动开灯,将会给用户更加体贴的体验。开灯后用户可以去评论,查看相关推荐电影等等操作。

3、网购

现实生活中的购物,顾客进入商场推着购物车,挑选着自己需要的商品,然后去收银台结账。然而这只是一部分用户,还有一群人进入商场后,只挑选了一件商品然后就去了收银台付款,而没有使用购物车,这样的人也不算少数。

在淘宝商城,用户挑选喜欢的产品后,可以立即购买,也可以将其放入购物车,然后再挑选其他商品。这种设计完全符合了现实生活中的购物模式,同时也满足了用户的多种需求。其中腾讯的QQ商城也是这种设计;Amazon(亚马逊)除了提供加入购物车、还提供了一键购物,让用户网购更便捷。

生活中还有很多行为及活动都被模仿应用于互联网中,并取得了成功。更多的关注生活,也将会从中获得更多的灵感。(文/ 简单而不简陋)

相关推荐
腾讯CDC:泛泛而谈界面中的斑马纹设计
简单而又不单调的网页视觉设计技巧
如何杜绝网页设计中视噪对用户的影响
如何让手绘应用于视觉设计中而增强亲和力和感染力
网页视觉设计如何针对用户有效表达信息
网站页面设计中光的特效设计引导用户视觉焦点
网页PS设计教程:手把手教你制作漂亮的商业模板
网页PS设计教程:手把手教你制作WordPress新闻博客模板
网页设计教程:5个原则助你设计一个成功的购买按钮
案例分析社交型网站首页设计的优秀设计原则
从网站可用性的角度深入分析苹果和微软官网设计的优劣
20个精致漂亮的视频播放器界面设计欣赏及点评
视觉设计:页面构建的审图与细节
视觉设计之材质绘制的色彩理论
网站设计之10个儿童网站分析及设计特点总结
网页配色经验分享:叠柔配色技巧及图解分析
工具型网站设计及典型案例分析
深入探讨图片格式与网页设计的那点事儿
分享:网页核心内容对视觉表现的影响
响应式网页设计正成为移动互联网大势所趋
20个超棒的photoshop网页设计教程分享
浅谈界面设计中的结构设计
网站营销活动页面制作过程图文分享
分享:5招助你打造更加简洁的用户界面
浅谈界面UI设计中的包容性设计
深入分析网页栅格系统的规范制作
分享:360安全桌面主题设计过程及思路总结
网页设计教程分享—能影响观众的网站首页设计10个要点
网页Banner设计的风格、排版以及配色经验分享
国外精彩网页界面设计案例赏析
中文网页设计排版之破格的好例子
30个国外立体动感的视差滚动效果网站欣赏
网页设计教程:关于网页设计的那些事儿
网页设计中使用不对称设计创建不平衡中的平衡
最新Web设计8个趋势:视差滚动 响应式设计等
淘宝店铺广告文案排版快速设计经验分享

精彩推荐

热门教程