主要内容
-
关于分页 2011-06-19 00:24
今天小池提出一个问题讨论，如何使分页做的更友好。做了一些调研和思考，做了些总结。 分页在电商网站3级页、搜索结果页面等信息量大的页面是很重要的。我们在设计时要考虑： 分页的长度 首末页存在的必要 自定义页面的必要 设置场景去验证可用性。 1 用户模糊搜索一个关键字，往往会出现很多相关的结果。用户会逐页的去翻页去寻找，此时用户会使用“上一页 ... ...
-
移动端的拟物化设计 2011-06-15 16:36
人在处理信息，学习和记忆的能力是有限的。现实生活中人们又会经常受到各种客观因素的影响,所以有效的降低用户的操作和学习负担能够使产品更易于被广大用户所接受。随着互联网产品设计越来越重视用户体验的今天，除了产品本身的功能的创新之外，产品与用户之间的交互体验成为各个公司追求的目标。好的设计不但在视觉上带给用户更多美的享受，同时还可以从视觉层面帮助和引导用户完成所需的操作。 一.模拟现实中的场 ... ...
-
叙词表 2011-06-13 13:08
说叙词表这个名词之前，我们先来看看下面这些日常见到的吧。 漫画人物表： 常见于漫画书开头部分，描述角色形象与对应名字，帮助读着搞清谁是谁。 摘自漫画《圣斗士星矢》——车田正美 世界杯小组赛分组表： 用于介绍世界杯小组赛各队分组情况，描述组名与球队的包含关系，让观众一目了然了解赛事。 西餐菜单： 点餐之前不看不行的东西，描述类别、菜名、所含 ... ...
-
用面包屑来简化多层的tabs 2011-06-12 23:31
一个网站信息结构需要表现给用户看，这样用户才能知道当前是在哪儿，才有可能去猜测某个内容可能会在哪儿。 如何表现网站的信息结构给用户呢？ 用导航。 Tabs导航不错！ Tabs导航是一种表现形式，可以很直观的表现出当前所在的栏目和与之同级的其他栏目。 用tabs这种形式来表现导航是个很好的办法，也是很常见的。然而，如果一个网站的信息结构很复杂，层级很多，那么就经常会是tabs套ta ... ...
-
各年龄段儿童产品设计特点 2011-06-08 08:49
2-3岁儿童产品的设计 这个年龄段的儿童，刚刚脱离婴儿期，对外界有着极强的感知力，渴望接受视觉、触觉、听觉以及嗅觉等各方面的信息，并且也需要在诸多方面得到健全和发展。他们，对万物充满了好奇。 一、动作和活动的发展 可以初步进行独立的活动，随意的独立行走，手的动作可以准确的玩弄和操纵他所熟悉的物体。有了最初的游戏活动，还是以简单的模拟和自我服务性活动为主，语言能力较差。 l & ... ...
-
APP上的分类信息的布局方式 2011-06-07 13:36
本文总结了一些app的分类信息的布局方式。以后发现其他样式了会继续更新，欢迎补充。 1，九宫格，如大众点评、人人网、facebook等。 2，每个分类平铺成条，如淘宝，凡客，京东、QQ美食，非常清晰。 3，下拉选择框，如维络城、QQ美食、百度身边，主要在于对信息进行筛选时使用。 4，大图滑动，如凡客、时光网等。 5，图片平铺，如百度身边、淘宝 ... ...
-
电子商务网站产品页面设计模式 2011-06-05 20:16
此文主要讨论电子商务网站产品页面设计模式，从产品页面元素、设计理由，解决方案等对产品页面设计进行分析。以客观的思路来探讨如何设计出好用的产品页面 产品页面作用 用于显示在一个电子商务网站中的产品信息，包括商品制造商，品牌，产品说明，价格以及用户评论等。 产品页面元素与解决方案 目前产品页面都会包含以下一些必要元素： 产品名称 ... ...
-
设计高效的faq页面（译） 2011-06-05 08:37
原文链接 这阵子没有精力完整翻译和发到译言（ 现下正渐入状态，预计写博客量会逐步提升回来），简短做一个概要翻译，为近期工作需要做一个参考。 其中提到，维护良好的faq能令用户有参与感，很有体会，当寻找一个问题，赫然发现在置顶常见第一条的时候，有一种强烈的“找到组织”的感觉。 不过，faq还有一种挑战这里没提到，在充分收集到最常提 ... ...
-
我眼里的视觉与文字 2011-06-02 09:39
原来把题目定为“视觉与文字”，但是又觉得这题目似乎有点过大，怕用了专业的标题却写出非专业的文章。而我无意暂时也没有能力去对视觉一些细节做极为专业的考究，只希望通过自己一些学习和了解来加深自己对美的判断吧。其实文字本身就是一种视觉语言，它把现实世界的所有事物，都以字的形式来进行了表现。曾经读过一篇文章，说在传统的版式设计中，设计师们更喜欢做英文的排版，因为从视觉上来看，英 ... ...
-
注册那点事之——“忘记密码？”还是“找回密码... 2011-06-02 00:09
上次我们聊到了关于用户来到你的网站，如何让用户心甘情愿注册，以及如何在注册中为用户设置与产品定位相符的注册填写项。今天我们来聊一个看似平淡无奇而事实上和每个用户账号息息相关的问题：用户无法登录自己的账号时该怎么办？ 用户无法登录自己的账号，看到产品界面上硕大的红色"用户名或密码错误"之类的提示自然是心急如焚。好在当前涉及用户账号的产品都有完备的账号安全机制，无论用户的用户名忘了 ... ...
-
weico微博客户端的产品思路分析 2011-06-01 17:14
一直说这个博客是做产品思路的，实实在在写一个关于产品思路的文章。Weico Air，sina微博的一个轻客户端，很轻，最早使用它偶然，其功能及展示内容的简洁性让我已经到了崩溃的地步，觉得没法用啊。用了几个月，才发现居然离不开它了。在功能的取舍，功能的升级方面，weico堪称产品典范。 先说功能取舍。主面板就这么一条，主功能键，@，评论，私信，粉丝，微博浏览，六个模块。有新内容时候，会有 ... ...
-
也谈信息架构 2011-05-31 08:57
关于信息架构，其实我也不大懂，我就看过两本中文翻译书和一本很学术的中文书，我一直认为信息架构是数据结构的另外一种叫法。 结合Tony的信息架构扫盲贴，我也扯扯信息架构的东西：（顺序可能不妥，请见谅） 每个网站产品都需要规划信息架构，包括检索、标记、导航、展示等，在产品最开始规划时就需要做，且后边规划功能时针对需求进行调整。 信息架构需要和真实信息尽量匹配，比如做个游戏信息库，每条游戏 ... ...
-
换个角度看风景——手机产品设计之横屏模式 2011-05-30 16:42
做设计的过程，是思大于行的过程。一个有价值的设计，不是设计多么华丽、多么创新就有多么成功，那些优秀的设计师都会知道他为什么去做这样一款设计，他的设计本质价值是什么。互联网产品或者手机产品更是如此，设计师要知道你的产品要解决一个什么核心问题，然后再提出一个足够优雅的解决方案，这样才能解决用户的“痛点”问题，给予用户最贴心的设计。 在我刚开始做设计的时候，就很喜欢在一些 ... ...
-
信息架构 2011-05-29 17:47
写几篇关于信息架构的文章，系统地输出我理解的信息架构。 写在前面的话 发了一篇关于招信息架构实习生的博客，收到不少简历。 但谈起信息架构，多数不了解，稍微了解的扯了很多很偏的东西。 随手搜索了一下，我发现了原因： 1 《web信息架构》这本书太概念，太学术。多数人不知道如何指导实践。 2 有人绑架了“信息架构”这个词，拿出去唬人，内容都是皮毛或者是根 ... ...
-
注册那点事之——用户凭什么跟你注册？ 2011-05-28 17:56
网站用户为什么注册？这个问题在平时我们讨论的并不多。我们常常单纯的在设想如何简化注册流程，如何从细节的关怀入手避免用户注册时填写错误信息造成的挫败，精心分析哪些项目用户必填，哪些选填，如何保障用户注册后的账号安全性等等。 我认为，搞清楚用户注册的动机与目的，进行有效引导，再在注册页面上以这些注册的动机与目的进行优化，与产品核心功能契合，才是一个与好产品所相符的注册体系。 哪些功能，用户注册 ... ...
-
交互设计的通用原则小计 2011-05-27 09:59
我说：这几点原则是在“3G门户的UED博客”中看到的，觉得说的还比较全面，蓝字部分为我的个人理解，写下来提醒自己，也为交流。 想看原文可以 点击这里 ------------------------------------- 1.就近原则：恰当的组织和分类； 这点同时需要考虑，最主要（常用）的功能要放在比较显眼（如第一视觉落脚点）以及便于&lsq ... ...
-
网站导航条的用户需求分析(二) 2011-05-26 19:36
网站导航条的用户需求分析(一) 网站导航条的用户需求分析(二) 十一，树形导航导航树就是一种垂直导航形式十二，雷尔导航菜单 这是一种类似面包屑的导航菜单，但其本身又集成了子菜单显示功能。 可以很清晰的看到网站本身的结构层次，同时每个导航链接又可以显示其对应的子菜单。 十三，返回顶部链接 在文字较多的网页页面上，加上一些top返回顶部链接可以方便一些用户阅读十四，扩 ... ...
-
设计道路多美好,不知前方几多愁? ——UI设... 2011-05-25 23:16
iPad划时代地将我们带入了平板电脑时代，对于传统的移动终端的设计师而言，一个拥有更大的触摸屏幕，更大空间的舞台展现在大家面前，看上去一切都是那么的美好。然而如何在iPad上设计出优秀的用户界面？相信对于设计师们的挑战与忧愁远不止屏幕放大那么简单。 1.模拟真实，沉浸其中 大的屏幕、可以触摸的操作、支持多种手势…这一切条件都为让用户能沉浸于你的设计中提供 ... ...
-
移动界面隐喻设计 2011-05-24 17:01
界面是什么？ 是的，有些时候，我就在想这个简单的问题，而那时我的答案还是：界面是对软件应用解决方案的显性，使用图形化符号，向使用者解释它的功能与任务。 但最近一些认知却让我对这个问题有了新的回答：界面就是软件应用它本身。它不是一份对软件应用功能的图形化说明书，不是对软件应用功能与任务的图形化翻译，它就是软件应用本身，并且与之浑然天成。 一个简单的问题，仅仅从展开的iPad文件夹时界面的呈 ... ...
-
浅谈产品设计中的文案之美 2011-05-22 17:50
高中曾非常喜欢写东西，被人说不务正业也好，伪文艺也好，觉得表达是一门艺术，哪怕寻常的小事在擅于讲故事的作者笔下，也会让人泪流满面。时光一箭，念完了中文系，又一晃，做起了产品设计，托高中不务正业的福，在最近的工作中屡屡尝到了擅于表达的好处。 先讲一个生活中的例子，有一天我做了一件让女朋友感动的事情，动容处，能看到她脸上洋溢幸福的笑容，这时，我接过话说了一句： “哈哈，傻宝贝， ... ...
