龙爪槐守望者

其他

案例分析|量化体验设计 32 个思路!

Carol炒炒在体验设计领域,也非常厉害,之前写过一本书叫《一个APP的诞生》,估计不少人都听说过,她曾是腾讯的高级设计师。她跟极客时间合作,写了个《体验设计案例课》专栏,总结了她
2022年10月27日
其他

体验碎周报第 108 期(2022.8.15)

博弈?如何定义手机与智能座舱的角色关系?链接:https://mp.weixin.qq.com/s/TXKC57InjRnFBbMS6A85tw现在新能源汽车越来越火,汽车屏幕也越做越大,俨然有
2022年8月15日
其他

体验碎周报第 103 期(2022.7.11)

系统的知识来源于对碎片的整理和思考,为了更好地输出系统知识,记录本周我发现的体验设计和思考,为构建系统知识做准备。体验亮点微信读书滑动精确定位页码对于页数特别多的书籍,仅靠手机窄屏宽度的滑块是没法精准定位某页的。因此微信读书里长按滑块可进行更精确的滑动定位页码。来自
2022年7月11日
其他

体验碎周报第 102 期(2022.7.4)

会员资格也会被影响。需要注意的是,苹果还在审核指南中指出,如果应用的功能与特定的社交网络不相干,开发者必须提供无需登录或其他类似机制的访问权限,而不能强制所有功能都需要登陆后使用。韩国开先例,苹果
2022年7月4日
其他

体验碎周报第 101 期(2022.6.27)

系统的知识来源于对碎片的整理和思考,为了更好地输出系统知识,记录本周我发现的体验设计和思考,为构建系统知识做准备。体验亮点淘宝「抄作业」功能很多购物者在某个购物节不知道该买什么,于是跟着其他朋友的购物车照着买,网友把这种行为戏称为“抄作业”。淘宝干脆在购物车里专门做了一个「抄作业」功能,用网红展示其购物车商品来带货促销。特斯拉
2022年6月27日
其他

体验碎周报第 100 期(2022.6.20)

团队和云计算前端团队历时四年开发和维护。提炼于复杂的云产品业务场景,提供设计风格、设计指南、⼯具、业务模板等,从产品到测试全流程的设计解决方案,为跨部门协作提供了丰富的资源。不仅支持
2022年6月20日
其他

网易官宣:招30人!免费加入网易设计人才培养计划!

网易等大厂优质内推渠道刚刚毕业的大学生或者在小公司工作的设计师们,如果想要进大厂获得稳定、高薪的设计工作,也可以扫码报名获得大厂内推渠道。PART02设计总监亲自教学HOT
2022年6月16日
其他

体验碎周报第 99 期(2022.6.13)

插件链接:https://www.figma.com/community/plugin/1103493732826231240/Anno-tation集合了流程线、页面标题、分区、标记、多层级文本的
2022年6月13日
其他

设计开源倡议书!

等等,在开源上,我们从来不是单纯的使用者,而是早已获得了全世界的尊重和认同,未来会在更多重要领域展现中国实力。我们要实现真正的全面发展!设计开源与代码开源相辅相成,从
2022年5月10日
其他

如何进行低成本产品创新?

大家应该都听过“人人都是产品经理”这句口号,有人说,它毁了一个职业。导致很多不适合的人也想做产品经理;导致有些老板让所有人都来抢产品经理的活儿;让招聘的筛选成本大大提升,等等。但我觉得,如果一个职业能被一句话毁掉,那这个职业本来也就不该存在。提出这句口号的人,叫苏杰。十来年过去了,他的这段话,今天看来依然不过时,我把它叫作人人都是产品经理的真谛。不是每个人都能以产品经理为业,但在我看来,产品经理是一类人,他做事的思路与方法可以解决很多实际的生活问题。只要你能够发现问题并描述清楚,转化为一个需求,进而转化为一个任务,争取到支持,发动起一批人,将这个任务完成,并持续不断以主人翁的心态去跟踪、维护这个产物,那么,你就是产品经理。至少,你已经是自己的产品经理,这才是“人人都是产品经理”的真谛。苏杰在阿里做过8年的产品经理,写过《人人都是产品经理》等四本书。离开阿里之后,他一直在做创业创新相关的服务,是良仓孵化器创始合伙人,服务过京东、字节跳动、华为、平安、上汽等数千家企业。其实近几年,互联网公司越来越多,新的产品层出不穷,问题也越来越复杂,如果你还是在用传统做产品的方法,往往会做出一个市场不要的东西。所以对产品经理以及设计师来说:持续的产品创新能力,才是未来真正核心竞争力。什么是“产品创新”?其实就是改善或创造产品,来进一步满足用户需求或开辟新的市场。时代瞬息万变,产品层出不穷,“夺得用户”早已是一款产品成功的必要条件。不过亦步亦趋、毫无创新的产品是无法满足用户、开辟新市场的。在实际工作中,你会发现有些“做产品”的职责,可以被技术人员、运营人员,甚至某些新岗位解决,这非常好,说明我们很可能找到了更合适的解决方案。这也侧面反映出虽然不是每个人都会以产品经理为业,但拥有产品思维,对每个人提升职场竞争力都大有益处。可能有些人听起来还是觉得很虚,这很正常,因为要把这两方面讲清楚,确实不是几句话能搞定的。不过关于产品创新,我特别推荐你们去听一下苏杰老师推出的那门产品创新课。但这里!这里!这里!我必须提到极客时间新上线的超级会员,能一次性解锁平台
2022年4月14日
其他

即时设计、MasterGo、Pixso 对比测试

,链接:https://www.figma.com/community/file/831698976089873405/Ant-Design-Open-Source位图(213.3MB,309
2022年3月22日
其他

从大厂公众号配图学作品集套路:滴滴篇

张。其实面试中的重头戏也在这部分,面试官会问你是怎么思考的,为什么这么设计,用了什么方法论才想出的设计方案。可分成
2022年3月2日
其他

人才缺口达30万!交互设计师拿下这个证书有多吃香?!

博士后科学基金一等资助获得者曾从事人工智能与类脑计算研究Java刘亚雄互联网企业架构师&政企高级架构师参与建设中关村大数据平台等Web杨涛15年资深前端vue3源码contributor
2022年3月1日
自由知乎 自由微博
其他

体验碎周报第 84 期(2022.2.28)

社交网络动态转换成图片链接:https://imgg.gg/粘贴社交网络动态的链接后可转换成漂亮的图片,避免截图造成的不美观和隐私泄露问题。支持推特、微博、即刻和知乎等国内外知名社交网络。射手影音
2022年2月28日
其他

【译文】Material Design 折叠屏设计指南(5):动效

从折叠姿态到展开的横屏姿态。避免在折叠或展开后停留在之前姿态的布局上。相反,随着设备的折叠和展开,进行不同姿态的无缝过渡。千万别这样!避免启动布局变换时出现延迟。姿态的连续性也可以在
2022年2月24日
其他

【译文】Material Design 折叠屏设计指南(4):多窗口交互

models)和交互模式的简单性,这样用户就不需要考虑哪种模式适合哪种任务。在可折叠设备中,包括那些带物理、有缝铰链的设备,设计和实现窗口交互应该一致用户通常使用多个窗口来并排显示和使用
2022年2月23日
其他

【译文】Material Design 折叠屏设计指南(3):组件

可以在到达次级页面后隐藏侧边导航栏,只要你能显示返回到主页面的按钮。次级页面在打开时可能会隐藏导航栏,所以显示返回按钮有助于返回主页面。次级导航顶部应用栏(Top
2022年2月17日
其他

【译文】Material Design 折叠屏设计指南(2):布局

prop(主角/主要道具),指制作最精美,适合特写镜头,用于凸显最重点的部分。布局用例主角式布局使用屏幕顶部为图片、适配或轮播图等元素提供更多的空间。这种布局可以用于内容的详情视图,比如文章或者
2022年2月16日
其他

【译文】Material Design 折叠屏设计指南(1):概述

FABs(浮动动作按钮)等元素放在离屏幕下方太近的地方。这使得它们难以触及,因为较大的设备会限制拇指能够伸向的距离,特别是在单手使用设备时。千万别这样!避免将
2022年2月9日
其他

这个小横条控件叫:Grabber/抓握指示器

上下都有小横条,顶上指示可以下拉通知中心,底下则指示上拉出现控制中心。只不过小横条拖动之后会变成箭头,指示关闭的拖动方向,也许苹果觉得箭头太占空间,所以在后面的版本中简化成一直是小横条。
2021年12月29日
其他

医生资料查询工具的设计原则

上篇文章给各位读者科普患者在线问诊的设计要点,这篇给大家聊聊医生在使用工具时的诉求。医学教材和资料非常多又厚实,治疗方法与时俱进资料越来越多,医生根本不可能完全记住这些资料。这些医学教材只是冰山一角学这么多资料确实很费脑费头发刚好手机存储空间大又易于携带,是个很好的随身资料查询工具。我恰好参与过一款医生资料查询工具的设计,多次和医生进行访谈,有一些有趣的心得和大家分享。操作要高效除了游戏通过设置障碍故意降低效率让用户获得挑战的乐趣和成就感,其他产品都认为操作效率高是必须做到的。但到底什么才是真正的高效,每个行业的哈姆雷特的观点又不一样。固定分类在新冠疫情期间,我们设计资料推荐模块,把疫情有关的医学资料都放在一个分区下。但医生很不买账,对他们而言“推荐”无法达成客观一致的定义。如果不点开查看根本不知道里面有什么,如果推荐内容多,还得一个个来看。对于医生而言,按科室、字母排序反倒是效率更高,因为这些分类都是客观固定的,无论哪个资料都能以这种分类来查找,绝对不会出错,效率反而更高。熟悉直观移动端增加手势操作是一种提高效率的方法,例如相册滑动快速多选,既不会增加界面复杂度又能大幅度提高效率。但是医生工作很繁忙,他们根本不会花精力去学习这种高级技巧,只会用最常规的操作方式来用手机
2021年12月15日
其他

在线问诊产品设计的 7 个关键问题

去过线下医院的朋友常常觉得排队几十分钟,医生几分钟就打发走了。的确,医生很忙,很难抽时间对每个患者都很详细的关怀。有些医生也没有服务患者的意识。很多患者之所以选择在线问诊也是因为线上医生回答更详细。
2021年11月3日
其他

体验碎周报第 52 期(2021.7.5)

系统的知识来源于对碎片的整理和思考,为了更好地输出系统知识,记录本周我发现的体验设计和思考,为构建系统知识做准备。体验亮点飞猪问路卡去外地旅行找不到目的地是很痛苦的,如果问路可能和本地人方言不通讲不清楚,飞猪「问路卡」功能,将目的地名称和地址全屏放大显示,拿着这个给本地人看,问路沟通更方便。智行火车票抢票挽留智行火车票取消抢票时,给出下次放票时间,并建议你选择到下次放票时间没抢到再自动取消。对用户来说选择建议选项也没有什么损失,真是很难拒绝这个更好的建议。体验槽点饿了么红包任务指示器样式易误解饿了么红包任务的进度指示器,设计得特别像页面指示器,总是让我误以为是轮播图,忍不住左右滑动,实际上是无法滑动操作的。推荐阅读动效落地专题:你的人格主导色链接:https://zhuanlan.zhihu.com/p/383084812还记得前段时间网易云音乐刷屏的《你的人格主导色》活动吗?本文是活动背后的动效设计师事后的解析,为了制作动效
2021年7月5日
其他

设计师口袋心理学 1:社会认同(Social Proof)

注意到顾客一旦觉得购物袋过沉就放弃购物,因而发明了购物手推车后,先是将其放在店铺的显著位置并用标识牌提示人们注意,但很少有人使用。后来,Sylvan
2021年6月2日
其他

【译文】iOS 人机界面指南-访问用户数据

人们对索要个人信息产生怀疑是很正常的,尤其是在没有明显需要的情况下。仅当人们实际使用需要其数据的功能时才请求许可。例如,您可能只在用户想知道如何到达您的商店地址时,才要求访问设备的位置信息。
2021年5月12日
其他

微信产品设计 80 个为什么(5):朋友圈、视频动态和状态

个字需要经过思考和编辑,前面我们说过,人是很懒的,不爱学习也不爱思考,所以让他写一句话来归纳形容他的所见所闻,是很困难的。但是如果我们通过照片或者视频的记录来表达,就容易很多,也很有成就感。问:
2021年3月29日
其他

微信产品设计 80 个为什么(3):聊天

白底黑字比绿底黑字更清楚,所以微信里白底黑字展示给了好友发的信息,而自己发的话自己本来就清楚,所以自己发的文字底色是绿底黑字。这也是基于微信的产品理念:接收方体验大于发送方。问:
2021年3月25日
其他

微信产品设计 80 个为什么(1):诞生和发展

邮箱的移动版。于是邮箱团队就着手从「手中邮」转向微信的开发,这就有了微信的第一版。微信这个名字很有意思,微型的邮件,这个名字非常确切。由于微信是邮箱团队开发的,为了快速实现,尽可能复用了原先
2021年3月23日
其他

Axure RP 10 Beta 测试版下载和体验

KEY:5vYpJgQZ431X/G5kp6jpOO8Vi3TySCBnAslTcNcKkszfPH7jaM4eKM8CrALBcEC1
2021年1月29日
其他

banner点击不好,凭什么要UI设计师背锅??

前几天,我跟一位UI设计师聊天的时候,他说了这样一段话:这位同学的意思也就是说:UI设计师在实际工作过程中,涉及到运营类页面需求时,还要基于用户的点击,来做出相应的视觉效果。比如说APP的Banner、开屏页、活动H5页面等,如果上线之后数据点击不好,领导或许就要让你再次修改或者重做一版了。▲本图非广告,仅为案例演示—1—UI设计会什么会跟点击量挂钩?其实,UI设计发展到现在,大家也可以明显看出,在工作职能划分上大概可以将UI设计师分为两个方向:产品型UI和运营型UI。产品型UI设计师可能主要负责APP和WEB等产品端本身的UI设计,如框线、图标、交互、动效、规范制定、跟前端后端对接落地等;而运营型UI可能主要负责产品上线后的内容更换,如BANNER、启动页、闪屏、H5活动推广页、甚至广告海报等的UI设计等。但是现在市场上,一般公司的产品迭代不是那么快,所以产品型UI和运营型UI的职能划分并不是那么清晰,一般是一个UI设计师两个方向的设计都要做。或者换句话说,UI设计师相比前几年来说,在原来技能基础上增加了会“运营设计”的要求,所以UI设计在工作中也要考虑页面的点击、转化等;▲UI设计师近年来大概的能力要求变化所以大部分以运营为主导的互联网公司,UI设计更多的还是做偏运营方向的设计,要根据产品的受众群体的喜好和接受程度,考虑页面的曝光率、点击率、转化率、留存率等。▲本图非广告,仅为案例演示这点从现在市场上很多UI设计招聘中也可以看出,一般会加上“擅长运营视觉设计”的要求:▲截图来自BOSS直聘,1月13日上海招聘数据—2—UI设计中如何提升页面点击率?提升页面如banner、H5、活动页的点击率,除了文案比较重要,在设计上,就需要靠出彩的视觉来表现了,比如说在设计中运用插画、3D、原创字体等,代替以往大众比较习惯的平面类设计效果。做这些视觉效果其实并不难,我们可以带你从0开始一步步学习色彩、文字、排版等不同视觉元素,并教你如何根据不同的设计需求去做运用这些元素和视觉。插画类视觉效果:3D类视觉效果:如果你在UI设计工作中也面临着要做banner、头图、活动页面等,并且为提升这些页面的点击率而头疼的话,推荐你来跟着为华为、联想、奥迪等500强企业服务过的乐章老师一起学习《UI运营设计入门训练营》。乐章老师为华为、联想、奥迪、大众等500强企业服务过,也是AdobeACA世界大赛中国区院校专家评委,他写的设计教程曾被各大网站转载,也获得过华为EMUI全球手机主题设计大赛的最具大师风范奖。有资深的讲师教学,7天你可以学什么?_时间内容No.11.21界面组件化设计与规范No.21.22轻拟物新风格界面设计No.31.23UI运营头图设计No.41.24UI运营banner设计No.51.25UI运营插画设计No.61.263D风格插画设计No.71.273D风格活动页设计▲基于工作场景的课程内容并且!为大家争取到了超优惠的价格虎课网官网非活动价49.9元我们公众号活动价仅需9.9元一杯奶茶的价格不仅可以学习可能对工作有帮助的内容还有班主任和助教老师帮你学按要求全勤打卡返还能返还所有学费扫描二维码立即报名↓↓↓担心7天学习没效果?课程的初衷是带UI设计师们学习如何将不同风格的视觉形式运用到运营设计中,所以会从工作场景出发,尽量帮助大家提升设计页面的点击率。1、买训练营送直播课,巩固学习效果购买训练营课程可以免费赠送给大家老师的公开直播课,帮助大家更多地了解UI运营设计,学习巩固所学知识。训练营开班前会拉你进班级群,进群之后可以找班主任领取免费直播课的课程链接哦~2、免费赠送老师为大家准备的素材资源包老师还为大家准备了“微信小程序组件”、“IOS相关设计资源”、“Ant
2021年1月18日
其他

体验碎周报第 28 期(2021.1.11)

体验好,是因为它能在我们想用某个功能的时候主动蹦出来。这篇文章对这种体验进行了拆解分析,提供了一个思考框架帮助我们预判用户的行为,设计更好的用户体验。
2021年1月11日
其他

体验碎周报第 27 期(2021.1.4)

系统的知识来源于对碎片的整理和思考,为了更好地输出系统知识,记录本周我发现的体验设计和思考,为构建系统知识做准备。体验亮点拼多多待支付订单可修改地址因为默认地址是宿舍,有时候手快往公司寄东西忘了改地址不得不取消订单重新来。拼多多在取消支付回到订单页时,可以直接改地址再支付,不用取消订单,很方便。即刻圣诞打雪仗活动即刻的圣诞活动,发动态带上指定的话题就可以获得头像上的挂件,拖动对方的头像能对其扔雪球,有一定概率打掉挂件,挺好玩的。视频号撑满一屏幕这些做视频号的真是花心思,本来原视频比例不高不到半屏,特地改视频比例,在上下加标题、关注引导、品牌等信息撑满一屏,抢占用户的注意力。小米有品同时展示商品信息和评价入口小米有品用户在看商品详情时右下角展示用户满意度(评价入口)挺好的,用户同时参考商家的商品信息(客观信息)和其他买家评价(主观信息),利于做出购买决策。体验槽点严选的满赠展示网易严选这个满赠活动太容易引起误解了,正文写着赠送“足浴盆(赠送保温盖板”),小字才是真正送的
2021年1月4日
其他

头像在界面设计中的运用

在大幅度使用头像。比如明明文字就能表达的地方,偏偏要塞下几个小头像。这个现象我琢磨好久,直到我最近在自己参与的项目中也尝试着加入头像,发现数据非常好看,因此和大家分享一下这个成果。
2020年12月23日
其他

体验碎周报第 8 期

老版本的文章编辑页面多媒体功能占用一定的横向空间,文本编辑菜单缩在中间,内容区域小显得很憋屈,给文字编辑和预览带来不便。新版将多媒体功能和文字编辑菜单移到顶部,文本编辑预览区域更宽敞。界面布局更接近
2020年2月1日
其他

页面之间的承接

方案上线后数据表现比以前好,这让我反思页面元素也不是越简单越好,有时候需要重复显示上一个页面的相同元素,唤起用户在上一个页面内容的记忆,使两个页面有连续感,便于用户执行后续的操作。
2019年11月21日
其他

这个控件叫:Switch/开关/滑动开关/切换开关

鉴于国内交互设计名词混乱不统一,很多设计师不知道如何用专业术语称呼一个控件,因此我开了《这个控件叫什么》专题,梳理控件的名称和使用事项,希望能为推动交互设计发展,做出一点微小的贡献。Switch(开关/滑动开关/切换开关)有两个互斥的选项(例如开/关、是/否、启动/禁用),它是用来打开或关闭选项的控件。选择其中一个选项会导致立即执行操作。如何使用准确的Lable(标签)由于Switch控件本身就能表现当前的开/关状态,因此相关文案只需表示所控制内容,千万不要在Lable中加入一些逻辑词语。典型的反面教材就是Android
2017年4月10日