原文地址：http://speckyboy.com/2015/05/12/how-to-choose-the-right-ui-patterns-for-your-web-design/
市面上有成百上千的UI设计模式，每天还有新的模式不断产生——但不是所有的都对你有用。
为了缩小你所能使用的模式的范围，我推荐以下四个步骤：
1.明确你的网站的问题所在
2.研究其他的网站是用什么模式解决这个问题的
3.检验其他网站是如何使用这种模式的
4.重构这种模式，选择适合你的元素
采用以问题为导向的方法来选择UI模式，你可以避免只是为了追随潮流而选择一种布局方式。尽管许多UI模式红得有理由，但你绝不应该只是因为潮流所致而设计。
考虑如何帮助用户更好地实现特定的目标，接着深入挖掘出最有效的模式。
一个逐步完成的实用框架
让我们通过一个案例来看看设计流程：你会注意到大量的用户不会在浏览你的网站时注册。
1.定位网站的问题：
因为用户依然在花费一定的时间浏览你的网站，你可以从解决登录注册的问题开始入手。解决办法是：简化登录和注册的流程，让用户不会介意做这两件事。
2.研究其他的网站是用什么模式解决这个问题的：
你决定当一回侦探，走访一些和你的网站类似的知名站点。一些网站使用了惰性注册，但是这种办法不能解决你的问题，因为你要吸引用户来注册或登录。其他的一些网站采取给用户奖励的办法，例如提供额外的功能或更多内容，但这种方法也不适用于你的网站风格。
最终，你注意到使用社交登录法，让用户用早就注册好的社交网站账户来登录或注册。这看上去像是一个不错的解决方案，也满足了网站的“随和”风格。
Junkely
3.检验其他网站是如何使用这种模式的：
深入探索一下一些大厂网站，如Spotify，Pinterest，Wunderlist等等，你就会发现他们是如何实现社交登录的。你甚至可以查看一些和你的主题相关的网站，看看他们是怎么处理这种模式的，没准会启发你呢。
Wunderlist
4.重构这种模式，选择适合你的元素：
你注意到不同的网站使用不同的社交媒体入口，例如Twitter，Google或LinkedIn，但每个站点都包含了Facebook。有时候这些选项直接用文字打出来（“使用Facebook登录”），另一些情况下设计者会把社交媒体的图标放置在登录框的附近，让你明白它们的用意。
想起了格式塔心理学中关于相近性对功能的影响的解释，你决定放一个按钮加一个图标就足够了——毕竟社交登录是一种流行的模式，你的用户很大程度上可能知道这些按钮代表的意思。你决定加上Facebook，Twitter和Google，因为这三个是你查看的网站中最常出现的，因为Facebook最火，所以你把它放在最顶部的位置。
一旦你找到一个有效的UI模式，不要太受制于它了。UI模式对于保持一致性非常有用，但你也不想止步于这个局部最大值里面吧。例如，你可能在设计一个充满病毒式传播内容的网站，决定采用无限滚动的方式来承载内容。毕竟你看到很多网站都用这种方式并取得了成功。
比起强制用户每阅读十条消息，就得点一下“下一页”来说，无限滚动提供了更好的用户体验，但它也不是最佳选择。你要通过天马行空的脑暴，画线框图，画原型，并测试，才能得出最终结论。
把UI模式看成是一种为了保持一致性而选择的安全模式，接着一步步向外进行探索，在了解模式，尊重模式的基础上，每次你都要让你的设计有眼前一亮的地方。这会确保你的设计看上去貌似很眼熟，但也为新的设计元素预留了空间。
网友评论