交互设计之即时评分控件设计要素

控件描述
设计理念
使用场景
设计要素
注意事项

控件描述
即时评分控件主要适用于用户对某一对象(例如商品)进行主观简易评级的一种交互控件,该控件具有即时反馈结果,最大程度的减少对用户任务流的打断,评价结果具有量化、等级化的特点。

典型样式

控件描述
用户在给对象进行主观评价打分的时候,他们需要:
   1.能够及时的反馈结果。
   2.该评价量化的数值是简单、明确、层次清晰的。
   3.希望看到其他用户的打分情况。(辅助判断)
   4.该对象总体评分情况。(整体把握)
即时评分控件提供了一种轻量级的用户信誉保证,评分可以提高用户的粘连度和活跃度,可以体现用户的贡献度。

使用场景
1.用户想要迅速留下意见。
2.结合评语会有更丰富的意见。
3.让用户快速地融入某一特定群体。
4.需要体现用户集体评分和其平均分值。

设计要素
1.随着鼠标的移动应该显示点击对象(最常用的是星星)也应该相应的变化。
2.控件初始状态应该是“空”, 附近应该显示该控件的相关文本说明。
3.光标移动到相应等级位置,应该表明当前选择的等级 (通过颜色变化),同时用文本描述该等级。
4.当用户点击某一等级应该及时保存,并显示在总评分和平均等级。
5.应该对用户选定保存的等级用颜色和文字加以。
6.总分和平均分数也应该显示出来。
7.如果用户改变主意可以修改自己的打分。

注意事项
1.如果用户没有登录,是否可以进行评分。
2.点击对象的设计很重要,因为它的显示用户决定选择哪个等级。
3.评分点击图形化(如用星星表示)的对象,提倡用一个完整的图形表示一个等级,同时等级的分配要简单、易懂、明确。
4.控件相关文本内容要求用词准确、恰当、语义明确。

时间: 2024-09-19 08:56:24

交互设计之即时评分控件设计要素的相关文章

mfc界面美化-MFC的Button控件设计界面

问题描述 MFC的Button控件设计界面 新手求救,花了一天做button按钮的设计还做不出来,能改变颜色和大小就好,最好能有源代码,这样我才看的懂 解决方案 MFC_Button控件MFC Button控件的背景色MFC Button控件的背景色 解决方案二: CButton有个SetBitmap函数,想要什么图案自己画,大小是按钮的基本参数,很容易设置. 解决方案三: 要重绘啊,自己用代码来生成按钮

带动画渐进效果与颜色渐变的圆弧进度控件设计

带动画渐进效果与颜色渐变的圆弧进度控件设计      今天帮朋友写了一个小巧的圆弧进度控件,控件十分简单,主要设计思路采用CAShapeLayer来创建控件圆弧形状,使用CAGradientLayer来进行颜色渐变的渲染,两者结合来创建出颜色渐变的圆弧进度条控件,关于进度动画采用CoreAnimation动画处理.控件进行了简洁的封装,提供了面向使用的接口,需要的朋友可以自取,Demo地址如下: http://pan.baidu.com/s/1gfqDbtp.       控件中主要提供了,改变

asp.net控件设计时支持(1)

一.ControlDesigner类 ControlDesigner作为web服务器控件的设计器的基类,你可以扩展此类. 总之你了解这个类以后你会发现原来你平时看到的控件能够在VS2005设计时中完美的呈现也是微软帮你做的.既然如此,作为一个完美的控件也应该配有设计时的支持,有时候可以让开发达到事半功倍的效果.这里先不介绍这个类其中具体的方法和属性了.我们接了会具体使用的. 二.获取设计时关联控件HTML (1) 定义控件 让我们来定义两个最简单的控件 public class DesginCo

wpf控件设计时支持(2)

这篇介绍在wpf设计时集合项属性添加项的定义和自定义控件右键菜单的方法 集合项属性设计时支持 1.为集合属性设计器识别具体项类型 wpf设计器允许定义集合项的类型,如新发布的WPF的DataGrid控件,其中的Columns包括一下几种类型,Columns集合属性是以下几个类型的抽象类集合.要在设计器识别以下类型,就必须用到wpf设计时的扩展功能 实现这个功能很简单,只需要给该集合属性附上NewItemTypesAttribute元数据就好了.如下代码 NewItemTypesAttribute

wpf控件设计时支持(1)

1.属性元数据 在vs IDE中,在asp.net,winfrom等开发环境下,右侧的PropertyGrid属性面板,会对属性进行分类,这有利于了解控件属性的用途. 若你之前在.net平台下做过控件开发,你应该知道这些功能是通过属性元数据实现的,比如使用Category元数据,把Content属性分到Content类别下. [Category("Content")] public object Content { get; set; } 这种方法在开发wpf自定义控件依然可用.我们以

wp8-VS2015中WP8.1和WIN10通用应用Xaml的设计窗口无法显示控件!

问题描述 VS2015中WP8.1和WIN10通用应用Xaml的设计窗口无法显示控件! 已经重装2次没用求支招啊111 解决方案 看看是不是没有安装win8.1 wp8.1工具

请教:如何用edit控件设计像windows记事本那样的窗口,就是说窗口边界是凹陷的,不像书上那种是平铺的!??

问题描述 请教:如何用edit控件设计像windows记事本那样的窗口,就是说窗口边界是凹陷的,不像书上那种是平铺的!??hwndEdit=CreateWindow(TEXT("edit"),NULL,WS_CHILD|WS_VISIBLE|WS_HSCROLL|WS_VSCROLL|WS_BORDER|ES_LEFT|ES_MULTILINE|ES_AUTOHSCROLL|ES_AUTOVSCROLL,0,0,0,0,hwnd,(HMENU)ID_EDIT,((LPCREATESTR

Android自定义星星评分控件

下面为控件的实现历程: 此控件高效,直接使用ondraw绘制,先亮照: 由于Android自身的星星评分控件样式可以改,但是他的大小不好调整的缺点,只能用small normal这样的style调整,自定义不强,因此击发了我自定义星星控件的欲望. 星星评分控件的设计,大体规划为: 需要两张图片,一颗亮星星,一颗空星星:(当然图片不一定是星星,其他图片也可以,现在实验就用星星就好了)星星数量,间距可以自定义,星星的最小步进为0.1,在用户使用的时候与Android自带的方法一样. 星星控件大体分为

Android评分控件RatingBar使用实例解析_Android

无论游戏,应用,网站,都少不了评分控件.在Android SDK 中提供了 RatingBar控件来实现相应的工作. <RatingBar/>标签有几个常用评分相关属性 android:numStars,指定评分五角星数. android:rating,指定当前分数 android:stepSize, 指定分数增量 <RatingBar/>还有3种 常用的style属性 默认style 就是ratingBarStyle style ratingBarStyleIndicator 不