返回正常中文阅读

想对这篇译文“指手画脚”吗?

您的参与将有助于译者提高译文的质量;同时,大家一起对问题的讨论也是最佳的学习方式。还等什么?请现在就注册登录译言,开始眉批!
大错 小错 不顺 建议

20 Websites to Help You Master User Interface Design

As web technologies progress, websites and web applications are becoming more responsive, providing us with more ways and techniques to interact with the users. Form, more than ever, has been superseded by function.

The following websites deal with interface design, user experience, user-centered design, usability, and everything in between – all with the goal of enhancing the user’s interface.

1. Boxes and Arrows

Boxes and Arrows - screen shot.

 

Boxes and Arrows is a peer-written journal and a premier source for information on interaction design, usability, and information design. You’ll find articles on designing a usable online email application to storyboarding rich internet applications.

2. UX Magazine

UX Magazine - screen shot.

UX Magazine deals in the topic of user experience. You can expect to read articles on topics such as designing in layers and design tips for programmers.

3. UXmatters

UXmatters - screen shot.

UXmatters is a non-profit web magazine devoted to sharing information on effective user experience techniques and becoming a leading resource for User Interface (UX) professionals. Some of the topics in UXmatters include usability, user-centered design, web 2.0 applications, and more. You can read articles that talk about how rich internet applications help users and the usability of search forms.

4. A List Apart: User Science

A List Apart: User Science - screen shot.

A List Apart – the leading resource on standards-based design and development articles – has a User Science topic that covers various parts of designing the user’s interface. The User Science topic is further sub-divided into three categories: Accessibility, Information Architecture, and  Usability.

5. Usability Post

Usability Post - screen shot.

Usability Post is a blog about design usability. A couple of blog posts you’ll find share tips on using white space to improve User Interface and using Photoshop color profiles for web images.

6. Usability Counts

Usability Counts - screen shot.

Usability Counts is a blog by Patrick Neeman and Ha Phan, consultants on User Experience. You can expect posts that talk about the form design of airline sites and musings on why usability counts.

7. Usable Web

Usable Web - screen shot.

Usable Web is a collection of links about User Interface design topics as it pertains to the web. Although it’s no longer updated and many of the articles are outdated, you’ll still find timeless resources and articles on the site.

8. User Interface Engineering

User Interface Engineering - screen shot.

User Interface Engineering is the research, training and consulting firm that holds the annual User Interface Conference. The Articles section of their website hosts plenty of articles on the topic of User Interface design. Some topics covered are usability challenges of designing web apps and design mistakes with account sign-in that designers should avoid.

9. Functioning Form

Functioning Form - screen shot.

Functioning Form is an interaction design blog by internationally-recognized web professional and author Luke Wroblewski. Some posts you’ll find in Functioning Form include "Web Form Design: British Airways" and "Sign-Up Form Patterns".

10. useit.com

useit.com - screen shot.

useit.com is the website of Jakob Nielsen, a leading expert on usability. Check out the Alertbox section, a bi-weekly column about current issues on usability. 

11. InfoDesign

InfoDesign - screen shot.

InfoDesign is a website that covers the topic of information design. Some categories on InfoDesign include Accessibility, Usability, and User Experience.

12. Designing Interfaces

Designing Interfaces - screen shot.

Designing Interfaces is an online book constructed using excerpts from O’Reilly’s
Designing Interfaces: Patterns for Effective Interaction Design.

13. Usability.gov

Usability.gov - screen shot.

Usability.gov is the primary government source for usability and user-centered design by the U.S. Department of Health and Human Services. You can read about the basics of usability and usability methods on the site.

14. Usability First

Usability First - screen shot.

Usability First seeks to provide valuable information on usability as it pertains to websites and applications. Usability First has several sections including Website Design, Usability ROI (Return of Investment), and Accessibility.

15. Design with Intent

Design with Intent - screen shot.

Design with Intent is a blog by Dan Lockton that talks about the topic of understanding user interaction and influencing it.

16. Pattern Tap

Pattern Tap - screen shot.

There’s no better way to learn how to design effective user interfaces than to see how other designers do it. Pattern Tap is a showcase of popular interface design for inspiration. You’ll find collections of Forms, Login, Subnavigation, Buttons, among other design patterns.

17. Welie.com

Welie.com - screen shot.

Welie.com’s Interaction Design Pattern Library shares design patterns in interaction design. You can find design patterns such as Breadcrumbs, Tabs, and Comment Box as part of the library.

18. UI-patterns

UI-patterns - screen shot.

UI-patterns is another top-notch User Interface library that collects and showcases reoccurring design patterns such as Captchas, Account Registrations, and Navigation Tabs.

19. UI Pattern Factory

UI Pattern Factory - screen shot.

UI Pattern Factory is both a UI pattern library and a UI gallery. It showcases and discusses patterns such as Stacked Tabs, Carousels, and Edit-In-Place.

20. Yahoo! Design Pattern Library

Yahoo! Design Pattern Library - screen shot.

The Yahoo! Developer Network has a growing design pattern library called Yahoo! Design Pattern Library that showcases common design patterns in User Interface design. Some patterns discussed in the library include Module Tabs, Drag and Drop, and Ratings and Reviews.

20个帮你掌握用户界面设计的网站

随着技术的进步,网站和网络应用正在变得更具互动性,我们有更多增强用户体验的方法和技巧。如今“形式追随功能”的理念正变得更加重要。

下面列出的这些网站能够帮你处理界面设计、用户体验(UE)、以用户为中心的设计(UID)、可用性以及任何这方面的问题,我们的目标就是更加完善的用户界面。

1. Boxes and Arrows

Boxes and Arrows - screen shot.

Boxes and Arrows提供交互设计、可用性设计和信息设计方面的专业信息。有的文章会教你设计具有良好可用性的在心邮件应用,还有利用VISIO展示富网络应用的例子

2. UX Magazine

UX Magazine - screen shot.

UX Magazine 主要讨论关于用户体验的话题,诸如层样式设计程序员的设计技巧等。

3. UXmatters

UXmatters - screen shot.

UXmatters是一个非营利性网络杂志。本杂志致力于分享有效用户体验技术,为专业人士提供用户界面(UX)资源。UXmatters杂志的议题包括可用性、以用户为中心的设计、Web 2.0应用等等。有的文章在讨论富网络应用对用户的帮助搜索表单的可用性设计

4. A List Apart: User Science

A List Apart: User Science - screen shot.

A List Apart是最好的基于标准的设计和开发的文章资源,其中的User Science专题涵盖用户界面设计的各个方面。User Science的议题进一步分成三类:网络无障碍信息架构可用性

5. Usability Post

Usability Post - screen shot.

Usability Post是一个关于可用性设计的博客。博客文章中提到了很多技巧,比如用页面空白改进用户界面用Photoshop颜色配置文件设计web图像等。

6. Usability Counts

Usability Counts - screen shot.

Usability Counts博客的作者是Patrick Neeman 和 Ha Phan,两位都是用户体验方面的顾问。博文中有航空公司网站表单的设计实例,也有关于可用性的深入思考

7. Usable Web

Usable Web - screen shot.

Usable Web收集了用户界面设计方面的话题的链接。虽然网站不再更新一些文章已经过时,但你总能找到超越时间的文章和资源。

8. User Interface Engineering

User Interface Engineering - screen shot.

User Interface Engineering公司主要进行用户界面工程的研究、培训和咨询,举办用户界面年会。公司网站的文献栏目下有大量用户界面设计方面的文章。这些话题包括web应用设计中的可用性挑战帐户登录页面需要避免的设计失误

9. Functioning Form

Functioning Form - screen shot.

Functioning Form是一个交互式设计博客,作者是国际公认的网络专家、作家Luke Wroblewski。你能在Functioning Form上找到诸如《英国航空公司网站表单设计》和《用户注册表单模型》之类的文章。

10. useit.com

useit.com - screen shot.

useit.com是可用性专家Jakob Nielsen建立的网站。网站的Alertbox部分是一个讨论当前可用性问题的双周专栏。

11. InfoDesign

InfoDesign - screen shot.

InfoDesign主要讨论信息设计方面的话题。也有一些关于网络无障碍性可用性用户体验方面的文章分类。

12. Designing Interfaces

Designing Interfaces - screen shot.

Designing Interfaces是一本在线图书,也就是O’Reilly’s出版的《Designing Interfaces: Patterns for Effective Interaction Design.》的摘要。(豆瓣

13. Usability.gov

Usability.gov - screen shot.

Usability.gov是由美国卫生与公众服务部提供的可用性和用户中心设计的政府资源。您可以在这儿学习可用性基础可用性方法

14. Usability First

Usability First - screen shot.

Usability First旨在提供与网站和应用相关的可用性的有价值的资料。Usability first的分类包括网站设计可用性投资回报率网络无障碍设计

15. Design with Intent

Design with Intent - screen shot.

Design with IntentDan Lockton 的博客,主题是理解和影响用户交互。

16. Pattern Tap

Pattern Tap - screen shot.

学习有效用户界面的设计,最好的办法是看看其他设计师是如何做的。你可以从Pattern Tap的设计模型展示中获得灵感。这儿收藏了表单设计登录界面二级导航按钮等资源。

17. Welie.com

Welie.com - screen shot.

Welie.com的交互设计模型库提供了各种交互设计的设计模型,包括面包屑导航导航标签评论框等等。

18. UI-patterns

UI-patterns - screen shot.

UI-patterns是另外一个顶级用户界面库,收集展示了一些改进过的设计模型,比如验证码帐户注册导航标签等。

19. UI Pattern Factory

UI Pattern Factory - screen shot.

UI Pattern Factory既是一个UI模型库又是一个UI画廊。它展示和讨论堆叠标签旋转灯笼效果即时点击编辑等UI模型。

20. Yahoo! Design Pattern Library

Yahoo! Design Pattern Library - screen shot.

Yahoo开发网络有一个日渐丰富的设计模型库Yahoo! Design Pattern Library。这里展示了用户界面设计方面的通用设计模型。一些广为讨论的模型包括模块标签拖放操作评级评论

     原文:20 Websites to Help You Master User Interface Design by Jacob Gube
     译文:20个帮你掌握用户界面设计的网站 (推送到网生代译言
     译者:不是俺
     翻译感悟:很多专业术语俺不太懂,高手来指正。乱翻这种“X大”文章,基本属于费力不讨好的工作,尤其是那种收视率低的地方皺眉


阅读
发现
翻译
合作媒体

Copyright © 2009 yeeyan.com All rights reserved. 京ICP证080457号