• Like
Banquet 40
Upcoming SlideShare
Loading in...5
×
Uploaded on

 

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
378
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
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