西贝的交互设计

西贝blog全面升级为COM

Posted by 西贝 - 14/01/10 at 01:01 上午

xibeidesign.cn即将升级为http://www.xibeidesign.com 请各位好友进行连接更新。

If you enjoyed this article please consider staying updated via RSS. Links to your own social media pages could be added here.

Posted in 交互设计
7 Comments

交互设计—页签（1）

Posted by 西贝 - 07/01/10 at 06:01 上午

从日常理解页签：人们看书的时候，对于长篇的小说内容很难一目了然，不能直白的知道里面都包含哪些信息；也许对每个段落篇章进行分类，会更加形象；在读小学的时候，老师总让我们把那么长的一篇文章进行分段，然后起名，用一句话概括段落思想。

从互联网理解页签：这一类的内容太多了，页面总是不够承载；也许把相似的东西分成一类，用户可能更好理解。

很多场景都是我们遇到过，想到过的。那么页签的运用也许可以解决此类问题。

思考页签的定义：可以把内容进行分类给相似的东西起名解决页面放不下的问题可以猜到包含的信息可以作为标记方便查找

自己/他们总结的：

页签提供了一种在不同的页签项里显示相关信息的方式。
页签的优势在于同一个窗口表现更多的相关信息。
Module Tabs(也称选项卡，后文中简称Tab，以便更符合中国设计师的日常叫法) 是一个常见的交互元素——将不同的内容重叠放置在某一布局区块内，重叠的内容区里的每次只有其中一层是可见的。用户通过鼠标点击或移到内容区所对应的标签上，来请求显示该层内容区。（译注：本文中指的是狭义的 Tab ，指在界面的某一版块区域内所应用的 Tab 设计。实际上，绝大多数网站导航也是 Tab 的一种应用）。
web界面的设计趋势是缩短页面屏长，降低信息的显示密度，但同时又不能牺牲可视的信息量。在这种趋势下，Tab 这种交互元素成为了一个越来越普遍的应用。
Vista规范中203页开始。
标签功能类似于滚动条，以增加有效面积的窗口。所以尽量不要在页签内容区使用滚动条。页签标题内容不能灰掉。

理解的概念：

页签至少有2个区域组成：标题区+内容区
页签的标题文字要简洁，但是要能够表达内容区域的意思。
选中页签表示所在当前页签位置，高亮并突出。
选中页签与内容面板形成一个统一的区域（颜色保持一致）。
当前页签只能一个。
页签之间要有内容逻辑上的关联性，不能把不相关的东西用页签并列在一起。
页签间的内容之间不能存在对比或者递进的关系。
页签的显示状态分为未选中态、Mouseover态和选中态三种。
页签的操作方式分为鼠标Mouseover激活和点击激活两种。

总结的样式：

A 页签tab_ 普通常见横向

B 页签tab_ 多类别多内容

样式上传待续…

If you enjoyed this article please consider staying updated via RSS. Links to your own social media pages could be added here.

Posted in 交互设计
2 Comments

服装搭配看点（1）

Posted by 西贝 - 01/12/09 at 07:12 上午

案例一

网址：http://www.payeasy.com.tw/

亮点：
 名词概念挺有意思“陪你shopping”“美女衣学馆”。
 对新品的包装很注重，能够使用一些比较吸引眼球的东西。并且把价格和用户关注的信息放到第一排，而把名称紧接其次。

案例告诉我们：
名词的运用需要更加的准确，更加接近生活。建议采用一些通俗的、有趣的词汇。
尽量只提供阅读者所需要的信息，依照阅读者需要的顺序来排序，这样更加的吻合受众群体的阅读习惯。建议用户不是第一感知就需要的文字，例如物品名称，优先级就可以放低。

Continue reading 服装搭配看点（1）

If you enjoyed this article please consider staying updated via RSS. Links to your own social media pages could be added here.

思考如何提高交互设计水平？

Posted by 西贝 - 03/10/09 at 10:10 上午

西贝做了许久的交互设计工作，每年的目标都有不同，却发现今年没有什么提高和改进的地方。也许是自己没有回头总结，总是被这样那样的借口推脱。最近休假，可以好好思考一下，交互工作下一步我要怎么做？

多点积累，善于反思。尽量每个月都有写给自己看的设计总结。
算了一下，做了几年的交互设计稿，如果把日常做的设计想法和思路进行累计，那数字也一定不小了！
如果可以重新思考过去的设计，把新的想法和改进的思路实践到新的交互设计中，那新的设计一定更加完善。过去并不一定是对的，也许推翻过去自己做的东西并不是很难。

做前多思考，分析要透彻。
自己是个急性子，但是设计不能马虎。不要轻易的开始绘制交互稿。做前多思考，研究分析产品方向和策略也很重要。一开始就想到“弹出还是内嵌？”，很容易被绑死到细节中。（不是说细节不重要，不冲突哦~）

交互设计也要规划，确立清楚自己的设计思路。
曾经给自己找了很多借口，“时间好紧…”“这就是一个小需求”…
这些借口，都让我在设计开始的时候显得十分紧迫，容易忽略或者轻视设计前的规划，还不了解自己到底打算用什么方式或者自己的设计目的还不明确，就急于下手去做，回头才发现很多漏掉的细节。
所以，交互也需要前期的规划。
Continue reading 思考如何提高交互设计水平？

If you enjoyed this article please consider staying updated via RSS. Links to your own social media pages could be added here.