多托盘小程序设计的轻型设计师网易

分类:新闻中心     作者:admin  >
查看:200 次


搜索——搜索你想看的商品或品牌
 
评估文章——评估当前热门商品
 
查看/添加列表——查看已列出的商品列表或新清单
 
 
商品评价清单——对当前热货的回顾
 
小程序本身的特点决定了其设计的特殊性:
 
因为没有必要安装,内存空间被忽略;但是扫描二维码以方便加载,所以尝试控制本地数据,简化接口控制,减法设计。否则,加载失败很可能是一个空白页,因此我们也做一个预加载接口,以防止加载失败的尴尬。
 
光的视觉
 
视觉的亮度是第一个,用户直观的感知将会影响用户的第一次体验。
 
1.1削弱辅助功能
 
在产品迭代过程中,一些功能将逐渐被边缘化,在视觉处理过程中应该清晰地表达出来。
 
因为它是一种新产品,数据量比较小,能找到更有限的东西,所以搜索功能逐渐弱化,特别是当页面出现和整合内容时,搜索更多的弱化显示。因此,搜索逐渐从原来的搜索框转移到右上角的图标。有搜索需求可以找到,但通常的浏览不会打扰。
 
1.2消除冗余和减少线路
 
事实上,这是一个平面视觉处理,去除边界和明显的分割,更多的是让内容本身显示和分割。
 
旧卡列表,新行列表
 
看一看列表的旧版本:原来的设计是为了刷新对周转率的动态影响,但由于动画applet的限制,如果没有动画,所以这种卡片投影形式可以被更简单的形状完全取代;
新版本的random look list:从原来的3个圆形卡片到一整块单独的列表,这将减少分离感的粗线,使内容更加全面、精致、轻便
 
明星的改变和长期的评论
 
因此,接口首先从用户中删除已知的商品信息;长注释输入区域消除了外部线的约束,并将文本和图片与它自己的文本块和空间分隔开;
 
在目前的商品上,这颗星处于整体评级的顶端,因此其他的评价与下面的颜色,以及从最初的线框到一个轻块的形状的星星,整个页面的整体感觉都强调了主要和次要的。
 
1.3视觉统一操作方便
 
个人而言,界面的高视觉效果会使页面清晰协调,用户在认知成本的过程中较低,易于使用。
 
从搜索到添加,以及细节页面的顶部滑动位置,界面高度统一
除了婴儿列表操作,创建一个列表,因为搜索,添加婴儿页面结构基本相同,而且在操作过程中是连续的;在标题中,标题是相同的列表细节。因此,视觉上保持标题风格高度统一,创建列表控件和搜索框在高度上保持统一,对用户在稍微复杂的搜索添加过程中有更好的体验。
 
光交互
 
2.1优化标签编辑逻辑
 
书写标签是区分灰色评价与其他评价软件的一个标志,因此在早期编写标签是一个非常重要和重要的功能。
 
 
 
声明: 本文版权归www.shdaao.com所有,转载请申请注明。