Astronaut loading animation Circular loading bar

Try : Insurtech, Application Development

AgriTech(1)

Augmented Reality(20)

Clean Tech(6)

Customer Journey(12)

Design(37)

Solar Industry(7)

User Experience(57)

Edtech(10)

Events(34)

HR Tech(2)

Interviews(10)

Life@mantra(11)

Logistics(5)

Strategy(17)

Testing(9)

Android(47)

Backend(30)

Dev Ops(7)

Enterprise Solution(27)

Technology Modernization(2)

Frontend(28)

iOS(43)

Javascript(15)

AI in Insurance(35)

Insurtech(63)

Product Innovation(49)

Solutions(19)

E-health(10)

HealthTech(22)

mHealth(5)

Telehealth Care(4)

Telemedicine(5)

Artificial Intelligence(132)

Bitcoin(8)

Blockchain(19)

Cognitive Computing(7)

Computer Vision(8)

Data Science(17)

FinTech(50)

Banking(7)

Intelligent Automation(26)

Machine Learning(47)

Natural Language Processing(14)

expand Menu Filters

Google I/O 2018, Day 2 Highlights: AI for Healthcare Sector

The second day of the Google I/O 18 consisted of several talks including AI and ML in healthcare sector, Web Assembly, Polymer, Chrome Dev Tools, Flutter. Let’s dive in to know what’s new and the improvements that have been made to the web!

Artificial Intelligence(AI):

 

Google’s AI to Improve Healthcare

We all have unfortunately, heard a doctor express with utmost despair that they could have done better if the patient could have been brought to medical attention a little early-on. Google thinks it can solve this problem for mankind. Last year at Google I/O, Sundar Pichai demonstrated the advanced computing powers of Google named Tensor Processing Units (TPU) which now has been working with eye hospitals to help doctors use Deep Learning, a machine learning module to screen Diabetic Retinopathy in a better way. 

Google’s AI analyses about 100,000 data points per patient, something humans can’t do, to determine if their health is likely to deteriorate in near future and if they may need readmission. The current level of accuracy in prediction by Google’s AI is better than traditional methods by 10%; the aim is to empower doctors by nearly 48 to 24 hours in advance before a patient falls sick again. 

Google focuses to make healthcare better by helping doctors be more efficient and for patients to get better quality of healthcare, in Google I/O 2018 this is only a beginning of human and machine working together.

Do It Yourself Artificial Intelligence

Google introduced the AIY Kits: a series of open source projects that include hardware and software tools, showcasing on-device artificial intelligence. With AIY Kits, users can use artificial intelligence to make human-to-machine interaction more like human-to-human interactions.

The first open source project is the Voice Kit. The speech recognition ability in this kit allows you to add voice recognition to assistive robots, talk to control devices such as light bulbs and replace physical buttons on household appliances and consumer electronics.

For Developers:

1. Chrome DevTools

There is a new shortcut, Ctrl + F that will pull up a new search sidebar in the Network pane of Chrome DevTools. With this search sidebar, you can search through headers and their values. You need to make sure Site Isolation for Chrome is enabled by heading to chrome://flags#enable-site-per-process and activating it.

  • Performance IsolationThe Performance panel has been improved to provide flame charts for every process.
  • Certificate Transparency The Security panel now provides the ability to show the certificate transparency information of a secure website.
  • Sources Panel The Sources Panel has a Network tab. The Network tab is now called the Page tab.

2. Web Performance

Google analyzes a lot of sites and has learned over time how to make them extremely fast. The Web Performance made easy talk by Eva and Addy Osmani showed how to fix common web performance bottlenecks and take advantage of the latest browser APIs to improve loading experience.

  • New Lighthouse Web Performance Audits
  • Optimizing Caching Strategies – Cache as many resources as possible efficiently.
  • Remove unnecessary bytes and don’t send things twice – Optimize Caching strategies. Cache as many resources as possible.
  • Remove unused JavaScript and CSS from the Critical Path.
  • Eliminate unnecessary downloads.
  • Don’t serve un-optimized or unnecessary images to your users.
  • Help browsers deliver critical resources.
  • Have a Web Font Loading Strategy.

Google announced a new experimental browser feature called Priority Hints. It allows you to specify the importance of a resource. The browser loads the resources with high importance first before the others.

3. Web Assembly

Google is working really hard to allow developers import web assembly modules into their JavaScript apps and have Chrome render it effectively. With Web Assembly, software like AutoCAD and Complex3 have created complex but fast UI web experiences.

Cancel

Knowledge thats worth delivered in your inbox

Bringing Interfaces to Life: The role of animation in UI and UX

Interfaces are everywhere. The user experience encompasses the overall experience a user has while interacting with a product or service. Animation, in the context of UI and UX design, involves adding motion to these visual elements to create a more engaging and intuitive user experience. Animation may serve a functional purpose by guiding users or providing feedback.

Think of motion as a design tool in your UX journey. It should help achieve the user’s goals or contribute in some way to enhance the experience. Animation shouldn’t be distracting or excessive. In other words, if it gets in the way of the user accomplishing a task or takes up more seconds for what should be a quick task, then it becomes unnecessary and annoying.

One common example of animation in UI design is the loading spinner. Instead of staring at a static screen while waiting for a page to load, a spinning animation lets users know that something is happening in the background. This simple animation helps manage user expectations and reduces frustration.

Introducing animations to the interface serves a psychological purpose as well. One aspect involves ensuring users remain informed throughout their interaction, minimizing ambiguity. Uncertainty can lead to user anxiety; for instance, if a page is loading without any interface feedback, incorporating a micro animation can be beneficial in providing reassurance. Although not all problems may need animations, adding them increases their appeal.

In recent years, several applications have pushed the boundaries of animation in UI and UX design. One notable example is the Duolingo app, which uses playful animations and interactive elements to make language learning fun and engaging. Interactive animations can gamify the user experience, making mundane tasks more engaging and Duolingo has used this to its advantage. Another example is the Headspace app, which employs calming animations and transitions to create a serene user experience. 

Let’s look at Duolingo’s application which embraces animation to engage the user’s attention. It keeps users hooked and gives them the comfort of gamification. This not only makes the information more visually appealing but also helps users quickly understand the current stage. It keeps the user hooked throughout the level with its cute animations.

Credits: Kim Lyons 

Additionally, captivating animations can also serve to promote and enhance the appeal of your product. 

Micro-animations extend beyond just the gamification of applications; they can also be leveraged to enrich the aesthetics and express the essence of your product. They contribute to making your website feel more alive and interactive, elevating the overall user experience.

UI/UX

In essence, animation in UI and UX design is not merely about adding visual flair, it’s about creating meaningful interactions that enhance user engagement and satisfaction. From improving usability to expressing brand identity and personality, animation has the potential to transform digital interfaces into dynamic and memorable experiences. Whether it’s guiding users through a process or providing feedback animation, it has the power to elevate the overall user experience. Next time you witness animation appreciate the magic that brings it to life, you might just be amazed by its impact.

About the Author: 

Shivani Shukla is a Senior UI & UX designer at Mantra Labs. It’s been a while since she started her journey as a designer. Updating her knowledge and staying up to date with the current trends has always been her priority.

Cancel

Knowledge thats worth delivered in your inbox

Loading More Posts ...
Go Top
ml floating chatbot