Banquet 40
Upcoming SlideShare
Loading in...5
×
 

Banquet 40

on

  • 495 views

 

Statistics

Views

Total Views
495
Views on SlideShare
495
Embed Views
0

Actions

Likes
0
Downloads
1
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Banquet 40 Banquet 40 Presentation Transcript

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