SHESHUI.ME

用户体验提升:表单设计方法总结(Form Design)

眼动研究及A/B测试表明,表单采用单列布局的效果相对于多列布局更好。

This has been well researched in eye-tracking studies (including our own), and business case studies and A/B tests. When you’re deciding between a single column form and a multi-column, default towards the single column.

关于交互设计的一些个人见解

交互设计,英文 Interaction Design,这一个概念其实早在工业设计时代已经大面积应用,当然在互联网产品时代,让这个交互设计又被提高到一个新的高度。个人从事互联网产品相关工作这些年,也简单借此文章的方式总结一下个人心得及见解,以便对自己未来也有一个更好的提升。

文案的力量

国外的互联网创业公司相对来说,更重视写作能力,看重文字,比如 37 Signals 一以贯之的实践,甚至在《重来》这本书中写到「会写就代表会思考」,并且建议「如果你准备从一堆人挑出一个人做某份工作,那就挑文章写的最好的那个」,我个人很赞同这个观点。接下来,在团队成员的招募过程中,必须要加强对候选人写作能力的要求

响应式图片 设计方案

If you want your site to load as quickly as possible, you do not want to deliver larger files than are needed. Many responsive web design sites provide mobile devices images at sizes appropriate for desktop and ask the mobile device to resize the image.

产品设计:核心要做到极致

产品经理要把自己当一个挑剔的用户。我们做产品的精力是有限的,交互内容很多,所以要抓最常见的一块。流量、用量最大的地方都要考虑。规范到要让用户使用的舒服。要在感觉、触觉上都有琢磨,有困惑要想到去改善。如鼠标少移动、可快速点到等等。

启发式评估步骤与方法

启发式评估是一种快速的、低成本的且很容易的用户界面评估方法。(最早由Nielsen 和 Molich在90年代初提出。)

The process requires that a small set of testers (or “evaluators”) examine the interface, and judge its compliance with recognised usability principles (the “heuristics”).

设计案例

本文收集了涉水轻舟从2008年始,做过的一些设计或网站作品。包括WordPress、Joomla等CMS及Magento 电子商务网店模板。

交互及用户体验性设计案例

这里将陆续收录一些交互设计及用户体验性相关的小案例,设计是在不断改进与优化当中的,特别是当前互联网产品需求的快速变化,让产品经理、策划、设计人员都很难去统一某一个标准。姑且我们要不断总结其中的设计原则及方法(相关理论书籍很多),在此只罗列我所见过的,可以引起我们思考的一些案例(倒序排列)。

启发式评估检查列表

启发式评估是可用性评估的方式之一。这是转载一淘UED的一份整理出来的Checklist,了解更多关于启发式评估请参考 Heuristic Evaluation 我想如果一个网站产品按照现有这个列表逐项评估一遍的话,基本可以满足大部分用户对网站产品可用性要求。另外,也可按照产品的不同区块分别检查评估,根据客观情况灵活的安排不同的工作方式,也是体现创造力的重要方面。(涉水轻舟)

产品的最短路径

我建议创业团队做产品,路径必须要短。拥有简短路径的土鳖产品,也比华而不实的靠概念堆砌起来得产品更有价值。当然,凡事都有反例,但别用反例来反驳了,有些朋友会想起苹果公司,毕竟苹果的成功目前来看,还是不可复制的。这也是我不太看好一个电子商务巨头去进军手机市场的理由。补充一点,做产品,也不要绕路绕的太远。比如,你发现有的用户在你的电子商务平台上进行欺诈,于是乎,投入大量人力物力研发反欺诈技术手段,过了一段时间,发现效果不显著,反欺诈工具无效?

5 Signs of a Great User Experience 20120417

假如你使用过移动社交网络 Path (一款移动产品), 它应该给你带来了很帮的用户体验。Path设计很复杂,使用起来却很容易。 很具吸引力的红色以及平滑的如同丝带一样的导航。她是一款社会化应用可以通过Path的建议和Facebook的连接很轻松的找到朋友。

Go Ask Grandma: How To Design For “Normals”

As web watchers, entrepreneurs, and investors search for the next big thing, they’d be wise to focus on innovations that can be easily adopted by technology novices. A recent string of companies, including Groupon and Pinterest, have found success outside the early-adopter digerati by building products simple enough to be used by just about anyone.

Amazon 2012新版

今个登陆 Amazon 发现之前的新版测试已正式上线,截图留存先……

新版导航增加阴影效果,且在屏幕分辨率为1024×768 时,自动隐藏左侧导航栏,浏览器拉伸为1366×768 时,自动显示侧栏导航

点击查看大图

点击查看大图

更漂亮的搜索框,更优化的tabs交互效果,整个页面继续保持自适应宽。

此次改版最大的视觉特点在于颜色,以淡雅的银灰色取代亚马逊原有的淡蓝。