【ShopeeTechTalk】前端如何提升用户体验?

Shopee Tech Talk 是由 Tech@Shopee 主办的系列技术分享活动,每期将邀请来自不同团队的 Shopee 技术专家分享前沿技术,以及面向海内外多元市场的技术实践。分享内容涵盖多个主流技术领域,面向全行业人士开放。欢迎来到我们的线上研讨会,与分享嘉宾近距离交流互动。


本期话题

用户体验设计,是秉承以用户为中心,以满足用户真正需求为目标而进行的设计理念。这一理念主张将用户体验从一开始就植入研发流程,并贯穿始终。良好的用户体验设计,是团队在产品开发中每一个环节共同努力的结果。

作为前端开发工程师,在提升用户体验的过程中发挥着什么作用?

本期我们邀请到了 Shopee 前端工程师 Coco,来与大家聊一聊从 Shopee 供应链团队内部仓库管理系统重构项目中提炼出来的前端用户体验提升的实践和感悟。

本次分享将从页面呈现、交互细节、可访问性三个方面展开。通过本次分享,你将能了解到:

  • 细节是如何影响用户体验的
  • 用户体验设计如何在项目中落地,其中涵盖了:
    • 无障碍功能及页面可访问性的概念
    • 提升页面可访问性的方法

嘉宾简介

Coco,前端工程师

  • Shopee 供应链仓储业务方向前端技术管理
  • 国服第一「切图仔」,深耕前端 CSS 及 Web 动画领域
  • 原创技术文章超百篇,浏览量过千万
  • 个人开源项目 2.7w+ stars,GitHub followers 中国区 Top 50

有奖征集

欢迎大家直接在「Shopee技术团队」公众号留言,就「前端用户体验提升」话题向 Coco 提问;也可在活动当天来直播间现场参与互动。Coco 将在分享结束后的 Q&A 环节与大家一起聊聊这些话题。

我们为提问被选中的观众准备了 Shopee 周边礼包盲盒各一份,获奖名单将于活动当天在直播间揭晓。


叮!来自直播小助手的提醒

 直播时间

2022年5月12日 19:00-20:00

🔗 直播地址

戳这里预约 Zoom 直播

📝 直播预约小贴士

Join Us Via Zoom

  • 无需 Zoom 账号,无需登录即可加入直播间,并能够发送提问,参与互动;
  • 可通过 Zoom 桌面端、移动端以及 PC 端浏览器加入直播间。

#2022春招##Shopee##前端#
全部评论

相关推荐

独角仙梦境:把和技术无关的的剔除的,然后把你觉得是亮点的部分加粗一下
点赞 评论 收藏
分享
刚做完笔试,编程题第二道过了50%,一直提示我数组越界,仔细瞅了瞅也没发现问题,哎,痛失10分,选择题那些还可以,好的话最终应该有80分左右,不知道这成绩有机会进面吗?有投过的大佬分享下吗哎,顺便说说我这一个多月的投递历程,5月10日结束了上段实习,于是开始投简历。1.亚信科技,面试挂2.致远互联,快拿offer给拒了,因为要自带电脑,现在有点后悔了3.锐明技术,没有面试上面都是base成都,因为我还是比较想在成都实习,但目前来看成都好像已经没有我能投的公司了4.直接投大厂,字节,腾讯,阿里,拼多多,美团,携程,滴滴等有结果的有字节,一面挂腾讯,只有云智发了笔试,但我做笔试的时候网络断掉了,当时在图书馆闭馆了,没做完,后来反馈了至今没有重新笔试,不了了之。前天腾讯中台面试,已挂。美团,只发过一次笔试,当时没好好准备,可能因为这个,后来再投就没有消息了拼多多,有笔试,笔试没通过携程,只做了测试,还没消息阿里收到了虎鲸文娱笔试,也搞砸了,哎最近的就是挚文陌陌笔试了,不知道结果咋样其他暂时没有,所以,至今0 offer,感觉这个时间应该没希望了,只能等秋招了,目前投了成都的一些几十人的小公司,没结果。人麻了,走一步看一步吧,颓废中...
牛客29046817...:笔试成绩不是关键,学历+简历才是关键。92考60都能进面,双非就算全通过了也不一定约面,就当练练手就行,不用太计较担忧
投递挚文集团等公司7个岗位
点赞 评论 收藏
分享
06-14 01:40
已编辑
南昌大学 前端工程师
没有自我介绍,直接从项目开始结合八股开始介绍一下项目1. 你对 React 底层有了解过吗我以为这是在问我有没有看过 React 源码,开始还有点想放弃回答的,后来我硬着头皮开始讲声明式编程,组件化之类的。。。突然觉得不管怎么样,我觉得都可以讲讲和这些东西沾点边的,起码让面试官了解你知道什么吧哈哈(仅个人观点)2. 讲讲 React 的生命周期3. 刚才你在讲生命周期时提到了 useEffect 依赖数组不为空的情况,如果我想进行数据请求这些操作应该怎么处理依赖数组呢4. 那么你还用过什么其他的 hooks 吗5. useCallback 和 useMemo 之间的区别6. 组件之间的通信我只讲了父组件向子组件之间的 props 传递和状态提升进行子组件之间同一变量状态的同步7. 那么如果我不想使用状态提升应该怎么办呢我说可以使用 forwardRef 和 useImperative hooks 来实现将子组件中特定 DOM 元素暴露给父组件还有一些状态管理工具 zustand,Redux8. 有使用过 Redux 吗9. 你的项目中有使用过 antd,讲讲你对它的一些看法这里有点尴尬了,我一直以为只能`npm install antd`将所有的组件的下载,但是面试官说我玩的不够溜实际也可以向 Shadcn UI 一样实现按需下载10. 你的 webpack 是怎么配置的,是使用了默认配置吗,还是使用了自己的配置呢11. 你是如何实现的自动化部署呢(这个问题我觉得还挺频繁的,基本只要看了我的简历的面试官都问了,得仔细总结一下这个问题)12. 你使用过 vite 和 webpack,这两者你觉得有什么区别呢我个人只从了开发环境下和一些其他小的方面的区别进行讲述,后来面试结束觉得可以再深入讲讲13. 你写到你会 flex 讲讲 flex 的一些常见属性14. 我有一个盒子,左侧元素在屏幕缩放时不变,右侧元素会按照缩放而变化15. Sass 的使用感受16. Sass 中样式的深度嵌套应该怎么写(应该是好奇发问,面试官应该没用过 Sass)17. 使用过的 git 的常见命令18. 合作开发中遇到冲突怎么解决19. git rebase 和 git merge 之间的区别20. 你为什么会觉得 git merge 会比 git rebase 更适合合作开发21. 你做过一些外包项目,这些项目是什么Hugo,PHP 然后面试官听到我写过 PHP 再那里笑了好久:“哈哈哈,PHP,世界上最好的语言”貌似没了,然后写了一道很简单的算法这几次面试下来,我觉得我自己在知识方面上有进步之外,我也渐渐体会到了如何去把握面试节奏,面试不应该是一场严肃的知识问答而是一场畅快的技术交流。要去引导面试官问你会的问题,可以在对一个问题的讲解时将另一个(你熟悉的)知识点进行相关联,这样的话大概率面试官会去你问你提到的另外一个知识点,来把握面试节奏。当然我还是一个小白,只是将自己的理解分享,也希望给大家带来帮助
查看44道真题和解析
点赞 评论 收藏
分享
评论
1
3
分享

创作者周榜

更多
牛客网
牛客网在线编程
牛客网题解
牛客企业服务