当前位置: 首页 > 图文教程 > 网页制作 > 心得技巧 > 英国航空公司网站表单设计

心得技巧
50个充满活力的色彩在网页设计中运用实例
WEBJX收集的适合设计师参考的100个设计类网站
网页设计中常遇到的10个小问题
用户体验:购物网站的购物流程简化设计
用户体验设计实例:豆瓣UI设计改进
24个对表单对象进行个性化定制的技术
视觉设计:创意布局需要非常注意易用性问题
用户体验设计研究:中文网页文本框设计
设计经验分享:设计美好的瞬间
网页设计理论:漂亮而不空洞的极简网站设计
用户体验:网站注册中的密码保护设计细节
有感GOOGLE的登陆设计让人感到崩溃
设计师需要的IDEO以人为中心的设计工具包
用户体验研究:携程酒店订房中的日期选择
网上零售平台的站内搜索的自动提示功能
B2C网站搜索结果是列表视图还是栅格视图?
网站可用性设计:让页面等待不再漫长
设计参考:巴西设计师的图标设计作品
B2C网站设计体验:购物车中的胡萝卜
电子商务网站注册表单的可用性贴士

心得技巧 中的 英国航空公司网站表单设计


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-28   浏览: 66 ::
收藏到网摘: n/a

When arranging a flight on British Airways, I was struck by how much the airline wanted me to abandon my process. As anyone that's booked a flight online knows, finding the right combination of price and travel times takes a fair bit of work. When I finally found the right combination on British Airways, I was perplexed at how buried the "buy" button was. The first call to action in my flight summary suggested I "Empty shopping basket and try again". Then a stream of promotions and legal banter dragged on for two full page lengths.

Web form design tip: illuminate a clear path to completion. British Airways makes it hard to determine how I can complete this form and get tickets I want.

 

Once I made my way to the bottom, I encountered another call to action to abandon my efforts. The left placement and red arrow led me to wonder if they considered this a primary call to action? Finally the "buy" button showed itself in the bottom right hand corner. Only it wasn't a button at all. Arguably, the most important item on this page was a single line of text sandwiched between two blocks of color. Could they have hidden it any more?

Web form design tip: Remove secondary actions whenever possible. Is there really a need for people to start over at this stage of buying a plane ticket? So much that the form needs two "reset" links?

Web form design tip: Emphasize calls to action that lead to success (form completion) over those that let people start over or abandon a form.