Your SlideShare is downloading. ×
Banquet 40
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Saving this for later?

Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime - even offline.

Text the download link to your phone

Standard text messaging rates apply

Banquet 40

394
views

Published on


0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
394
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. 夜宴-表单-反馈-体验 合沙-2010-9-6
  • 2. HTML 3.2 表单Form属性 action="" method="post|get" target="_blank|_parent|_seft|_top" enctype=""Input type text,radio,checkbox file,image reset,submit,passwordk,hiddeninput 属性 name,value,checked src,size,maxlength,alignselect 子元素:option 属性:name,size,multiple,selected,valuetextarea 属性:name,rows,cols
  • 3. HTML 4 表单• Button 元素• Label 元素• filedset & legend 元素• optgroup 元素• accesskey 属性• disable 属性• redadonly 属性• input 增加 accept属性 [type=file]
  • 4. HTML 5 表单input type search,url,email tel,number,range color datetime,date,month,week time,datetime-localinput 属性 max,min,step placeholder list,autocomplete pattern,required, autofocus元素 datalist keygen,output,progress,meterdome:http://miketaylr.com/pres/html5/forms2.html
  • 5. 问题• HTML 5 表单很好,但现在......• 我们能等能哪一天吗?• 我们需要等哪一天吗?• 等到了,HTML 表单够用吗?
  • 6. 滚动条
  • 7. 下拉操作
  • 8. 输入&格式化
  • 9. WIN 7 的声控制
  • 10. 人跟人之间的反馈1.如果你叫了一个人10声音,他没反应,你有啥 感觉?饺子嫂说:如果是叫饺子哥10声都没反应,肯定生气,不理他!
  • 11. 人跟物之间反馈1.电器开关之后的指示灯2.电话,手机按健的声音3.足球4.乐器5.等......
  • 12. 感觉与知觉感觉:听觉,视觉,味觉,触觉,嗅觉知觉:好听,好看,味,柔软,香
  • 13. 有了反馈,才有愉悦,才是好体验
  • 14. 用户体验!单从反馈的角度,我们其实可以做更多!
  • 15. 鼠标与鼠标背后的动作• 指向 – 被指对象的反应! – 光标的反应! – 出现文本描述!• 点击 – 鼠标的按健声音! – 指点对象的反应! – 点击后的反应!
  • 16. 鼠标与鼠标背后的动作• 对按扭表单增加 title alt 等属性• 利用css做光标控制• 提醒视觉,交互要hover状态下的情况!• 提醒视觉,交互要focus状态下的情况!
  • 17. Thanks Q&A