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

心得技巧
CSS+DIV网页重构对比TABLE布局的显著优势
网站的主导航与面包屑导航
Webjx推荐40个优美时尚的Web设计英文字体
设计理论:WordPress博客导航设计技巧
设计理论:创意方法和技巧
网页表单设计中的反馈提示
对视觉设计作用的常见误解
microformat官方对于hCard的解释
Firebug的Console的用法
网页设计之用户确认页设计技巧
网页设计参考:博客底部设计
作品欣赏:非常棒的网站设计
Web2.0电子商务网站用户体验设计
面包屑网页导航设计参考实例和最佳方案
常见的无结果页面的交互设计
设计理论:网页中文字体排版设计
网站欣赏:大牌葡萄酒的网站设计
网页设计师参考:很棒很有灵感的网站
整理10个最好的中国大学网站设计
在别人的网页设计中寻找“高品质”

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-28   浏览: 61 ::
收藏到网摘: 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.