2021年度创业公司的15个最佳Web App创意

编辑导语：2021年，迎合大多数人需求的、符合实际的创意就能够真正地占有市场。创意无疑是一把钥匙，打开了消费者的心门。本文总结了15个具有潜力的科技创业想法，囊括了许多领域，希望能够给你带来一些灵感和帮助，一起来看看吧。

几乎每一年，世界各地的科技创业公司都在试图以其各自令人惊叹的、有时甚至是疯狂的创意来登上行业技术的顶峰。当前，最热门的话题是什么呢？对于技术市场来说，还有什么是更奇异的呢？在这里，已为您收集了15个具有Uber一样潜力的科技创业想法。

一、最令人兴奋的创业想法

谈到科技创业公司的最佳创意，最好先从已经流行的话题开始：尽管市场库存过剩，但是，如果真的能够拿得出好的产品，那就等于有了成功的保证。

来看看以下这些2021年的创业App是如何盈利的：

（1）医疗保健App

毋庸置疑，医疗保健是人们现在最感兴趣的话题，目前来说，能够创造出一款能够促进医患沟通并将患者的医疗信息聚合到一起的应用程序，其需求量势必很大;

（2）按需服务App

如果能在同一个App上提供不同的家居生活服务，如清洁服务、管道服务、蛋糕订购、美容服务等，将会非常方便。多家公司已经开始提供这些服务，但还没有创建最终的应用程序产品;

（3）小企业客户关系管理App

像Hubspot、Salesforce以及其它一些企业，其客户关系管理传统地以大中型企业为目标，尽管存在需求，但仍抛弃了对小众创业公司和小企业的客户关系管理。

（4）员工培训App

疫情危机过后，来自很多行业的公司都暴露出存在高层专业人才的短缺问题，需要对新员工进行快速培训。这两个问题都可以同时通过专门的培训App来解决;

（5）理财App

尽管市场上已经有了现成可用的理财App，但人们仍然在寻找一款能够满足他们全部需求的理财App，比如具有正确的购买分类、费用控制和实时跟踪等功能;

（6）旅游计划App

COVID-19爆发之后，规划旅行变成了一个具有危险性的任务,旅客是很有可能在旅行前或旅行期间生病的，但旅行社根本没有退钱的保证。因此创建一个特殊的，将有关国家、酒店、餐馆和门票等多方面的信息汇集在一起的Web App，将会非常受欢迎;

（7）AR购物App

宜家(IKEA)和丝芙兰(Sephora)等公司已经尝试使用增强现实(augmented reality，简称AR)技术来销售自己的产品，就在当前，在人们为了安全更愿意在网上购物的时代，它显得比以往任何时候都更有意义。

二、2021年的蓝色策略

所列出的最佳Web App创意并不局限于热门话题。因为你总是存在着可能，去创建一个独特的、一个以前没有人做过的创业公司，然后把它做成像Uber那样的巨头公司。

来看看以下这些2021年依然新鲜的创业想法:

（1）ML-based占星术

世界各地有很多人每天都在关注占星术，所以创建一种算法，从每天的占星术中推断数据并预测其模式，一定会给你带来财富;

（2）表情包开发App

这个想法听起来很疯狂，但网络表情包每年都很盛行，所以创建一个用户可以轻松找到、存储、创建和交换表情包的App是一个非常精熟的想法;

（3）YouTube radio/ChildTube

在过去的10年里，YouTube非常受欢迎，极大地影响了我们的生活，所以，人们对它所缺少的radio（音频类产品）或child App（针对儿童群体的产品）的需求在不断增长;

（4）汽车服务App

使用它可以搜集到最近的汽车服务站的信息，还可以直接在线上注册所需服务的选项，无论是加油、修理还是换胎;

（5）家庭Web App

该产品可以帮助家庭成员完成日常工作任务，组织家庭成员的休闲时间和兴趣爱好;

（6）室内设计App

在AR技术的帮助下，人们可以省去设计师的服务，由自己创造出最适合自己的平面设计;

（7）信息聚合App

对于大多数人来说，每小时查看不同的信息已经成为一项艰巨的任务，而一个单一的信息聚合平台会让他们去冗就简而更加快乐;

（8）帮助提醒App

该App可以帮助那些处于危险之中的人，他们只需按下一个按钮，就可以向三个指定的电话号码发送SOS信号。

三、Web应用程序类型

在你提出一个绝妙的技术创业想法后，这个时候就应该决定你的Web应用程序的类型了。来，让我们看看不同类型的Web应用程序。不同类型的Web应用程序有不同的优缺点 ，对选择一个更适合自己需求的类型将将更有效地帮助你实现创业想法:

（1）静态App

它们没有灵活性，因为用户看到的页面就像它存储在服务器上一样，做出的任何更改也都只有在页面完全加载之后才会看得到。然而，这样的Web App仍然可以整合视频和动画对象，同时还有很多好处：如托管简单、开发成本低、索引简单以及在低互联网连接下快速传输等。这些优点与创建专业简历、市场营销登陆页面和推广网站完美匹配。

（2）动态App

与静态Apps相比，其结构更加复杂，因为它们需要一个数据库来存储数据，并且，要根据用户的需要实时获取数据。这多亏有CMS、jQuery、Node.js、Python等现代技术栈的使用。动态应用可以划分为以下几种类型:

① 单页App

它们在浏览器而不是在服务器上执行逻辑，这就是它们如此快速的原因所在，容易调试且用户使用简便；最恰当的例子是Gmail、Netflix和Pinterest;

② 多页面App

其逻辑存储在后端，当用户每次执行一个新操作时，在浏览器中就会显示服务器上的一个新页面，就像在Amazon和eBay上的一样;

③ 门户Web App

在主页上可以访问文档、聊天、好友列表、群组等不同的部分。对于希望根据用户需求创建定制体验的企业来说，这是最好的选择，和在学生和教育门户网站、患者医疗档案上的功能相似;

④ 动画Animated Web App

通过各种动画效果以及FLASH、HTML5、CSS3等技术将其内容表现出来，但是，其巨大的缺点是无法进行SEO优化，搜索引擎无法从其获取数据，这也是在当前其使用受限的原因；

⑤ 富互联网App

具有桌面App的功能，但在客户端插件(如FLASH和Silverlight)的帮助下可以在浏览器中工作。这类App非常吸引人，且有很棒的用户体验，其最典型的例子是Adobe Flash和Google Docs；

⑥ JavaScript驱动的Web App

使用和Angular.js、React.js、Vue.js、Node.js等一样的框架，这样的框架可以定制，可根据用户需求调整应用，就像在LinkedIn和Uber中运用的一样;

⑦ 渐进式Progressive Web App

这些App可根据用户需求进行调整，用户可以通过移动浏览器访问其完整的功能，即使在网速很慢的情况下，它们的性能依然很高，如Spotify和OLX;

⑧ 电子商务Web App

是复杂的Web App，可根据用户需求进行调整，功能的开发涉及处理在线交易、建立产品和客户的数据库，并实时更新。这类应用的实例有Lancôme和Flipkart。

由此看来，对于法律顾问来说，简洁的登录页面可能是一个不错的选择，门户 Web App更适合一家医疗服务公司，而电子商务App则是一家商业巨头的最佳选择。

四、如何做出技术选择

这应该从定义自己的目标用户以及未来用户的需求开始。最好去规划一个全面的研究方案，甚至要分析自己的受众在社交媒体上的行为。 这对提高自己品牌的市场价值将有所帮助，使品牌更受欢迎。然后，应该按照以下步骤来进行:

（1）做一个需求分析

自己是如何看待自己的最终产品的？它应该具备哪些特征？它是否为免费，自己将如何利用它来赚钱？在开始实现之前要好好想想这些；

（2）选择好自己开发的方法、框架和设计

确定好自己想要的Web App 类型，以及它的实现和设计平台；为项目设定时间表；

（3）找到合适的技术合作伙伴

确定是否有足够的资源能够来保证完成自己的项目，不然的话就找一个可靠的合作伙伴。要与合作伙伴一起协商自己选择的应用类型。

现在就可以创建自己的应用程序了。要实现一个好的创业想法有无数种方法，但也只有少数能在2021年名列前茅，因此，希望这篇文章能够帮助你做出正确的选择。

译者：甜汤，神译局成员，神译局是36氪旗下编译团队，关注科技、商业、职场、生活等领域，重点介绍国外的新技术、新观点、新风向。

译文链接：https://www.36kr.com/p/1543633800243205

本文由 @神译局授权发布于人人都是产品经理，未经许可，禁止转载

题图来自Pixabay，基于 CC0 协议

B类电商业务的Web动效研究与实践

随着CSS3和HTML5的发展，越来越多狂拽炫酷叼炸天的动效在网页设计上遍地开花，根据最新的浏览器市场份额报告，IE6的份额已经降到了5.21%，这简直是一个喜大普奔的消息，做动效可以完全不care低端浏览器的时代已经在向我们招手了。俗话说得好，颜值不够，动效来凑，Web动效已经不仅仅是网页设计的润滑剂了，它的功能更多的体现在了交互逻辑、视觉渲染和创新实践上，上能引人注目，下能潜移默化。

下面将通过经典的黄金圈法则来为大家讲解我们在B2B聚合页——1688首页项目上的动效设计，主要分为三个部分，动效设计的目的、方法和方案。

首先来一发大师金句，迪士尼动画大师乃特维克的毕生经验浓缩成一句话就是“动画的一切皆在于时间点和空间幅度”，动效设计和做动画是一脉相通的，我们不是要做写实主义的动画，而是要通过时间点和空间幅度的设置为用户建立运动的可信度。

在设计开发的过程中，当设计师做好了一套静态页面而且设想出N种有趣的交互动画，再交付前端进行重构还原页面的时候，由于无法提供精确的动态参数，导致沟通和制作的成本增加，而最终的测试demo也差强人意。因此，我们在1688首页项目的动效设计中总结归纳出一套适于设计师表达动效概念的方法和流程。

动效设计的目的

首先，为什么做动效，在动效设计的初期阶段，我们需要从业务和用户两个方面对对项目本身进行一个需求分析，从中得出动效在其中的作用，业务方面是引导用户，层级信息展示，用户方面是页面过度，改善用户体验，动效设计的目的是为了自然流畅的呈现B类电商网站信息，并且，体现出专业和诚信的气质。

动效设计的方法

接下来，具体到如何做动效，正所谓设计来源于生活，运动过程的定义都是基于我们日常的生活经验的，为了给B类用户制造熟悉感，我们设置了一个动效设计的切入点——B类商务特色动作，并为每一个动作提炼了一个动效方式，包括:

盖章，状态切换不好把控，动作衔接有难度；

交换名片，切换动作可参考；

扫码，科技感过重，应用较难；

包装，3D动作幅度大，过度不自然；

握手，效果单一，可参考；

签名，这个效果是无法应用的；

流水线，一个完整的流水线场景中基本包含页面motion的所有动作，可提炼易发散，同时，我们B类电商承载了从设计师、原料商、生产商、批发商、零售商中各个环节的业务，包含底层的支付物流等等，就是一个宏观的传送带，因此作为B2B业务的聚合页，我们把传送带作为1688首页动效设计的基本动作。

确定好了基本动作之后，我们需要结合页面的交互框架对区块进行一个层次分级，设定节奏，突出重点。从用户看到一个页面的瞬间开始，如果在展示面积相同的情况下，用户的注意力被吸引的情况是：动态>颜色>形状。判断一个区块是否需要动效主要基于以下两点：1.交互上，是否包含隐藏信息；2.视觉上，是否需要辅助渲染。所以，对于1688首页上点击率最高的搜索和隐藏信息最多的类目、banner将会是我们设计的重点。

下面我们来具体分析一下刚才确定的三个重点区块的动效设计，对于一般的输入框，需要用户在输入框中产生点击之后才能开始输入操作，在1688首页项目中，我们改进了输入框的方式，设定了一个阈值的时间，让用户鼠标hover到输入框后，停留时间超过阈值则激活输入框，用户可以直接进行输入的操作，减少用户点击，让操作更加流畅。

类目区域，共分为三级菜单，我们用次级物体运动来表达这三级菜单之间的关系，附属性质的次级物体运动是伴随着主要物体运动产生的，次级运动相较主要物体运动有一定的延迟，所以我们在类目区域也是通过运动的时间差带来逻辑上的关系，一级菜单牵引出二级菜单，二级菜单牵引出三级菜单。

banner的视差滚动效果以及楼层的分屏加载效果是模拟传送带的运动过程，我们把主体看成是受力方，传送带看成是施力方来进行分析。整个运动过程分为三种状态，启动态、中间态、收尾态，根据牛顿第二定律得到物体分别作匀加速、匀速和匀减速直线运动。

根据之前的分析，我们可以绘制出物体运动的速度-时间曲线和位移-时间曲线，大家可以看到下面这条曲线就是由上面这条曲线积分得到的，那么问题来了！为什么动效设计要画出这样的运动曲线呢？

前端同学可以运用曲线进行运动定义，CSS属性中的transition和animation可指定缓动函数，但不支持全部函数，可通过贝塞尔曲线的绘制达到自定义的运动效果，固定贝塞尔曲线中头、尾两个点，通过这两个点引申出的锚点来确定曲线的弧度，任何运动曲线都可以拆解为一段段的贝塞尔曲线来进行定义。贝塞尔曲线绘制函数：http://cubic-bezier.com/#.63,0,1,1

通过CSS为运动曲线专门设置的VIP属性来确定两个锚点位置，流畅的动效就搞定了

这里再给大家提供一个更加省事儿的办法，SCSS，也就是CSS的进阶版本，还有Javascript可以直接调用缓动函数库，大家或许会对下面这种复杂扭曲的函数有疑惑，其实这些是具有反馈效果的运动曲线。根据我们之前的分析，由于1688首页采用的是内容靠前的设计策略以及简约的视觉风格，所以我们的动效动作一定是“稳、准、狠”，绝不拖泥带水，也绝不喧宾夺主，所以这样比较Q弹的动作是我们极力避免的。其实这些曲线更适合应用在无线端，由于在无线端用户直接使用手指来进行操作，当我们需要表达区块元素的弹性、纸质或者是卡片的材料隐喻时，用反馈效果来表达材料和重力是比较恰当的。缓动函数速查表：http://easings.net/zh-cn#

动效设计方案

最终我们会得到一个包含时间点、关键帧、触发条件、运动过程和空间幅度的完整时间轴，清晰的显示出页面区块元素在每一个时间点的样式和样式之间的过度，有了这样的规范输出，麻麻再也不用担心我的动效还原了。具体动效请线上查看：http://www.1688.com/

其实今天文中提到的技术方案是有一个保质期的，由于技术的迭代迅猛，也不知道这个保质期能够持续多久，但是按照时间轴和关键帧的动效设计思路是不会过期的，迪士尼从白雪公主时期建立的动画设计精髓到了今天的超能陆战队上依然成立，大白的每一个动作设计从本质上来说仍旧是时间点和空间幅度，所以说，作为动效设计师，只要谨记这一点，一个好的动效方案就成功了一半，另外的一半就是结合业务和用户的思考了。

最后总结一下动效设计的工作流程，通过对项目需求和架构的综合分析找到动效的切入点，提炼发散出一个关键动作，结合前端的实现框架，确定流程逻辑和运动，反复实践检验得到最优方案，别忘了为用户设置一个惊喜，就大功告成了！

来源：阿里巴巴（中国站）用户体验设计部博客

原文地址：http://www.aliued.cn/2015/03/26/b类电商业务的web动效实践.html

电子商务web应用 2021年度创业公司的15个最佳Web App创意

2021年度创业公司的15个最佳Web App创意

一、最令人兴奋的创业想法

二、2021年的蓝色策略

三、Web应用程序类型

四、如何做出技术选择