从品牌网站看交互设计
0 个评论
【转载请标明出处,多谢】
最近在研究品牌如何演绎,当然,看的时候没有忘记本行,分析了一下他们的交互设计~~
路易威登LV
上图采用胶片展示多组信息——大片展示品牌渲染。
利用胶片或者类似相册的展示方式,能够展示更多的信息,视觉焦点放到上部,用动态或者滚动的选择方式让用户继续浏览下去。
比较适合主...
阅读全文
交互设计实用指南系列(8)—深广度平衡
0 个评论
相信大家对街边林林总总的房产中介并不陌生,那么我们先看看下面这张图片。
图1
从右侧这家店的橱窗里,我们能迅速分清哪些是租房信息哪些是售房信息。因为店家很贴心的将房产信息进行归类,并且在视觉上做了一些划分,让我们对信息能一目了然。借这个小案例引出我们今天要分享的话题:深广度平衡。
1. 什么...
阅读全文
不一样的交互组件(下)
4 个评论
四、翻页的创新 【替代法】
传统的翻页方式是“上一页+页码+下一页”,大家最熟悉的设计。
Bing图片搜索
Google reader
看图购
而近年兴起的这种“无尽滚动翻页”的翻页方式,即滚动条拖动到最底部后开始加载后面的内容,而不再有“上一页+页码+下一页”这样的链接。
相对而言twitter、Iphone app store这样的“递...
阅读全文
不一样的交互组件(中)
1 个评论
二、组合搜索框的创新 【组合法】
常见的带条件搜索框是“输入框+下拉菜单+按钮”三个控件组成的,合适的控件组合可以带来更好的效果。
1、【输入框+下拉菜单】组合
新浪微博的搜索框,将下拉选项融合到输入框提示里,选择搜索范围的操作更加便利。
Google reader这样的带输入操作的下拉菜单,让下拉菜单更加...
阅读全文
不一样的交互组件(上)
2 个评论
交互设计是一个创造性的工作,利用创新的方式漂亮地解决产品问题,是一个交互设计师价值的体现。当创新的交互设计被用户认可、被业界同行学习,更是 一种巨大的职业满足感。这种创新不一定是惊天地泣鬼神的革命性设计,一个小小的交互组件的创新就可以让产品体验增色不少。今天就通过一些案例聊聊交互组件 创...
阅读全文
交互设计实用指南系列(8)—深广度平衡
0 个评论
相信大家对街边林林总总的房产中介并不陌生,那么我们先看看下面这张图片。
图1
从右侧这家店的橱窗里,我们能迅速分清哪些是租房信息哪些是售房信息。因为店家很贴心的将房产信息进行归类,并且在视觉上做了一些划分,让我们对信息能一目了然。借这个小案例引出我们今天要分享的话题:深广度平衡。
1. 什么...
阅读全文
我们的UED设计流程及方法
1 个评论
截止2010年1月15日,使用google搜索“用户体验设计”,返回1千3百万条结果。
“用户体验设计”无疑是这两年互联网行业最炙手可热的话题,而从我们成都UCD书友会火爆的现场来看,也的确如此。那么“用户体验设计”为什么会如此火爆呢?这需要从互联网的Web2.0革命说起。
这场革命,代表了互联网应用关注焦点的变迁,...
阅读全文
交互设计中的视觉结构
0 个评论
网站的交互设计分2种:流程交互和界面交互(即”单页面交互”或“小交互”),而界面交互又包含2类:“视觉结构”和“动态模块”。之前提及过交互设计中的页签,下面看看视觉结构。
何谓动态模块?简单的说就是“AJAX”,它有几种视觉呈现方式:弹出的浮动层、Tab切换、展开 (侧边展开或下拉展开)
何谓视觉结...
阅读全文
交互设计—页签(1)
1 个评论
从日常理解页签:人们看书的时候,对于长篇的小说内容很难一目了然,不能直白的知道里面都包含哪些信息;也许对每个段落篇章进行分类,会更加形象;在读小学的时候,老师总让我们把那么长的一篇文章进行分段,然后起名,用一句话概括段落思想。
从互联网理解页签:这一类的内容太多了,页面总是不够承载;也许...
阅读全文