主要内容
-
关于Android引导画面的多分辨率适配 2012-08-19 13:14
本文并非关于引导画面该采用何种形式、该如何定义信息、有什么注意事项方面的介绍。 本文描述的是，引导画面该如何才能较好的适配各种分辨率，了解此处有助于更好的定义引导画面，以及保持同设计师、工程师的良好沟通。 作为产品人员，需要向不同方向延伸了解一些知识，这些知识能让沟通更顺畅。 ... ...
-
以用户视角出发的表单之旅 2012-08-19 13:12
用户使用发布表单，就像是一次旅行。旅行的目的是否能达到？过程是否让人满意？这些都决定了用户会否再来这里。 一、那么为什么要以用户的视角呢？ 作为设计师，你是否遇到过这种情况： · 我们额外加一个填写项，用来收集用户信息吧； · 我们的表单之所以复杂，是因为我们希望用户多填写内容，这些内容都是有用是； &mid ... ...
-
横竖屏切换中的界面设计与体验提升 2012-08-19 13:10
之前一周朦朦胧胧的过掉了，想来也没什么可回忆的。这是一种不坏的状态，就像每天早上莫名的空洞，它们都代表着生活和工作里至少还没有很坏很衰的事情让人焦虑。有吗？也许只是在哄骗和宽慰自己。 杂志一般的小译文一篇，适合这样的下午做一做，适合这样的周末读一读。走着。 眼下，智能移动设备内置的加速计的主要作用，就是根据设备的定向方式来决定屏幕的显示模式，也就是在横屏或竖屏模式之间进行切 ... ...
-
你好，对话框 2012-08-14 21:21
“怎么了？”除非你对某类对话框已司空见惯，否则遇到，第一反应往往是这样的？这种体验就像你明明急着去赶车，途中却不断被拦住塞传单一样。不能否认，它是一种打断，有时甚至会成为打扰。做为设计师，虽知“打断”暂不能杜绝，但不使之变为“打扰”，却是我们该努力做到的： ① 多次打断=打扰 隔一个小时打断你一下 ... ...
-
浅谈网站反馈式交互设计 2012-08-09 15:15
出色的设计源于生活，那么我们就从生活中说起，我们依照用户生活的使用情景来设计一款产品，我们不需要重新培养的用户的使用习惯，用户可以在第一次使用你的产品来完成自己的目标，并且不需要他人的指导。比如说苹果公司在设计第一代iMac的过程中，乔纳森及其团队前往日本，曾向日本某糖果行业的人请教，如何在生产糖果颜色的电脑外壳的同时，保持其一贯的半透明度。 在下 ... ...
-
资讯类产品阅读列表的交互设计思考 2012-08-08 16:52
列表，定义为：以表格为容器，装载着文字或图表的一种形式。根据产品类型的不同，大部分都有其各自样式的列表，有些成为产品的主体，有些则为其他页面的辅助。列表设计的主要目的，就是让用户快速浏览、扫描，从中选择出自己想要“费力”点击并“费时”去仔细阅读的内容。 与传统阅读平台比较，阅读列表就像是实体书中的目录。小说的目录简洁：标题+页码；杂志的目录则相 ... ...
-
十个方法，让你的线框原型更具沟通能力 2012-08-06 22:18
虽说是每周一篇译文，不过这事儿确实不能算是非常容易。从阅读，到筛选，到试译，到最终确定本周的文章并完成译文，主要还是依靠每天抽些时间来做。还好，毕竟是自主行为，爱过，也仍在爱着，这就是UX从业者兼翻译票友的节操有木有。默，我们进入今次的正文。 我(英文原文作者)参与过很多产品的线框原型设计，包括我自己独立完成的，还有与其他设计师、产品经理甚至是业务分析人员一起合作的。这很棒， ... ...
-
阅读好体验的准则：100% Easy-2-R... 2012-08-03 09:18
译者：前两天看到一篇文章，觉得挺不错的，就简单翻译一下分享给大家。 大多数网站都挤满了小号的文字，使人阅读起来感到很痛苦。产生这个问题的原因是什么呢？如果我们稍作思考就会发现，没有理由将如此多的信息都硬塞进一个小小的屏幕当中。其实，这只是一个历史遗留问题，因为过去的时候屏幕真的是很小。 屏幕 VS. 杂志：100%并不大（来自Wilson Miner） 所以&he ... ...
-
线框图、原型和视觉稿的区别 2012-08-03 09:16
本文为译稿 1，对三个常见概念进行了剖析。有删节，部分段落重组。 背景 两三年以前，我发现很多搞信息技术的朋友们（非设计师）交付设计时，用着上面列出的词汇。他们以为线框图 (Wireframe)、原型 (Prototype) 和视觉稿 (Mockup) 是一个东西：表达自己创意的线框手绘设计稿。 混淆概念便带来麻烦：他们分不清用户体验设计师的作品，常常感到困惑。「这按钮他妈的怎么点 ... ...
-
瞬间致胜-活动专题页信息表达法则 2012-08-02 11:05
每逢节假日各种运营推广活动如星云般涌现，在众多活动中如何让你的活动页设计脱颖而出，在最短时间内hold住用户脚步。下面我们一起看一下活动页信息展示法则，帮助你的活动页提升瞬间杀伤力。 一．重要信息突出展现 ● 活动页的重要信息是：活动标题（让用户了解是做什么的活动）、奖项设置（参与能得到什么）、参与入口（进入任务流程的通道），参与规则（如何参与活动 ... ...
-
关于163邮箱登录框页面的改进的探索 2012-07-31 13:16
这些内容都是最近这几天收集整理了 QQ,sina,shou,hotmail,yahoo,outlook web app 和google.将其中的优点进行了整理和分析, 最后结合了163邮箱登录界面中已有的一些功能,最后制作和设计了新的登录界面.并将其整理为两张大图.本人初次制作交互流程方面的整理,不足之处还请多指教.QQ165198308 ... ...
-
为用户的成功操作提供正面反馈 2012-07-31 09:25
炎热的天气，宅在家中拉上窗帘一边看着喵们耍宝一边做博客，这情景让我想起阿拉蕾一家。Take me down to the paradise city where the grass is green and girls are pretty. 下午茶一般的小文一篇，关于操作响应、正面反馈、用户满意、皆大欢喜一类。进入正文吧，毫无压力。 我们喜欢告诉用户他们做错了什么，我们准 ... ...
-
交互设计中的默认值 2012-07-31 09:25
寒冷的冬日到陌生环境中往往会碰到水温调节，剧情一般是这样的：你调节到一个自认为合适的刻度，放了一段时间水后发现还是冷的，于是慢慢放大热水，几次调解后索性将热水开到最大，结果太烫，放大冷水，太冷，放小冷水，太烫，放小热水……最后合适了，咱们即使没有感冒也开始记恨这个淋浴器。比较合理的是一种叫 “恒温龙头”的产品，它给定一个用户不需要预设的默认水温： ... ...
-
用AxureRP做实例原型设计的步骤 2012-07-29 10:11
一般来说都是先有实例再组合成整体，但是我们的设计过程都需要先从整体的布局考虑，再来细化每个功能点。因此实例的原型设计在一些中高保真度要求的原型里面就尤为重要，再者一般学习AxureRP都是从模仿别人的做的实例开始的，因而学会实例原型设计，对自己使用AxureRP的技能的提高也是很有帮助的。 这里对实例原型的定义主要是指两个方面，一是单独的功能点或功能页面，如输入框的鼠标单击可修改 ... ...
-
信息设计中的“父子关系” 2012-07-29 08:29
交互设计工作核心在于信息架构和交互细节设计.信息架构包括信息分类以及信息展示逻辑设计;交互细节则多表现为控件的选择,交互效果的定义等.在信息设计中,遇到最棘手的问题就是信息量太多而显得设计结果不尽人意,那么在砍不掉需求的前提下(信息太多,也许是需求本身还有被精简的可能性),如何解决这类问题呢? 通常来说,信息设计的时候有很对可遵循的关系在,信息间互斥,.信息间相辅相成,信息间属于 ... ...
-
Android 4.0设计初体验 2012-07-27 15:46
Android系统是目前智能移动设备中增长速度最快的平台，但App的设计却没有形成自己的风格，绝大都数都是ios风格的移植适配。Google 在去年的10月份发布了Android 4.0 的界面规范，在样式、控件上都做了非常个性化的革新，但由于Rom的多样化，设备的不统一，新的4.0设计规范并没有得到广泛的普及。但以移动设备更新换代的速度，Android 4.0将会是趋势，与ios ... ...
-
交互组件微创新 2012-07-24 08:46
纵观交互设计发展史，就是创新的交互模式被广为接受后成为标准，旧的交互模式不断被淘汰的历史。所以交互模式发展也是一个“物竞天择，优胜劣汰”的过程。本文是09年在碳酸饮料会上做过的一次分享，当时创新的东西现在已经被广泛应用了。因为主题跟现在UX平台鼓励创新的目标一致，所以再贴一次:) 交互设计是一个创造性的工作，利用创新的方式漂亮地解决产品问题，是一个交互设计师价值的 ... ...
-
说说抽屉式导航 2012-07-20 15:21
导航始终是产品设计的重头戏，不管在Web端设计还是在mobile的设计中。之前曾经在读《触动人心》的时候写过一篇“移动产品设计之ios导航模式”，其中的导航模式基本都是基于ios系统自身的一些模式，随着ios新产品的不断出现，新的导航方式也随之更新，这里说一下“抽屉式”的导航方式。 当然，抽屉式导航是我自己给这种导航方式取的名字，至于学名叫什 ... ...
-
自然而流畅——聊聊界面的切换动画 2012-07-18 17:20
在使用一些移动端的 App 或 PC 端的软件的时候，我们常常会有一些界面之间切换的操作，尤其是在移动端的设备上，因为屏幕尺寸和交互方式的特性，就更多的会出现这些切换的操作，而很突然地从一个界面切换到另一个界面会给用户带来困扰，所以在触发这些操作的同时，往往需要过渡形式的动画来引导用户是如何从一个界面切换到另一个界面的，我们来看看一些常见的界面切换的过渡方式 ... ...
-
营销活动制作过程——以321大促为例 2012-07-11 09:11
一、需求分析 众所周知这是设计的第一步，个人认为这也是最重要的一步；因为整个活动的风格走向都是在这一步确定的。首先需要弄清楚需求方想要什么，可能这个需求方不止一个人，关键是谁来做决定；通过直接或间接的方式收集到的关键词是“热闹”、“抢”；因为是为3月21日的促销做预热，所以整个预热页面的重点就是促销气氛的烘托，以及3月21日当天活动告知。下面 ... ...
