所有文章 - UCD大社区
所有文章 - UCD大社区
- Website
- ucdchina.com · all feeds from this site
- Feed URL
http://ucdchina.com/rss/all
Read it in your FeedListing reader
Or add to: Feedly Inoreader Raw feed
Latest posts
-
扁平化设计与色彩趋势
Making it Work: Flat Design and Color Trends Designmodo版权所有 作者： Carrie Cousins 译者： UCD翻译小组 ， 波希米亚 原文地址： http://designmodo.com/flat-design-colors/ 这篇文章将展示很多很酷的范例，甚至还提供了一个免费的用户界面工具包供你下载和使用。但如果是你自己的话，你打算怎么做？给点提示，色彩是扁平化趋势中最重要的一部分。 扁平化设计进修…
-
Ps Play——移动端预览Photoshop设计零阻力
还在为繁复的导出设计稿到手机上查看效果烦恼吗？没错，业界有不少小工具可以帮到大家，但是它们给力吗？很显然，在公司超级强大的网络架构下，它们无用武之处。所以，【Ps Play】应运而生，下面为大家介绍下这个微创新产品。 1、Ps Play 可以通过WiFi，实时在终端设备上预览电脑上Photoshop的设计稿，可同步调试及截图保存到移动终端，并可以通过Email、QQ、微信等工具即时分享。 2、具体介绍 以便捷、快速的方式，辅助设计师准确把控设计效果，解决长久以来导入设计效果图到终端设备测试的繁复问题，并可以快速通过即时聊天、社交软件进行分享和讨论。…
-
关于用户体验与产品价值
解释一下，这里说『产品价值』也许不准确，但是我没找到更合适的词，所以，将就一下，我具体会描述清楚。 上午在折腾Mac下的虚拟机，烤了一个别人装好了的Win7系统，做简单的优化，卸载360的时候遇到一个界面。于是， 我发了一条微博 ，并评价到『这是一个很牛逼的设计，值得学习』。看了一下微博的反馈，大家都觉得我是在黑360安全卫士，觉得这个设计很脑残或者体验很糟糕。 实际上，我确实是觉得这是个很值得学习的，很牛逼的设计。 360安全卫士的这个卸载界面设计，跟早前新浪微博每次更新新版本之后，提示用户发送一条微博，且把取消分享做的很不起眼是一个类型的设计。…
-
关于A/B Test的外传
A/B测试的作用大家都知道，就不多说了，在这里写写我在平时工作中应用心得。 在我的业务线平时应用A/B的场景：A大多是已经在线的一个产品，而B是一个我们将要上线的另一版本的产品（有可能是改进也有可能是推倒重来的），因为直接通过B去替换A可能用户一下子接收不了，所以我们会切部分用户出来用B版本，上线一段时间后，收集用户的反馈，再去调整，逐步去替换使用A的用户，这样做能让用户更平滑的接收。别小看这个过程，其实有很多策略可讲究了。说说我的真实经历。…
-
好的产品关注功能，优秀的产品关注情感
「 好的产品关注功能，优秀的产品关注情感 」 产品设计当中的趣味性、愉悦度，这些都是针对用户情感化设计的领域 功能、实用性，这些需要很强逻辑性的事物很难和情感产生关联，并不是指这些不重要，它们很重要，它们是基础，但缺少了情感的作用，很难产生一些东西，像：快乐、愉悦、悲伤、美… 花、大海、春天、小屋… 这些都是很普通的名词，但将它们富有诗意的组合在一起： 我有一所房子，面朝大海，春暖花开。 接受者会投入不同的情绪去理解这样一个组合。 上面这些名词就像我们在设计过程当中所遇到的各种元素，按键、菜单、icon、动态效果……
-
手机上能不跳转就不跳转
跳转太多了，就搞不懂了。 PC上的网页，页面间反复跳转是再正常不过的了，从首页进入搜索结果页，再到详情页，再跳到相关内容的详情页…不过到了手机上，无节制的跳转就有点儿问题了。 从首页列表->单篇微博详情页->个人主页->单篇微博详情页->个人主页…可以一次接一次的深入，但跳转了三、四次后，再看左上角的“返回”按钮，你已经很难判断出将会返回到哪里了。 如果是传统的PC网站，能展示层级导航，能在跳转到其它栏目时交代清楚，当然这样的情况也应该尽量减少，但总归还是能交代清楚的。…
-
关于移动应用的上下文情境
要打造终极完美的体验是不可能的，因为每个用户都会以不同的方式使用产品，其中涉及到的因素有方方面面，包括文化、社会环境、个人品味、目标动机等等。 虽然这些因素使得我们难以精确的了解不同的用户在使用产品的过程中产生了怎样的体验，不过，对移动应用上下文情境的研究可以帮助我们对这些因素进行梳理，以便尽可能全面深入的了解用户，有针对性的打造产品的体验模式。 三种情境 在实际设计与开发一款产品之前，充分的研究工作是非常必要的，我们至少需要对产品最核心的那个目标用户群有所认知。这项工作不需要进行的很复杂，有时候一支笔、一张纸，外加一些常识就足够了。…
-
符合黄金分割的抠菊花造型
多么垃圾的设计稿上只要加上黄金螺旋，看起来就像是经过专业设计的垃圾了。 上图是我用随便找到的一张照片做的演示，经过几十分钟的研究，我发现非常巧合滴是，这抠菊花的造型也如此完美地契合了斐波纳契黄金螺旋这一神秘的美的规律，专业，紧密，浑然天成。 如果你的设计稿不入流怎么办，找黄金螺旋，缩放来缩放去，一定找到你设计稿里某个元素能凑上的边线或拐点，咔嚓对上了。这就叫艺术“掉书袋”吧。 当然我同意创造一种基于数学思维的艺术是可能的。在设计中运用几何结构是一个非常古老流派。在设计中使用Grid…
-
画线框图容易忽略的几件事
通过工作中的观察与总结，我发现不少新人交互设计师以及产品人员，在画线框图时都会忽略一些重要内容，导致和视觉设计师的沟通成本增高、返工增多、工作效率下降、设计质量下降等重要问题。为了解决这些问题，一方面需要加强沟通，另一方面还需要多站在视觉的角度考虑线框图的设计，使大家的配合更默契。 那么具体怎样做呢？以下就是我工作中积累的一些心得，希望对大家有所帮助。 一、通过明暗对比表达…
-
手机上的长列表
这个Watch Lists其实很长，有几十项，表现出来是这样：每页只显示5项，可以显示在一屏内，然后翻页。 在PC网页的设计时我们知道：把更多的内容放在一个页面里展示，比跳转页面更好，用户更容易看到。几米长的门户首页就是这么来的。 突如其来的手机应用，可能是让一些设计师有点儿不知所措了，觉得手机屏幕小，单手指操作有特点，等等我也不是很清楚的原因，最后得出了这么个结论：每个页面都不能滚动。这个结论显然有点儿不妥，而且，想要严格的实现，几乎不可能。…
-
产品成长中的”节外生枝”
是否经历过这样的场景，“网站中边缘的商品，却发现卖的意料之外的好”；”页面中的大banner却敌不过某处的文字链”；”流程上给用户加上的贴心功能，反而却让用户迷茫” 等等，这些意料之外，”节外生枝“的事情，是不是和当初设计功能时初衷完全不同？这篇文章就像简单讨论下这些“节外生枝”的事情。 节外生枝 与 “节外生籽(种子)”…
-
为什么要用户登录？
只有登录才能完成相应的操作似乎已经成了很多产品，尤其是交易类产品的一种理所当然的规矩。所以，当你点击购买按钮的那一刻，一个讨厌的登录框就会弹出来，打断了你的操作。 你必须开始思考你是否曾经在这个产品里注册过，你的密码是什么，最郁闷的事情是，你常常还忘记了用户名….. 于是，为了完成交易，你必须再次完成注册，但是，他可能会提示你你的某个证件已经使用过了，你需要更换….. 但是，该证件是唯一的，所以，你又必须开始想办法找回你之前的账户。 好吧，当这一切都忙完了，请问，你还能记起你是因为什么而搞了这么多事情吗？还有，你还有想继续交易的心情吗？…
-
关于原型设计的一些事
关于什么是原型 为了讨论方便，有必要先做一个简单的定义。 这里的原型指的是对最终产品各页面上内容的简单呈现，通常不会设置颜色和字体，也不含图片。这里的原型，也通常被称作线框图、示意图、蓝图。在一些极端的情况下，原型图往往可以先被抽象成一个个的模块组合，然后再去细化每个模块中的内容极其展示形式。 原型的主要作用是为了沟通最初的产品设想。原型图展示的是内容和结构及粗线条的布局，而不是视觉设计。…
-
设计沟通的七条经验
经常有新入职的同学，搞不清设计师和别的职位如产品经理，在工作内容上有什么区别。回答了几次之后，我总结出两方面的差别，简单概括为：技能和定位。…
-
Justinmind，为移动设计而生
据国内三大运营商披露的最新数字，截止 2012 年 1 月份，中国的手机用户数已达 9.8758 亿，即将逼近 10 亿大关。CNNIC最新的调查显示，截至 2012年6月，大陆5.38 亿的网民中，有 15.3%的 网民不使用PC（桌上型电脑），也不使用NB（笔记型电脑）上网，只使用手机上网。砖家解释，这个现象来自互联网向某些不便使用PC或NB的人群扩散的结果。 阅读全文 智能手机功能越来越强大，同时价格不断走低，让手机上网变得廉价、方便，降低了移动智慧终端机的使用门槛，把原本用普通手机的用户转化成手机上网用户。…
-
掌上指路标 —– APP架构与导航设计
一款小小的手机应用，却包罗万象，融合这复杂的信息内容或功能逻辑。要让用户在使用中获得最好的体验，迅速掌握应用的框架结构，其导航的设计是一个重要的环节。 手机应用的导航和现实世界中的路标或者地图的作用很类似。它是应用软件的虚拟框架，对用户具有指示标识以及识别的功能。 比如，如同路标，导航能在使用中，定位用户当前在哪儿，为用户突出当前视图重要的功能，告知用户可以去哪儿，在不同的视图和区域迅速地切换信息，记录使用的操作轨迹防止用户迷失等。那么导航应该如何设计呢？ APP导航设计的步骤主要为以下三步： 1. APP框架整理：信息架构 or 任务分析 2.…
-
小心产品的虚荣指标
标题来自《精益创业》，我懒的想，就借用了。 产品上线了，必然的就需要一些指标来衡量这个产品的价值。常见的比如PV、UV、DAU、MAU、ROI等等。这些数字，一定意义上代表了产品的价值，也是里程碑的象征。因此，我们会经常看到各个产品在媒体上爆料自己的数据，以展示自己的实力。 然而，随着这种里程碑意义的被放大，越来越多的虚荣性指标充斥着互联网，充斥着各种产品的宣传。更有甚者，这些虚荣指标成为了产品的KPI，为了达成KPI，更多的手段被使出来，最终加剧了这些指标的虚假。…
-
【CDC翻客】用核心-路径法设计页面
译者注：文章的原名为Designing Screens Using Cores and Paths。本文作者受到城市规划中“交通需求线”的启发，提出了网站设计的“核心-路径法”。区别于通常采用的从框架到主页以及导航的方式，“核心-路径法”让设计者从核心内容入手，由内而外来设计。这个打破常规的方法能够在网站中创造最直接的路径，以便用户找到核心内容。 链接原文： http://boxesandarrows.com/designing-screens-using-cores-and-paths/…
-
一次内部“精益创业”的总结
《精益创业》 是一本好书！强烈推荐，没有这本书，我也搞不出下面说的那些事情。 2013年之前，当你玩一款移动游戏的时候，你会发现很难获得游戏资料和游戏攻略。很多移动游戏压根没有官网，或者官网很简陋，得不到你想要的资料和攻略。只要东找找西找找。所以当时我们在公司内向尝试一下，看能否做一个产品来满足移动游戏玩家的这些需求。于是开启了下面所说的精益创业的过程。 精益创业的核心思想我觉得就是上面这个循环。另外一个就是最小化原型（这个我会在下一篇文章里细说）。 我们挑了一个外部产品做这个事情：…
-
如果独立B2C网站要做社区化
以下内容是之前我和@Fenng 在“贝塔.朋友”微信公众号上的公开探讨。想要看到的更及时请关注：BetaCafe ————————————————————————————————————————————————— 问：如果独立B2C网站要做社区化，你认为好的切入点是什么？未来电商和社交会怎样交集？ 答： 0、独立B2C网站要做社区化这帽子太大，这事儿很扯。还是说说B2C网站做不做自己的社区这事儿吧。…