夜宴-表单-反馈-体验   合沙-2010-9-6
HTML 3.2 表单Form属性            action=""                  method="post|get"                  target="_blank|_parent|_seft|_t...
HTML 4 表单•   Button 元素•   Label 元素•   filedset & legend 元素•   optgroup 元素•   accesskey 属性•   disable 属性•   redadonly 属性•  ...
HTML 5 表单input type                       search,url,email                                 tel,number,range               ...
问题•   HTML 5 表单很好,但现在......•   我们能等能哪一天吗?•   我们需要等哪一天吗?•   等到了,HTML 表单够用吗?
滚动条
下拉操作
输入&格式化
WIN 7 的声控制
人跟人之间的反馈1.如果你叫了一个人10声音,他没反应,你有啥  感觉?饺子嫂说:如果是叫饺子哥10声都没反应,肯定生气,不理他!
人跟物之间反馈1.电器开关之后的指示灯2.电话,手机按健的声音3.足球4.乐器5.等......
感觉与知觉感觉:听觉,视觉,味觉,触觉,嗅觉知觉:好听,好看,味,柔软,香
有了反馈,才有愉悦,才是好体验
用户体验!单从反馈的角度,我们其实可以做更多!
鼠标与鼠标背后的动作• 指向 – 被指对象的反应! – 光标的反应! – 出现文本描述!• 点击 – 鼠标的按健声音! – 指点对象的反应! – 点击后的反应!
鼠标与鼠标背后的动作•   对按扭表单增加 title alt 等属性•   利用css做光标控制•   提醒视觉,交互要hover状态下的情况!•   提醒视觉,交互要focus状态下的情况!
Thanks Q&A
Upcoming SlideShare
Loading in...5
×

Banquet 40

425

Published on

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

  • Be the first to like this

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

No notes for slide

Banquet 40

  1. 1. 夜宴-表单-反馈-体验 合沙-2010-9-6
  2. 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. 3. HTML 4 表单• Button 元素• Label 元素• filedset & legend 元素• optgroup 元素• accesskey 属性• disable 属性• redadonly 属性• input 增加 accept属性 [type=file]
  4. 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. 5. 问题• HTML 5 表单很好,但现在......• 我们能等能哪一天吗?• 我们需要等哪一天吗?• 等到了,HTML 表单够用吗?
  6. 6. 滚动条
  7. 7. 下拉操作
  8. 8. 输入&格式化
  9. 9. WIN 7 的声控制
  10. 10. 人跟人之间的反馈1.如果你叫了一个人10声音,他没反应,你有啥 感觉?饺子嫂说:如果是叫饺子哥10声都没反应,肯定生气,不理他!
  11. 11. 人跟物之间反馈1.电器开关之后的指示灯2.电话,手机按健的声音3.足球4.乐器5.等......
  12. 12. 感觉与知觉感觉:听觉,视觉,味觉,触觉,嗅觉知觉:好听,好看,味,柔软,香
  13. 13. 有了反馈,才有愉悦,才是好体验
  14. 14. 用户体验!单从反馈的角度,我们其实可以做更多!
  15. 15. 鼠标与鼠标背后的动作• 指向 – 被指对象的反应! – 光标的反应! – 出现文本描述!• 点击 – 鼠标的按健声音! – 指点对象的反应! – 点击后的反应!
  16. 16. 鼠标与鼠标背后的动作• 对按扭表单增加 title alt 等属性• 利用css做光标控制• 提醒视觉,交互要hover状态下的情况!• 提醒视觉,交互要focus状态下的情况!
  17. 17. Thanks Q&A
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×