Forem: Lisa Dziuba

How To Hire the Right Bubble Developer

Lisa Dziuba — Wed, 24 Nov 2021 18:31:42 +0000

🤔 Did you know that no-code is the future? No-code development is fast becoming the ideal option for startups, small businesses, and enterprises to build and scale products quickly.

One of the amazing no-code tools in the space is Bubble, an app that lets you build websites and web apps without coding.

If you’re considering building your product on Bubble and hiring Bubble developers, my team wrote a comprehensive guide on hiring Bubble developers.

Those are the top 5 benefits of hiring a Bubble developer:

Low-cost: Although it can be more expensive to hire full-stack developers, the cost is much lower when hiring a Bubble developer.
Faster development: The process of writing custom software is much faster when using no-code tools, so you'll have your new application in a shorter time frame than hiring full-stack developers.
Better quality: Because no-code tools allow you to write code without much overhead, the quality of your application will be more excellent than with full-stack developers.
Better testing: The process of writing custom software is much faster when using no-code.

Hiring for any technical role is challenging and time-consuming but good preparation will help a lot. So let's go through a checklist of soft & hard skills that you need to consider and put in place when you want to hire a Bubble developer:

Previous Bubble projects & experience with Bubble templates
Passion for no-code and Bubble
Agile experience
UX design skills
Problem-solving skills

Our first company got acquired: Flawless App joins Abstract!

Lisa Dziuba — Mon, 10 Feb 2020 18:26:54 +0000

Today we’re extremely proud to announce that Flawless App has joined Abstract, a design delivery platform that brings visibility, accountability, measurability, and predictability to design.

Like us, Abstract believes in bringing design and development closer together.

Lisa Dziuba

@lisadziuba

🎉Flawless App joins the Abstract team 🎉

We’re proud of everything we've achieved with our 5-person team. And together with @goabstract we'll bring developers’ experience forward.

One unbelievable journey has finished and the new one has just begun: flawlessapp.io/joinsabstract

14:06 PM - 10 Feb 2020

13 157

Flawless App was our first company.

We started it back in April 2015, when design/developer collaboration was far from perfect. We wanted to change that. And with a simple mission — help teams deliver products faster — we jumped right in.

The last 5 years have been fun, challenging, and unbelievable.

After numerous trials and errors, we launched our first product — Flawless App. Now, it’s used by thousands of mobile engineers all over the world to compare the expected design with the real app right inside the dev environment and stop visual bugs on the fly. We remained bootstrapped as we pursued developing more products and got our first funding in summer 2018 to move even faster.

We made Reduce for compressing huge Sketch files, Flawless Feedback for commenting on real-life iOS apps and invested a lot of love and time into community-driven initiatives.

Our Medium blog, Flawless iOS, which we started in 2016, gave more than 200 developers an opportunity to share their knowledge with the community. Our open-source collection of Awesome Design Tools, plugins, UIKits, have helped thousands of people empower their workflows. And Design Tools Weekly, an email-based course, kept cultivating design knowledge among the tech community.

Our team continued to build and grow while remaining small — just 5 people. But our ambitions were much bigger. We felt that with the right partner, we would be able to do even more.

So after many thoughtful conversations with the Abstract team, we saw a complete alignment in our visions on how design and development should look like. The future of design is open and collaborative, and we’re excited to build it together.

We’re incredibly grateful to everyone who has supported us throughout our startup journey. Our customers, users, followers, investors, and most importantly, our friends and family — all of you made this real.
Of course, Flawless couldn’t have happened at all without the team of brilliant people who genuinely believe in our mission.

So what’s next?
Our team has joined Abstract and is focused on building out the Abstract SDK, bringing developers’ experience forward. One unbelievable journey has finished and the new one has just begun. Stay tuned for updates.

We’re just getting started.

Lisa & Ahmed,
Flawless App co-founders

Accessibility tools for designers and developers

Lisa Dziuba — Tue, 07 Jan 2020 14:13:03 +0000

Today we’ll talk about accessibility.

It’s a practice of creating apps, sites, and products usable for everyone, including people with visual, motor, auditory, speech, or cognitive disabilities.

Why should you support accessibility?

you can impact someone’s life by making inclusive & easy to use products
one billion people have disabilities: your product can be used by them
better accessibility support leads to better UX and cleaner code

In this guide, you’ll find accessibility testing tools, color contrast checkers and color blindness simulators, both for designers and developers who work with web and mobile.

🎨 Tools for making accessible colors

Contrast — simple macOS app to check color contrast ratios and identify accessible color pairings based on WCAG Guidelines.

Accessible color palette builder — a great tool for building accessible color palettes. Enter up to 6 colors and see the color matrix to know which colors can be combined.

ColorBox — a tool to algorithmically build accessible color systems. It also sorts by color, hue, saturation, and luminosity when picking color combinations.

Contraste — a free app for checking the accessibility of text against the WCAG rules.

Hex Naw — a free color accessibility tool for testing entire color systems for contrast and accessibility. You can test about 12 different colors at the same time.

90 examples — a free collection of accessible color themes:

variety of A11Y compliant color combos
90 combinations of text/background color that has a sufficient contrast ratio.

Contrast Checker — another free color accessibility tool that helps check the contrast between the background of an element and the page itself.

Colorable — a free web-based contrast tool:

take a set color palette and get contrast values for every possible combination
includes pass/fail scores for the WCAG accessibility guidelines.

👓 Color blindness simulators

Stark — a paid Sketch plugin that will let you simulate different types of color blindness.

Color Oracle — a free color blindness simulator. It uses the algorithm for simulating color vision impairment, so you can see colors as they are seen by colorblind people.

Toptal’s color filter — this online tool lets you test your website and shows you how people with different color blindness will see your pages.

🙌 Accessibility testing tools

ANDI — a free accessibility testing tool for web content:
provides automated detection of accessibility issues
gives practical suggestions to improve accessibility and checks 508 compliance.

WAVE — a free web accessibility evaluation tool:

provides visual feedback by injecting icons and indicators into your page
has browsers extensions for evaluating local, dynamic, or password-protected pages.

AChecker — a free accessibility testing web app, which allows you to check accessibility by web page URL, HTML file or even markup. Also, it enables additional options, such as CSS, HTML validator and more.

A11ygator — a free web tool to analyze websites against WCAG. Also available as a browser extension and as a Twitter bot. And to find more accessibility tools, check the Awesome Design Tools list.

🙌 Tools for iOS developers

Accessibility Inspector is a part of Xcode, the main IDE for developing iOS apps. Think of it as a built-in accessibility checker that goes through an iOS application and tries to find accessibility issues. Than Accessibility Inspector shows parts of an iOS app that can be done better and helps to check iOS assistive technologies.

VoiceOver helps navigate the app screen without seeing it. It also can be used for testing iOS apps assessability, when you enable it and try to use your app.

VoiceOver gives audible descriptions of what’s on your screen — from battery level, to who’s calling, to which app your finger is on. You can also adjust the speaking rate and pitch to suit your needs. When you touch the screen or drag your finger over it, VoiceOver speaks the name of the item your finger is on, including icons and text. To interact with the item, such as a button or link, or to navigate to another item, use VoiceOver gestures. — iPhone User Guide

Please take a look at Accessibility on iOS section on the Apple site to learn more about assistive technology, which you can support in your iOS app:

Useful Guides & Resources

In this guide, we focused more on tools to help you build products usable for more people rather than assessability practices (which are equally important). So these guides will teach you to follow best practices:

Apple team put together Human Interface Guidelines with many tips on the accessibility in iOS design. It covers user interface, navigation, typography, colors, motion and much more.
Some great articles by the InVision team. Designing for accessibility is not that hard, where you’ll find seven easy-to-implement design guidelines. A guide to color accessibility in product design will be interesting for those of you who want to design with accessibility in mind.

Inclusive Design by Microsoft team is a comprehensive accessibility methodology and a set of useful tools.
Color Contrast for Better Readability is an article to help you establish and use an accessible color palette.
For building your iOS apps more accessible with SwiftUI, learn about development tips for Images, Sort Priority, Named Controls, Dynamic Type, Accessible User Interface, Traits, Attributes, User Settings, and Semantic Views. It’s a great series of 3–4 minutes iOS dev guides written by iOS Engineer at Capital One, Rob Whitaker.
Also, take a look at Checklist: How to make your iOS app more accessible.

With all those tools and knowledge we can create more accessible products, reach a bigger audience and make life better for someone. I think it’s a solid motivation to start supporting accessibility in your design and development.

Originally published at UX Collective