首页

全中文AI创意工具WHEE,4字搞定画面

雪涛 行业趋势

今天给大家推荐一个中文的 AI 创意工具—— WHEE。我只输入了四个字,它就生成了我想要的画面。

如何成为一名优秀的设计师?

雪涛 设计管理与成长

在设计中,这样的问题大量存在,大多数设计师都仅仅是为了设计而设计,不考虑特殊场景的差异,也不考虑用户群体的核心诉求,光有华丽的用户界面与良好的交互体验,却并不都能解决核心问题! 

如何为用户提供正确的键盘输入类型?

博博 设计思维

Android和iOS系统都设计了针对特定表单字段的指定键盘输入类型。但大多数开发人员未能在他们的代码中指定正确的键盘输入类型。这会导致移动设备上的表单完成效率变慢。本文以Android平台为例。
一、输入类型并不总是“文本”
大多数开发人员错误地将每个表单字段的输入类型设置为“文本”。这存在问题,因为每个表单字段的输入并不总是纯文本。通常都有一些字段要求输入带有数字或字母和数字组合的信息。当用户尝试填写这些字段时,他们应该看到一个数字或字母和数字组合的键盘。
不幸的是,当每个字段的输入类型都设置为“文本”时,它会强制用户使用文本键盘来输入数字或字母和数字组合,输入时举步维艰,不是误点,就是需要频繁切换,输入体验十分糟糕。
因此,请务必为每个表单字段指定输入类型,以便系统能够显示相应的键盘。除了指定输入类型,我们还应指定相关行为,例如输入法是否提供拼写建议、是否将句子的首字母大写,以及是否使用“完成”或“下一项”等操作键替换“回车”。
输入类型、行为、操作键整理如下:
如何为用户提供正确的键盘输入类型?
例一. 邮箱地址字段
表单要求用户提供他们的邮箱地址是很常见的。当我们将输入类型设置为“邮箱地址”时,它会为用户提供一个针对邮箱地址输入的键盘。这个键盘不仅显示字母,还可以显示“@”和“.”,用户可以轻松地输入他们的邮箱地址。
如何为用户提供正确的键盘输入类型?
例二. 姓名字段
英文名是专有名词,英语中专有名词的第一个字母要大写。我们将输入类型设置为“人名”,并且设置单词首字母大写。用户无需对英文字母进行大小写切换。
如何为用户提供正确的键盘输入类型?
二、每个键盘对输入类型的反应可能不同
案例一:登录页面的密码输入
钉钉将密码框输入类型设置为“密码”。假定密码为 z0h0a0n0g。
  1. 百度输入法显示密码键盘,完成密码输入仅需点击 9 次。
  2. 搜狗输入法显示文本键盘,用户需在字母和数字之间切换,完成输入需点击 17 次。也支持长按第一行的字母输入数字。
  3. 微信输入法显示文本键盘,完成密码输入需点击 17 次。不支持长按字母输入数字。
如何为用户提供正确的键盘输入类型?
 
案例二:登录页面的手机号输入
钉钉设置电话号码键盘右下角为“下一项”按钮。
  1. 百度输入法的键盘右下角显示“回车”,用户完成手机号输入后需手动获取密码文本框焦点。
  2. 搜狗输入法的键盘右下角显示“下一项”,用户完成手机号输入点击下一项,密码文本框自动获取焦点。
  3. 微信输入法的键盘右下角显示“下一项”,用户完成手机号输入点击下一项,密码文本框自动获取焦点。
如何为用户提供正确的键盘输入类型?
三、Input Type 助力产品输入体验的提升
通过应用 Input Type 你可以正确的为每个文本字段设置特定的输入类型,以及看到每个输入类型(以及输入类型的组合)如何影响键盘。
我最初开发此应用是为了促进工作中跨部门高效协同,但我希望通过此应用能够赋能给更多的人,提升协同效率的同时更好的提升产品输入体验。你可以在这里免费下载:
https://www.pgyer.com/vT29
Input Type这个工具需要安装在安卓手机上,如果没有安卓手机可以电脑上安装一个网易MuMu安卓模拟器就可以用。
应用截图
 
作者:交互设计师张楚
来源:站酷

蓝蓝设计(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

关键词:UI咨询UI设计服务公司软件界面设计公司、界面设计公司、UI设计公司UI交互设计公司数据可视化设计公司用户体验公司高端网站设计公司

银行金融软件UI界面设计能源及监控软件UI界面设计气象行业UI界面设计轨道交通界面设计地理信息系统GIS UI界面设计航天军工软件UI界面设计医疗行业软件UI界面设计教育行业软件UI界面设计企业信息化UI界面设计、软件qt开发软件wpf开发软件vue开发

雪球金融社区平台表情图标升级全纪录

博博 设计思维

在社区平台语境里,表情无疑是很重要的组成部分。一套丰富且定位准确的表情可以帮助用户更清晰地表达自己的感受,增进沟通的准确性,同时增添社交互动的趣味性,拉进用户之间的距离。带有平台特性的表情更能彰显平台自身的独特性。
雪球作为金融社区平台,表情自然也是重要的元素。我们通过数据调研,发现雪球社区互动中表情的渗透率达到18%,表情的使用率比较高。而现有的表情年久失修,存在几个比较明显的问题,首先视觉风格陈旧辨识度低;再有,表情中原本存在一些股票梗的表现力较弱,画风不够有趣。第三,雪球诞生了新IP“呦呦”,非常适合在表情中应用来推广雪球品牌特性。
基于以上背景我们展开了对于表情翻新改版的项目。
 
XDC干货|雪球表情升级全纪录
 
 
现状&问题
通过对当前状况进行系统梳理,我们发现了一些存在的问题。
 
XDC干货|雪球表情升级全纪录
1.设计风格陈旧,不易识别表现力弱:
目前线上雪球表情风格老旧,视觉表达不符合当下设计潮流趋势;由于表情是白色在行文中表现力不足且不易被用户识别,因而趣味性表达的作用不够凸显。
XDC干货|雪球表情升级全纪录
2.缺乏股票基金场景的情绪表达
社区场景中有大量的股票基金的讨论和相关内容的情绪表达,而目前表情体系中缺乏此类表达或表达不够生动。
比如「关灯吃面」和「割肉」,在行文中一眼能识别到视觉主体是表情脸,而“吃面”和“割肉”的语义没有生动的体现出来;还比如「跳水」又太具象和写实,少了表情的趣味性。
XDC干货|雪球表情升级全纪录
3.没有将雪球的新IP融入表情
雪球诞生了新的IP“呦呦”,表情的体系非常适合融入IP向的内容,将IP表情化也更利于IP的推广和品牌的传播。
XDC干货|雪球表情升级全纪录
 
 
 
XDC干货|雪球表情升级全纪录
视觉风格探索
1.雪球用户特征
设计风格需要根据平台用户特征进行确定。开始设计之前,我们先看看雪球用户大概是什么样的。
XDC干货|雪球表情升级全纪录
雪球的主要用户为男性且集中在30-50岁左右,所以在视觉表现上尽量避免女性化或低龄化的风格。
2.视觉风格探索
风格确定
旧版的表情苍白,虽然细节很多但在行文中难以识别,本次改版重要任务之一是改版新的视觉风格。emoji是最被用户熟知的表情体系,我们决定新版向传统黄脸emoji表情靠拢。大方向定了,但还需要确定视觉感受符合雪球的emoji。最后在两种视觉风格中我们选择了视觉感受偏中性、风格扁平的这个方向,这个风格和雪球用户特征更契合。
XDC干货|雪球表情升级全纪录
提升辨识度
表情在交流中作为非文字的“语言”,其辨识度至关重要。表情在行文中的尺寸相对较小和单个文字差不多,那么如何保证在文字中依然能一眼读懂表情?
在对表情整体风格的把控下,需要通过对细节的打磨和反复实验,得出更有辨识度的设计方案。保持视觉扁平,尽量使用简洁的几何图形,加强颜色对比度,减少颜色数量,放大表情特征。通过以上手段有效的提升了表情的一致性和在行文中的辨识度。
XDC干货|雪球表情升级全纪录
 
 
 
XDC干货|雪球表情升级全纪录
发现股民讨论语境下的“梗”
本次表情升级除了对现有表情进行改造升级,还针对雪球社区特色进行挖掘。
1.挖掘“梗”
前面我们说到雪球用户是集中在30-50岁左右的男性,那么这类人群在社区中有怎样的表达特点呢?
通过观察我们发现,在面对股市的波动和不确定性,雪球用户更喜欢用幽默诙谐的论调来调侃市场以宣泄心中的无奈和负面情绪,同时在波动面前展现出一种坚韧和自嘲的心态。我们可以在这种“戏谑调侃”中挖掘可以视觉化的情绪和表情。以此作为本次表情升级的一个重要方向。
戏谑调侃的表情有哪些呢?我们挖掘了当下网络社交流行的表情包和热词。回想一下我们是否也经常使用类似“地铁老人看手机”“黑人问号脸”等网络热图来表达内心的复杂情绪呢。
XDC干货|雪球表情升级全纪录
在变幻莫测的股市中,面对现实的无力和不确定,祈福求平静成了股民表达情绪舒缓心情的一种方式,比如“敲木鱼”“祈求大涨”等仪式感的情境以表情的方式呈现,也能一定程度上引起用户的共鸣。
XDC干货|雪球表情升级全纪录
2.让表情“淋漓尽致”
  • 微表情尽显“内心戏”
一个表情里往往蕴含不只一种情感,短暂而难以察觉的面部变化最能传达个体真实的情感状态,一个眼神、嘴唇微动等细微变化,常常表达出个体内在的真实状态。
在设计“大哭”这个表情时,我们挖掘到大哭背后可能是某种“绝望”,那么观察下人们绝望时最大的面部特点是不是空洞的眼神和僵硬的脸?用这样的微表情和大哭结合在一起,感受大哭情绪的同时也传递了绝望的内心戏。
XDC干货|雪球表情升级全纪录
  • 赚了、亏了一目了然
股票社区中涨跌是永远的话题,市场的涨跌背后牵动着的是股民们真金白银的账户。“亏大了”和“暴富”这两个表情很生动的表达了用户盈亏的两种处境,但原有表情的视觉表达过于保守和隐晦。要让用户一眼看到就产生共鸣,红绿色是最直观的涨跌信号,我们把这种语义和表情结合,“亏大了”除了表情沮丧还得加点绿色烘托氛围,“暴富”的喜悦中再加上红包加持情绪。
 
XDC干货|雪球表情升级全纪录
  • 戏剧化表达
在某些极端情绪上我们还尝试打破旧表情的禁锢,用更加生动夸张的方式呈现。比如“绝望”,只靠面部表情似乎无法充分的表达,所以我们营造了简单的环境和肢体动作, 一个瘫在墙角双目无神的小黄脸,绝望的形象跃然纸上。
XDC干货|雪球表情升级全纪录
3.股票专属“梗”
雪球社区里有一些独特的表情,比如“关灯吃面”,它是雪球老用户传承的经典梗;还有诸如跳水、割肉、抄底、满仓等股票术语梗也颇受欢迎。升级优化这类表情的同时我们小开脑洞在原有基础上增加了“好基友”等新梗,让股民表达更丰富有趣。
XDC干货|雪球表情升级全纪录
 
XDC干货|雪球表情升级全纪录
IP表情化
去年雪球诞生了自己的IP“YOYO”,此次表情升级正好可以将IP表情化,在平台应用和传播。
YOYO所代表的品牌语义
1.福禄寿:因其原型是驯鹿,取福禄寿之意,代表财富;
2.温暖陪伴&服务感:驯鹿具备天生的陪伴和服务感,与雪球强调的品牌服务感相契合。
XDC干货|雪球表情升级全纪录
YOYO品牌语义表情化
根据YOYO的两种品牌语义,我们分别开脑洞。
哪些意向和财富相关呢?我们找到“锦鲤”“招财猫”“金元宝”,这些元素和表情相结合形成财富类表达;那么陪伴和服务感我们使用“抱抱”、“打call”这类温暖鼓励意向的肢体语言来和YOYO结合传达。
XDC干货|雪球表情升级全纪录
 
 
作者:雪球设计中心XDC
来源:站酷

蓝蓝设计(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

关键词:UI咨询UI设计服务公司软件界面设计公司、界面设计公司、UI设计公司UI交互设计公司数据可视化设计公司用户体验公司高端网站设计公司

银行金融软件UI界面设计能源及监控软件UI界面设计气象行业UI界面设计轨道交通界面设计地理信息系统GIS UI界面设计航天军工软件UI界面设计医疗行业软件UI界面设计教育行业软件UI界面设计企业信息化UI界面设计、软件qt开发软件wpf开发软件vue开发

 

UI设计:是不是决定用户体验成败的关键因素?

前端达人 B端界面设计文章及欣赏

在当今数字化时代,我们的生活日益与各种界面交织在一起,从智能手机到电脑、平板,再到各类应用程序和网站。这些界面的设计看似简单,却直接影响着用户的体验。关于用户体验,一个不可忽视的问题是:UI设计是否是决定用户体验成败的关键因素?

 

UI,即用户界面设计,是指通过视觉、交互等手段,将软件或产品的功能与用户需求有效结合的设计过程。在这个数字时代,我们的生活中随处可见各种设计精致的用户界面,但这是否意味着它们决定了用户体验的优劣呢?

 

首先,让我们深入了解用户体验的本质。用户体验不仅仅包括外观感受,更关乎用户在使用产品或服务时所感受到的全方位体验。这包括但不限于界面的美观,还包括交互的流畅性、功能的实用性以及整体的用户满意度。因此,我们需要细分这一体验,看看UI设计在其中的具体作用。

 

从外表上看,优秀的UI设计可以打破界面的单调,使用户感受到愉悦与舒适,但这只是体验的冰山一角。UI设计的真正力量在于它对用户操作流程的引导和改进。一个直观、简单但又具有深度的界面设计可以让用户更快速地掌握产品的使用方法,提高使用效率,从而直接影响到用户体验的好坏。

 

然而,我们也不能忽视其他因素对用户体验的影响。产品的功能性、性能表现、反馈速度等都是决定用户体验的重要组成部分。一个漂亮的界面不能弥补功能上的不足,反之亦然。因此,UI设计虽然在整个用户体验中起到重要作用,但不能孤立地被看待。

 

综上所述,UI设计是否是决定用户体验成败的关键因素,其实并没有一个简单的答案。UI设计在用户体验中是至关重要的一环,它可以为用户提供更愉悦的视觉感受,更便捷的操作方式,但真正出色的用户体验需要各个方面的协同作用。因此,在数字世界的掌中艺术中,我们需要综合考量UI设计、功能性、交互设计等多个因素,共同构建出让用户留连忘返的产品和服务。

 

蓝蓝设计(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务

关键词:UI咨询、UI设计服务公司、软件界面设计公司、界面设计公司、UI设计公司、UI交互设计公司、数据可视化设计公司、用户体验公司、高端网站设计公司银行金融软件UI界面设计、能源及监控软件UI界面设计、气象行业UI界面设计、轨道交通界面设计、地理信息系统GIS UI界面设计、航天军工软件UI界面设计、医疗行业软件UI界面设计、教育行业软件UI界面设计、企业信息化UI界面设计软件qt开发、软件wpf开发、软件vue开发

用户界面设计:如何打造引人入胜的用户体验?

前端达人 B端界面设计文章及欣赏

在当今数字化时代,用户界面(UI)设计已经成为吸引用户、提升产品价值的关键因素之一。一个成功的UI设计不仅仅是视觉的享受,更是用户体验的塑造者。本文将探讨如何打造引人入胜的用户体验,通过精心设计的用户界面使产品更具吸引力。
用户界面设计:如何打造引人入胜的用户体验?
 
 
1. 用户至上的设计哲学
首先,UI设计的核心理念是“用户至上”。设计师应该深入了解目标用户群体的需求、习惯和心理预期。通过用户调研、原型测试等手段,收集用户反馈,将这些信息纳入设计流程,确保最终产物符合用户的期望,提升用户体验。
用户界面设计:如何打造引人入胜的用户体验?
 
 
2. 直观而简洁的界面布局
直观的设计能够降低用户的认知负担,提高使用效率。简洁的界面布局使用户能够迅速找到他们需要的信息或功能。避免繁琐的元素和复杂的操作流程,使用户在第一眼就能够理解产品的核心功能。
用户界面设计:如何打造引人入胜的用户体验?
 
 
3. 色彩和图标的搭配
色彩和图标是UI设计中不可忽视的要素。合适的色彩搭配可以引导用户的注意力,传递产品的氛围和品牌形象。清晰明了的图标可以帮助用户更容易地理解各种功能,提高界面的可操作性。
用户界面设计:如何打造引人入胜的用户体验?
 
 
4. 响应式设计的重要性
随着移动设备的普及,响应式设计变得至关重要。设计师需要确保用户在不同屏幕尺寸和设备上都能够获得一致的用户体验。通过弹性网格布局、媒体查询等技术,实现在各种设备上的平滑展示。
用户界面设计:如何打造引人入胜的用户体验?
 
 
5. 动画与过渡效果的运用
动画和过渡效果不仅可以增添界面的活力,还能够帮助用户更好地理解页面之间的关系和交互效果。然而,过度使用动画可能适得其反,导致用户感到混乱。因此,在运用动画时需谨慎,保持合理度和流畅感。
用户界面设计:如何打造引人入胜的用户体验?
 
 
6. 无障碍性设计
为了让产品真正服务于所有人,无障碍性设计至关重要。合理设置字体大小、颜色对比度、键盘导航等功能,确保即便是有视觉、听觉或其他障碍的用户也能够顺利使用产品。
结语
通过以上的设计原则,我们可以更好地打造引人入胜的用户体验。在不断变化的数字化世界中,UI设计不仅仅是产品外表的修饰,更是用户与产品之间互动的桥梁。只有通过深入了解用户需求、精心设计界面,我们才能为用户创造出真正令人印象深刻的体验。
用户界面设计:如何打造引人入胜的用户体验?
 
 
蓝蓝设计(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务
关键词:UI咨询、UI设计服务公司、软件界面设计公司、界面设计公司、UI设计公司、UI交互设计公司、数据可视化设计公司、用户体验公司、高端网站设计公司银行金融软件UI界面设计、能源及监控软件UI界面设计、气象行业UI界面设计、轨道交通界面设计、地理信息系统GIS UI界面设计、航天军工软件UI界面设计、医疗行业软件UI界面设计、教育行业软件UI界面设计、企业信息化UI界面设计软件qt开发、软件wpf开发、软件vue开发

从单车上锁聊聊任务链路优化设计的思路与技巧

博博

 一般来说做交互链路优化的核心价值或是目标就那么几个;
一、更好用
即更加高效便捷好用的意思,这短短三个字就直接包含了大家常挂在嘴边的易用性、可用性啥的了,好的交互就应该是尽可能的为用户提供简单好用的交互,举个例子,近期在使用阿里云Flow的流水线,期间我也用过其他家的CI/CD服务,相比之下我觉得阿里云Flow的流水线编排反馈就做的更胜一筹,“更方便”加一分
  
二、更准确
意味着为用户提供正确的服务、流程、功能、组件、信息反馈乃至视觉效果,为的是提升产品的可理解与易用性,从而达到降低学习成本提升效用,减少跳失率或出错等负面情况
从单车上锁聊聊任务链路优化设计的思路与技巧
 
三、提升意愿
嗯!花费那么多心思让产品体验变得更方便更准确就是为了提升用户的使用或付费意愿,算是任务路径优化设计的底层价值吧。
从单车上锁聊聊任务链路优化设计的思路与技巧
 
 
阶段流程与焦点
整体我们可以划分为优化前、优化中、优化后三个阶段,对应到三个阶段中,对应的工作流程基本由问题定位、优化目标、方案构思、方案验证、持续改进构成,然后根据阶段与流程我会把相关的优化焦点与链路优化的关系交代清楚,算是清晰一下链路优化工作整体思路与每个阶段的工作事项。
从单车上锁聊聊任务链路优化设计的思路与技巧
 
 
优化前的焦点
以我们B端SaaS产品的优化设计为例,焦点可以简单的锁定在用户、产品、业务场景三大层面,我们会关注这三个因素中带来的反馈来找到和定位问题,最终解决掉用户痛点或是触成业务目标,具体点可以拆分出以下焦点事项;
目标用户
需要关心产品目标用户的特征,他们是收益的来源也是市场构成的部分,作为产品的经理或业务设计师,肯定是对预期的目标用户有所了解才对,特别是初期型产品;当积攒了一定用户量后,就会开始关注基于数据或定性研究得到的用户画像信息,并通过这些更准确的用户画像来了解目标市场和进行业务设计决策,而不只是对着市面上竞品抄作业罢了。
这过程中你至少要弄明白五个问题;
1、用户的需求是什么?
2、用户使用的场景跟行为大致如何?
3、我们的用户有何偏好或特征?
4、用户通常还会用到哪些竞品?
5、用户有哪些反馈值得注意?
 
服务体系
主要是产品本身的服务体系或业务逻辑相关,前面提到了用户画像或分层的一些概念,
实际上现在的互联网产品中,服务体系或是用户角色都不会很单一,用户角色、权益身份、服务场景等等都有差异,设计前的差异化背景或权重厘清就很重要,至少要清楚当前优化的服务线路是为那些人,他们有哪些差异、有哪些状态情景、有哪些交互要兼容或避错。
从单车上锁聊聊任务链路优化设计的思路与技巧
 
业务场景
我们关注产品、关注用户,同时也关注他们之间发生了什么样的化学反应,所以业务场景必定是本阶段中的一大焦点,通过业务场景可以洞察到更多用户实际遇到或潜在的痛点,以及线上线下等环境带来的微小差异性,至于如何实践了,我们可以通过观察不同类型的用户是如何使用产品,或是与用户对话分析来获取优化指引,哪里用户卡住了或是吐槽了那就表明有优化空间,这应该算是任务链路优化的基础焦点了吧。
实际业务场景中我们常关注的点
1、用户:用户本身有什么特征属性值得我们关注?
2、情景:用户出于什么背景原因或目标在什么时机进入该场景?
2、行为:用户进入场景后要做什么或做了些什么?是否做的顺畅?
3、结果:用户是否达成目标?未达成或达成受阻的原因是什么?
4、反馈:用户吐槽或建议了些什么,我们获取了哪些有效的改善讯息?
 
优化中的焦点
这个阶段中,我们的主要工作可以概括为分析问题、解决问题、验证问题,其中焦点可能会比较多,这里我挑了一些说一下;
需求分析
结合前面阶段中的场景化来还原问题是什么情景下怎么发生的,产生了什么样的负面影响,这很重要,我们需要知道用户的业务诉求是什么,造成出错原因是什么,产生了多大的影响,以及用户期望的是怎样,然后就是如何更好的满足用户诉求,同时保障企业的利益,这就是需求分析要做的事情;
交互媒介
主要是考虑复杂且涉及多方媒介的业务场景,要思考这些媒介或端怎么配合用户完成任务,以什么样的形式进行交互。就例如哈罗单车的,不仅是要经过手机的交互,还有单车的传感器与数据交互等,事实上一套完整的服务正是由这些媒介之间的不断交互,才使得哈罗的租赁服务可以如此灵活,所以在整个服务流程中让媒介之间更智能、自动、高效的完成衔接与交互,就成了必要的焦点了,如果说你认为这是多余或无效的部分,那么很有可能说明你所处在的产品服务构成还不算复杂,但这不能否定掉交互媒介的重要性。
这个过程中,你至少要清楚服务完成要经过哪些端、那些人、哪些条件、哪些信息构成。
从单车上锁聊聊任务链路优化设计的思路与技巧
 
 
信息构成
几乎进行任何服务都离不开特定的构成信息交互;举个最简单的例子,晚上你来到街边摊,想要一份烤冷面,那么你除了要掏钱以外,你还要跟老板确认口味、加料、价格这些信息,这些就是构成任务进程的信息,这些信息可以通过问答式确认,也可以提供招牌信息给食客确认
从单车上锁聊聊任务链路优化设计的思路与技巧
总之将这些信息更简练准确的进行交互或传达,就能实现任务链路的优化,事实上应用程序本身就是由各种各样的信息交织在一起所构成,所以“做任务链路优化不仅是减少操作步骤而已”。
 
业务模型
可以简单易懂的帮助我们理解和消化业务,以及更好协同,面对复杂的任务流程,可以更好的表达或梳理业务概念与全局结构,在做复杂的任务优化时,就不容易被局部问题牵着鼻子走,而忽略其他影响面,说的直白点,就是这个业务的整体过程你脑子里要有个概念,制作方法其实就是将各个业务或任务拆解成多个单元的形式,并将单元之间的包含或层级关系表达出来
从单车上锁聊聊任务链路优化设计的思路与技巧
 
 
研发能力
需要考虑技术实现的周期与成本,即开发是否可以实现,需要研发多久,要投入多少成本,我相信产品经理都会关心这个问题,其实就是投资回报率与可行性的问题,产品生产研发的本质是赚钱不是亏钱,不是吗?
例如说你看见了一个很酷炫的交互效果,也准备应用到自家的产品中,但实际开发的难度大不大,要投入多少时间精力,这个酷炫的交互又能带了多少产品收益?所以研发实现能力在方案设计的过程中还是要考虑的。
 
测试反馈
方案落地前,进行一定的内部测试或评审是很有必要的,介于还没有完成开发上线,可以在优化方案出来后通过Demo的方式找人进行测试反馈,一般自测走查只是第一环,有不确定的一定要拉上其他人一起研讨评审一番,如果要找人测试的话,其实只要设定好合适的任务与目标,还原出真实用户碰到问题的任务过程即可,接着就是观察测试者是如何使用Demo的,你的新方案是否奏效我想你知道怎么去衡量,就不赘述了。
 
优化后的焦点
优化后阶段我们主要关注是否优化了个寂寞,是不是又优化出了新问题,优化后还有哪些收尾工作,关联的需求池与迭代规划怎么安排。
数据采集准备
当一个方案被投入到生产环境中,我们却无法得知是否比旧的方案更好,这种情况是很糟糕的,故我们在新的方案推出的同时,一定要保障有办法收集到有效的用户反馈,这个过程我们可以是采用AB测试、数据埋点监测、灰度采样、用户使用性测试等,这都是我们实际工作中采用的有效手段。
效果对比
始于数据采集,采集后自然是与原始版本的效果进行比对,确认新的版本是有效可靠的,能被用户认可采纳的,同时也能发现新的问题反馈,这需要进一步的跟进与规划,这是个重点环节。
需求规划
原始问题是否圆满结束,是否有新的问题待解决,是否需要分批开发上线或验证,调整后其他部分是否需要配合改造,这一系列问题将迫使我们持续改进,并将流程再一次的接轨到优化前阶段。
 
AI告诉我的焦点˜
从单车上锁聊聊任务链路优化设计的思路与技巧
 
 

作者:泡泡_PAO
来源:站酷

 

 

蓝蓝设计(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

关键词:UI咨询UI设计服务公司软件界面设计公司、界面设计公司、UI设计公司UI交互设计公司数据可视化设计公司用户体验公司高端网站设计公司

银行金融软件UI界面设计能源及监控软件UI界面设计气象行业UI界面设计轨道交通界面设计地理信息系统GIS UI界面设计航天军工软件UI界面设计医疗行业软件UI界面设计教育行业软件UI界面设计企业信息化UI界面设计

软件qt开发软件wpf开发软件vue开发

 

向用户请求权限的正确方式

博博 设计思维

 

权限的目的是保护用户隐私,那么在何时以及用什么方式请求用户权限会是比较合适的?本文将详细介绍Android的运行时权限模型,并展示设计一个UX来请求你的应用程序所需的权限,希望对你有所启发。
从Android 6.0开始,没有在安装时请求所有权限,而是引入了运行时权限模型,开发者可以控制应用何时以及如何请求权限。这如同你想邀某人出去约会,过早、过频繁或以错误的方式对你来说并不好。
本文我将详细介绍Android的运行时权限模型,并向你展示如何设计一个UX来请求你的应用程序所需的权限。权限的目的是保护用户的隐私,但当你请求权限时,你是在要求用户放弃一点隐私,因此,你需要提供明确且平等的利益以换取访问。运行时权限允许你在用户更了解你请求权限的原因和授予权限的好处时选择合适的时间请求权限。Android实现它们的方式使得以正确的方式请求它们变得十分重要。
运行时权限模型有利于保护用户的隐私,当你的应用程序请求权限时,Android会显示一个对话框让用户接受或拒绝它,第一次请求权限时对话框不会显示“不再询问”复选框,只会在用户至少一次拒绝权限请求后显示它,你可以检查之前是否被拒绝过,并明智的决定在何时提供更多教育。
向用户请求权限的正确方式
从Android 11开始,如果用户在使用应用的过程中多次拒绝某项特定的权限,那么在你的应用再次请求该权限时,用户将不会看到系统权限对话框。该操作表示用户希望“不再询问”。
你无需过度防御,例如在实际请求权限之前你始终通过预许可(预授权)来衡量用户授予权限的可能性,本质上是请求两次,这种双重提示可能是不必要且烦人的,你可以通过在正确的时间以正确的方式询问来达到同样的效果。
Material Design分解了在两个维度上请求权限的不同方法。首先权限对你的应用程序的运行有多重要?其次,你请求它的原因有多清晰?根据这两个因素,建议你采用不同的方法来请求权限。
向用户请求权限的正确方式
预先请求权限(Ask up-front)
如果某项权限对应用程序运行至关重要,并且显而易见为什么需要请求它。例如日历应用,拒绝日历权限会使应用程序无法运行,并且用户显然知道日历应用的用途以及请求日历权限的原因,因此
不需要用任何不必要的解释来打扰用户,只需在用户首次启动应用时立即请求它即可。
向用户请求权限的正确方式
预先教育(Educate up-front)
如果某项权限对应用至关重要,但请求它的原因不是很清晰。例如信贷应用,为了准确评估用户的信贷资格、偿还能力和防范反欺诈,通讯录权限、通话记录权限、位置权限对于风控而言非常重要,建议请求权限之前对用户进行教育。
向用户请求权限的正确方式
使用场景中请求权限(Ask in context)
如果应用中的某项次要功能需要权限,但请求它的原因很清晰,建议你在使用场景中请求权限。例如笔记应用允许用户使用语音或音频创建笔记,那么很明显为什么此功能需要麦克风权限,无需过早的请求它,以免用户负担过重,最好等到用户尝试使用该功能时,因为用户更有可能允许符合其预期的权限请求。
向用户请求权限的正确方式
结合使用场景进行教育(Educate in context)
如果应用中的某项次要功能需要权限,并且请求他的原因不是很清晰,建议你结合使用场景进行教育。例如笔记应用允许用户与朋友协作,那么请求联系人权限可能是合理的,但它不是显而易见的,当用户调用该功能时,解释应用获得联系人权限后可为用户提供哪些好处,比如自动填充邮件地址,然后才请求联系人权限让用户授予它。
向用户请求权限的正确方式
处理权限请求遭拒情况
通过使用正确的方法,用户应该清楚应用请求权限的原因以及应用获得权限后可以为他们提供哪些好处。然而,这并不意味着用户一定会授予权限。如果用户拒绝了权限请求,建议采用以下做法:
  • 在应用界面中突出显示因为没有获得特定权限而受限的功能所在的具体部分,例如在原本用于显示该功能的结果或数据的位置显示一条消息,让用户知道因缺少权限而无法使用该功能,帮助用户在权限和功能之间建立心理联系。
  • 不要阻止界面显示,不要全屏警告消息,让用户根本无法继续使用应用。即使在权限请求拒后,应用也应尽可能提供最佳的用户体验。例如即使麦克风使用权限请求遭拒,仍应全面提高文本功能的易用性。
  • 用户可能已经选中了“不再询问“复选框,应用可能会在用户未看到权限请求对话框的情况下受到拒绝,此时应用应该提供一个链接,链接到设备设置中用户可以打开权限的具体位置。
尽量减少权限请求
在应用中声明权限之前,请先考虑是否需要这样做,或者是否有替代方法可以在应用中支持该功能。因为如果应用声明权限,那么每当用户使用需要运行时权限的功能时,应用便不得不中断用户的操作,请求相应权限。然后,用户必须做出决定。如果用户不能理解您的应用为何请求特定权限,可能就会拒绝授予该权限,甚至卸载应用。
下面介绍几个可以在不声明任何权限的情况下实现的用例:
拍摄照片/录制视频
Android为应用提供了相互通信的功能,让你可以将任务委托给其他应用。例如,如果你希望允许用拍照,但它不是应用的核心部分,可以考虑使用Intent请求相机应用拍摄照片并将其分享给你的应用,这样就不需要CAMERA权限。
自动输入动态短信验证码
双因素身份验证流程中,动态短信验证码作为第二校验因素时,使用SMS Retriever API(短信检索器)可以让应用自动执行用户身份验证,不需要用户手动输入验证码,不需要READ_SMS权限。  
 
作者:交互设计师张楚
来源:站酷
 

 

蓝蓝设计(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

关键词:UI咨询UI设计服务公司软件界面设计公司、界面设计公司、UI设计公司UI交互设计公司数据可视化设计公司用户体验公司高端网站设计公司

银行金融软件UI界面设计能源及监控软件UI界面设计气象行业UI界面设计轨道交通界面设计地理信息系统GIS UI界面设计航天军工软件UI界面设计医疗行业软件UI界面设计教育行业软件UI界面设计企业信息化UI界面设计

软件qt开发软件wpf开发软件vue开发

如何提高设计还原质量和验收效率?

博博 B端界面设计文章及欣赏

最近我们做了一次全新改版的项目。作为此次项目的设计师,从项目的前期分析、设计、交付开发、验收上线,整个流程,在项目走查验收阶段我们设计师投入了30人/天!占了设计师整体投入的50%!在我们觉得应该设计投入最少的阶段,却占了我们大量的工作 且最后还原度也远不达预期。
在这个项目中我遇到了哪些问题:
通用组件更改困难
验收过程反复、低效
技术设计没有达成共识,技术对交互体验层面和视觉层面的问题敏感度很低
还原问题反馈不及时,有些问题项目后期验收的时候才暴露
前期对还原度工作评估不准确,导致后期发现问题 来不及修改
还原问题不单单是设计师把设计稿做的多精准,标注的多仔细,这么简单就能解决的。是设计和开发,团队之间的合作共识问题。我把整个和开发对接工作分为前中后三个阶段,在这里从头来梳理一下,聊一聊设计师和开发如何高效对接,也是对自己的一次复盘总结。
如何提高设计还原质量和验收效率?
一、评审/排期
1.1、设计师对还原的要求宣讲
在评审环节,设计师本人一定要将自己的设计稿进行宣讲、帮助开发理解。注意给技术讲述一些适配要求、设计规范、交互状态及动效等,同时解答技术同学的一些疑问,这样就能将一些可预见的问题解决掉,解决后期的沟通成本。
有一些地方有多种实现方式,如果前期没有跟开发沟通清楚,就会导致最终实现的效果存在误差,比如:下方这个tab项,单给一张图,开发根本不知道设计师想要的实现方式是什么,固定间距还是固定菜单宽度,还是每项平分宽度,最后很大可能就会按照自己的理解去做了,导致出现重复返工的现象
如何提高设计还原质量和验收效率?
再比如一些点击热区,如果不手动标明,有可能就做的很小
下图是我们手动标注的热区
如何提高设计还原质量和验收效率?
1.2、实际开发者要参与评审
每个开发负责的具体页面模块不一样,别人对具体了解程度也不会不一致,所以在评审会议上,一定要具体开发者在场,如果对应开发没有发表意见,设计师可询问,确保他已经理解需求。
1.3、开发充分评估还原工作问题
设计师在讲解自己的要求后,开发也要及时反馈是否有还原困难,如:是否有技术限制?是否有组件改动困难(牵一发而动全身)?实现成本过高(投入产出的性价比不够)?等意见和原因,设计师也可抛出之前是否遇到过类似的阻碍,帮助开发去了解。
1.4、认真记会议纪要
评审过程的问题和重要讲解点,一定要记录下来,会议中开发提出的一些问题及解决方案、或者没有达成共识的地方,记录下来等领导决策,在会议结束后以邮件形式、或wiki文档发送前端们,抄送产品,确保会议内容的传达到位。后面也好跟踪。
还有一点就是,我们之前遇到的情况,在宣讲会上 讲解的一些要求,开发在做的时候可能就忘记了,让开发改他认为设计没有明确要求、会有点难推动,就会搞得双方都有抱怨。有会议记录也可避免此类情况发生
二、开发阶段
2.1、还原有问题及时反馈
在前面我们做了详尽的沟通和评审,但有时也避免不了在开发过程有些问题才发现暴露。这个就需要开发同学能重视还原问题,积极沟通反馈,和设计确认商议 是否有其它可替代方案,切勿自己发挥,等到后期验收的时候才说出问题可能会影响进度。
​2.2、开发完成后对齐设计稿自查
开发者在完成自己负责的模块界面时,可自己对齐设计稿自查一遍,参考【3.1验收标准】的表格,可帮助判断问题,在此阶段也可发给设计者确认效果。
三、验收阶段
如何提高设计还原质量和验收效率?
3.1、测试同学确保交互和视觉还原度至少在70%左右
这里可以提前在项目排期阶段,设计师将所需的验收工时同步给技术和测试,将验收时间考虑进去
为什么要求测试同学保证还原度至少在70%呢?
因为如果不要求测试走查还原度,设计验收的时候就会有大量的问题,最后变成设计在测试界面而不是验收。设计师不像测试对整个流程的测试配置那么熟悉方便,反复验收需要测试和设计不断配合,双方的工作量都会加大。
理想的状态应该是测试整个流程走通,视觉和交互还原问题也要着重测试,设计和产品在测试没什么大问题后再进行验收。
参考【验收标准】的表格,可帮助判断还原问题
如何提高设计还原质量和验收效率?
3.2、明确知道模块的开发者
最好是提前知道模块的开发者,这样验收的时候一对一进行模块的打版验收效率更高
3.3、设计走查问题标注优先级
技术对功能上的BUG,可以自己很好的判断哪些是严重的紧急的,但对于视觉和交互层面的感知就比较低。在提问题单的时候,我们可以帮他标注出优先级,告知开发哪些是比较严重的需要优先修改的,不然 开发自己很难判断,可能就会挑一些比较好改的先改了,重要的问题反而被搁置了。尤其在项目时间比较紧张的时候,有优先级标注 开发能够看出哪些是可以为项目进度做出妥协的,哪些是必须要修改的。
如何提高设计还原质量和验收效率?
3.4、BUG单
设计提BUG单的不能简单的说这里出错了,请参考设计标注重新调整。要直接给出正确的尺寸、增多少、减多少、这样可帮助技术提高更高效率,也能避免开发自己去看又出现误差、又要返工修改。
如何提高设计还原质量和验收效率?
3.5、遗留问题有记录
如何提高设计还原质量和验收效率?
四、结语
设计师在验收过程中容易遇到的一个比较头疼的问题就是,技术和产品小伙伴可能因为项目上线时间紧,觉得视觉还原和页面交互体验上的问题不重要不给予修改,优先保障功能上线。
除了这些原因,设计侧也在检讨总结,自己有哪些做的不足的地方,所以 以上文档也是对接下来工作的优化方案。设计还原度也是日常考核之一,需要大家重视,好的产品要严格把控精心打磨,希望这次的总结、相关流程和经验,在接下来工作中能够提升设计验收效率和还原度。

作者:考思考
来源:站酷

蓝蓝设计(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

关键词:UI咨询UI设计服务公司软件界面设计公司、界面设计公司、UI设计公司UI交互设计公司数据可视化设计公司用户体验公司高端网站设计公司

银行金融软件UI界面设计能源及监控软件UI界面设计气象行业UI界面设计轨道交通界面设计地理信息系统GIS UI界面设计航天军工软件UI界面设计医疗行业软件UI界面设计教育行业软件UI界面设计企业信息化UI界面设计、软件qt开发软件wpf开发软件vue开发

如何为用户提供正确的键盘输入类型?

博博 设计思维

Android和iOS系统都设计了针对特定表单字段的指定键盘输入类型。但大多数开发人员未能在他们的代码中指定正确的键盘输入类型。这会导致移动设备上的表单完成效率变慢。本文以Android平台为例。
一、输入类型并不总是“文本”
大多数开发人员错误地将每个表单字段的输入类型设置为“文本”。这存在问题,因为每个表单字段的输入并不总是纯文本。通常都有一些字段要求输入带有数字或字母和数字组合的信息。当用户尝试填写这些字段时,他们应该看到一个数字或字母和数字组合的键盘。
不幸的是,当每个字段的输入类型都设置为“文本”时,它会强制用户使用文本键盘来输入数字或字母和数字组合,输入时举步维艰,不是误点,就是需要频繁切换,输入体验十分糟糕。
因此,请务必为每个表单字段指定输入类型,以便系统能够显示相应的键盘。除了指定输入类型,我们还应指定相关行为,例如输入法是否提供拼写建议、是否将句子的首字母大写,以及是否使用“完成”或“下一项”等操作键替换“回车”。
输入类型、行为、操作键整理如下:
如何为用户提供正确的键盘输入类型?
例一. 邮箱地址字段
表单要求用户提供他们的邮箱地址是很常见的。当我们将输入类型设置为“邮箱地址”时,它会为用户提供一个针对邮箱地址输入的键盘。这个键盘不仅显示字母,还可以显示“@”和“.”,用户可以轻松地输入他们的邮箱地址。
如何为用户提供正确的键盘输入类型?
例二. 姓名字段
英文名是专有名词,英语中专有名词的第一个字母要大写。我们将输入类型设置为“人名”,并且设置单词首字母大写。用户无需对英文字母进行大小写切换。
如何为用户提供正确的键盘输入类型?
二、每个键盘对输入类型的反应可能不同
案例一:登录页面的密码输入
钉钉将密码框输入类型设置为“密码”。假定密码为 z0h0a0n0g。
  1. 百度输入法显示密码键盘,完成密码输入仅需点击 9 次。
  2. 搜狗输入法显示文本键盘,用户需在字母和数字之间切换,完成输入需点击 17 次。也支持长按第一行的字母输入数字。
  3. 微信输入法显示文本键盘,完成密码输入需点击 17 次。不支持长按字母输入数字。
如何为用户提供正确的键盘输入类型?
案例二:登录页面的手机号输入
钉钉设置电话号码键盘右下角为“下一项”按钮。
  1. 百度输入法的键盘右下角显示“回车”,用户完成手机号输入后需手动获取密码文本框焦点。
  2. 搜狗输入法的键盘右下角显示“下一项”,用户完成手机号输入点击下一项,密码文本框自动获取焦点。
  3. 微信输入法的键盘右下角显示“下一项”,用户完成手机号输入点击下一项,密码文本框自动获取焦点。
如何为用户提供正确的键盘输入类型?
三、Input Type 助力产品输入体验的提升
通过应用 Input Type 你可以正确的为每个文本字段设置特定的输入类型,以及看到每个输入类型(以及输入类型的组合)如何影响键盘。
Input Type这个工具需要安装在安卓手机上,如果没有安卓手机可以电脑上安装一个网易MuMu安卓模拟器就可以用。
应用截图
应用截图

作者:交互设计师张楚
来源:站酷

蓝蓝设计(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

关键词:UI咨询UI设计服务公司软件界面设计公司、界面设计公司、UI设计公司UI交互设计公司数据可视化设计公司用户体验公司高端网站设计公司

银行金融软件UI界面设计能源及监控软件UI界面设计气象行业UI界面设计轨道交通界面设计地理信息系统GIS UI界面设计航天军工软件UI界面设计医疗行业软件UI界面设计教育行业软件UI界面设计企业信息化UI界面设计

软件qt开发软件wpf开发软件vue开发

日历

链接

blogger

蓝蓝 http://www.lanlanwork.com

存档