响应布局与自适应布局的对比 以及优化表单字段标签的优化
本帖最后由 weike591 于 2013-1-8 11:55 编辑自适应布局VS响应布局
“在哪些网站/项目是能够更好地使用一个自适应布局（固定休息点）？在这种类型的网站是更好地使用一个负责任的布局（流体网格）吗？”是一个负责任的布局理论，但在某些情况下，自适应布局是一个更加务实的解决方案。
一个自适应布局会给你更多的控制设计，一个负责任的布局，您可以轻松地种状态-，他们大多有非常细微的差别，但它们仍然是不同的-这使得它很难确切地知道你的设计看起来。这使得一个负责任的布局更加难以测试和预测绝对的把握。话虽如此，这也是一个负责任的布局之美。通过允许一定的不确定性在一个肤浅的层面上，你更根本的层次上获得肯定。当然，你不能预测像素完美的设计将如何在一个943×684像素的视口，但你可以放心，它的工作原理-的基本功能和布局结构是有意义的部署。
一种自适应的布局有其可取之处，因为它可以是一个更务实的解决方案，实现更便宜和更容易测试。一种自适应的布局可以被认为是一个负责任的布局和更便宜的兄弟姐妹，因此，可以吸引力，如果资源紧张。尤其是当处理一个现有的网站，一个完全重写并不总是可行的。在这种情况下，自适应布局，可以是一个很好的开始（管理）。丹Cederholm认为在这种情况下，他的文章“ 改编 “。
http://www.epweike.com/meijie/data/uploads/2013/01/08/127742620050eb937a91fde.jpg 经常在赞成的自适应布局相比，一个负责任的布局有一种说法是，印刷术-特别是更好地控制线的长度，并避免孤立的头文字。特伦特沃尔顿已经记下了一些很好的对此事的看法。从本质上讲，你可以通过改变字体大小（这是很容易使用EM），确保可读线的长度（每行50-75个字符），在你的敏感的布局。这留下的问题，有可能成为孤儿的标题文本。虽然有人可能会说，这是性质的网站，有情况下，寻求最大程度地控制在一个页面标题是有道理的。在这种情况下，使用像FitText插件来拯救我们，使我们能够避免孤儿。即响应布局中用到的定义中提出的问题的答案，等于流体网格，自适应布局等于固定的断点。
用户界面（UI）设备之间的一致性VS设备特定的UI惯例
“在设计一个产品，将跨越各种设备（例如Netflix公司或潘多拉），什么是更重要的：一致性的品牌和用户界面，或设计，以适当遵循的指导方针，特定的设备（即设计一个共同的经验，在iPhone，Android ，电视，XBOX）吗？”
你需要考虑的有三个重要的因素：你的重点（如企业），如何熟悉你的用户，你的UI，和你的用户界面和功能都在不同的平台上有什么不同。
1、焦点：有可能是品牌的原因，在您的平台上保持一致的用户界面，特别是对可能不太知名的品牌，仍然在争取他们的客户的头脑中建立一个身份。但是，用户通常比较熟悉设备特定的UI公约的品牌。雅各布尼尔森指出，“用户花大部分的时间在**网站上，”和而我们不只是谈论的网站，在这里，它是大致相同的原则（智能手机，只需更换“地王”与“应用程序”） 。
2、熟悉：大多数用户每天花费大量的时间使用您的服务？他们用很长的时间吗？或者是你的用户，罕见或新收购的大多数？比方说，你有一个企业或生产服务，并且您知道大多数用户花费大量的时间在一年之久。在这种情况下，因为用户熟悉的应用程序胜过整个设备UI公约，投入了显着的大量的时间学习你的独特的UI。另一方面，如果用户没有花大量的时间与你的服务，并建立了强大的认知和情感的联系到您的设计和功能，设备特定的UI公约通常会导致更好的可用性。
3、功能：这有两方面：A）是您的服务只解决了一个功能单一的问题，或者是更高级的吗？和b）是跨各种设备的功能和特点，有区别吗？如果你在不同的平台上提供的功能差别很大，坚持以设备UI公约，因为在可用性方面，跨平台的一致性会带来什么好处（使用相同的品牌和一般的美学设计将不利于用户的功能广泛的不同-事实上，他们可能会造成的损害，用户将认为有重叠的时候，其实没有）。另一方面，如果你要解决一个单一的，简单的问题，然后从设备UI约定不同的是好的，因为用户很快就会知道你的独特的UI，你将可能是能够解决的UI问题，具体到你的功能更易比通用设备公约负担得起的。
总之：坚持在适当的情况下是一个很好的经验法则，如果稍微简单，设备特定的UI公约。
平衡可用性研究与独特的创意概念
“我应该如何平衡调查，用户反馈和可用性测试与个人的经验，直觉和试图建立一种创造性的，独特的，引人注目的体验呢？基本上，应该花多少用户影响或指导我设计的解决方案吗？毕竟‘用户’体验”。
你的产品，服务，应用程序或网站的概念是用户体验的核心。这就是你区分自己从竞争中脱颖而出，并在其中创建真正的价值给客户。因此，发展的概念，创造性地，并尽可能把它作为原。然后，当它涉及到现实生活中的实现，读了用户研究，研究UI公约，并尽可能概念允许进行可用性测试。
可用性研究和测试是什么让您的服务更容易，更无缝的使用（这是真正重要的素质的竞争格局），但他们不是人选择使用的服务摆在首位的原因-他们这样做解决了问题或满足需要。所以，先来了，巧妙的新概念，并且大量借鉴实施服务时的用户研究。
有可用性的工具来测试和验证您的设计，让您可以不断地重复你的设计基于用户行为和观念 - 一个优化的过程，应该继续在产品的整个生命周期。
表单字段标签的最佳定位
“什么是最好的方式来定位一个输入字段的表单标签？最重要的领域，到左边，右边？关于内嵌标签？”
总之：在网络上，如接触形式，创建帐户和电子商务的输入形式，最佳形式可用性是把上面的表单字段的标签。
http://www.epweike.com/data/uploads/2013/01/08/167210553450eb94399a53c.png 在移动设备上的标签，将上面的表单字段，将确保用户输入的最大宽度。左侧你可以看到梅西的移动结账时，将标签放置到表单域的结果，在如此狭窄的测试对象无法看到错字在他的e-mail地址。在右侧，您看到推荐的方法与上面的标签表单域的一个例子。
放置标签上方的字段的一个例外是，具有非常频繁，并重复使用，在用户需要能够迅速地确定在一个很长的列表的几个特定的字段的长形式。在这样的情况下，左侧的窗体字段具有标签使得它更容易进行扫描。同样会去预先填充表单，用户需要编辑一组特定的领域（例如，当编辑帐户配置文件信息）。
http://www.epweike.com/meijie/data/uploads/2013/01/08/48208747750eb94ec57b8a.png
内嵌标签的一个例子，它的标签在表单字段中充当占位符文本。
哪里的标签是放置在表单字段作为占位符文本的内联标签，从可用性的角度来看，是一个可怕的。在我们的电子商务结帐可用性研究中，我们看到了无数的考试科目有严重的问题，在苹果公司的结帐过程中的内联标签。虽然这种方法使一个简单的视觉外观，互动的形式是非常困难的，因为每一个领域失去了它的背景下，第二个是用户开始输入。在这项研究中，这不仅变得更加困难的科目填写的表单域，这也让他们很难正确的验证标签的错误。
综上，我强烈建议您减少摩擦尽可能常见的形式领域的易用性原则，如表单域的定位上面的标签。
http://www.epweike.com/meijie/data/uploads/2013/01/08/185490212250eb9503b8294.jpg
页:
[1]