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

心得技巧
IE8 Beta 1两个地方需要大家注意
提高网站性能中内容有关的10条原则
网页设计者应该从三个方面优化网页
Web 设计 实现干净代码的12条定律[图文]
网页设计必备工具 firefox Web Developer插件 CSS工具组教程
UCenter Home 站点添加统计代码
9款很棒的网页绘制图表JavaScript框架脚本
提高网站可用性的10个小技巧
网站维护页面的列表制作技巧
B2C 网站用户体验细节设计参考
收集12个实用的网页在线工具
设计参考 漂亮和原创的博客设计
收集25个知名网站标志中使用的字体
极尽简约的网站设计实例
个性化创意鲜明的网站设计实例(30个)
水平滚动的网站设计 小结
更受欢迎 更具创造性的深底色网页设计实例
有创意的关于我们网页页面设计
整洁漂亮的网页设计的4项原则
设计参考 WordPress建站成功案例

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


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