Ben Barnhart

Ben Barnhart

July 16, 2021
Copied to Clipboard
<path fill-rule="evenodd" clip-rule="evenodd" d="M20.8012 1.92841L20.5585 2.01243C18.9368 2.60288 9.60691 6.33964 5.30725 14.3746C6.5143 14.3641 7.68306 14.1447 8.7829 13.7929C12.3701 6.43764 18.923 2.86125 20.4714 2.08835L20.8012 1.92841ZM21.6045 2.61912L21.6626 2.51063L21.6471 2.51779C21.1883 2.72795 13.346 6.32056 10.053 13.4617C16.8164 10.8442 21.0422 3.64143 21.6045 2.61912ZM7.54066 18.5582C7.67878 17.6645 8.00855 16.4428 8.50852 14.9319C7.07047 15.1535 5.86297 15.2906 4.88745 15.3234C4.56801 15.3414 4.27169 15.5618 4.1187 15.8723L2.04144 20.3651C2.01857 20.4237 2.03154 20.5049 2.10321 20.55C2.15767 20.5739 2.21496 20.5578 2.25503 20.5204L4.94153 17.9967C5.02168 17.922 5.06741 17.8047 5.05727 17.6836L5.06151 17.6237L5.06227 17.5636C5.07149 17.4043 5.13756 17.2543 5.24443 17.1546C5.46485 16.9491 5.83592 16.9949 6.04244 17.25C6.26759 17.5065 6.23931 17.906 6.0189 18.1115C5.87863 18.2423 5.72681 18.2719 5.56061 18.2403L5.54198 18.2391C5.52477 18.2178 5.50615 18.2165 5.48752 18.2152C5.37719 18.1875 5.26262 18.2197 5.18247 18.2944L2.55326 20.802C2.49315 20.858 2.48749 20.9379 2.53912 21.0017C2.57354 21.0443 2.62942 21.0481 2.6867 21.032L6.96405 19.301C7.27193 19.1818 7.47938 18.8951 7.54066 18.5582ZM8.56733 18.3255C8.81324 17.0512 9.20286 15.8681 9.68409 14.785C17.0676 11.6292 21.2792 4.81701 21.8483 3.8503L21.9075 3.74806C21.9075 3.74806 17.2166 14.3734 8.56733 18.3255Z" fill="currentColor"/>
<path d="M15.8313 11.3095C17.418 11.3095 18.7724 9.91501 18.7724 8.11665C18.7724 6.34115 17.4102 5 15.8313 5C14.2523 5 12.8824 6.36401 12.8901 8.12427C12.8901 9.91501 14.2446 11.3095 15.8313 11.3095ZM7.37926 11.4771C8.76471 11.4771 9.94118 10.2579 9.94118 8.68816C9.94118 7.14127 8.75697 5.983 7.37926 5.983C6.00929 5.983 4.81734 7.17175 4.81734 8.7034C4.81734 10.2579 6.00155 11.4771 7.37926 11.4771ZM3.32353 18H8.84985C8.07585 16.9103 8.9582 14.7233 10.5836 13.4812C9.7709 12.9555 8.71827 12.5744 7.37926 12.5744C4.09752 12.5744 2 14.9596 2 16.9332C2 17.619 2.36378 18 3.32353 18ZM11.2492 18H20.4056C21.5898 18 22 17.6571 22 17.0094C22 15.1501 19.6238 12.5973 15.8235 12.5973C12.031 12.5973 9.64706 15.1501 9.64706 17.0094C9.64706 17.6571 10.065 18 11.2492 18Z" fill="currentColor" />

An Interview With Our Developers

Vectornator 4.2 Preview

July 16, 2021
Copied to Clipboard

Hey Vectornators!

The 4.2 update is almost here! We’ve got a few more new features to show you, but we wanted to do something a bit special for this one - an interview with some of our team! 

Meet June and Lennart; two of our team members who each played a huge part in bringing this update to life!

Left: June, Right: Lennart

First off, who are you? Tell us a little bit about yourself and how you came to join the Vectornator team!

June: Hi, I’m June! I'm a UX/UI Designer and life-long learner who comes from an educational background. Even though everyone thinks my name is English, it’s actually Basque. I joined Vectornator at the beginning of April and so far I love it here!

Over the years I’ve come to believe that design shouldn’t just be focused on business, but it should also be humane. So I always try to design in a way that is as inclusive and accessible as possible. I integrate inclusivity and accessibility into my practices by being conscious of them while I’m designing, and by constantly educating myself on these different topics.

Apart from work, when I’m not behind my MacBook you’ll find me riding my bike, trying out new vegan restaurants in Berlin, and playing video games :) 

Lennart:  Hi, I’m Lennart! I’m a UI developer and I’m from the Netherlands. I joined Vectornator in December of last year. 

I love making designs come to life. One of my favorite aspects about UI design is finding new intuitive ways to make things work exactly the way people expect that they should. If I’m doing my job right, people won’t even notice my work. It will just feel completely natural. 

What was your experience of collaboration like during this project?

June: It’s been super easy to communicate with Lennart and the rest of the dev team honestly. They always made things super easy for me. I would show them my Figma files, they would give me feedback, I would iterate, and so on and so forth until we came to the final design. 

The one thing that I would point out is that communication is key! One needs to be able to explain their designs and take feedback as something constructive without feeling hurt by it.

Lennart: June is a very open communicator and is easy to work with as well. My background in iOS gives me a good understanding of how the base structure of a project should look and feel. So for this project, we focused on collaboration and just sent ideas back and forth to each other. We iterated until it felt right.

What was your favorite part of this process?

June: Seeing how the design you’re working on evolves with each round of reviews is a really nice process to see. From where we started to where we are now, we’ve come so far!

Lennart: I agree with June here, it’s always magical to see something in action even if it’s something you made yourself. You imagine it working a certain way, but you don’t truly know if it works until you experience it yourself.

The New Document Window

Here’s the first big project that June and Lennart worked on. We’re really excited about this one!

We’ve completely redesigned the way you create new documents in Vectornator. Our new Document Picker gives you a better understanding of the dimensions of your file by showing the aspect ratio directly on the thumbnail of a template.

It is now also a lot easier to edit a template by tapping the three dots in the lower right hand corner (iOS & iPadOS) or by clicking the Show Details button (macOS). 

In addition to that, you can now create your own custom document templates! You can make a template in whatever size you want, including the exact dimensions of the device you're currently using.

Last but not least, tapping the New Document button in the gallery now shows your last five most recently used templates (iOS & iPadOS).

Here’s what it used to look like on iPad: 

Old iPad Document Picker

And here's what it looks like now!

New iPad Document Picker

What was this project like? How did it start?

June: It was my first project working for Vectornator, so I guess it started actually before I joined. My task was to evaluate the current user flow and make improvements to make it more user friendly. So I kicked off the process by doing a heuristic evaluation with our colleague Paulina. We conducted user analysis and a competitor analysis. We needed to know what was out there in the market, what our users needed and how we can create a solution that fits what we already have established with Vectornator. 

Lennart: Our New Document window has stayed the same for a long time, and honestly it was aging a bit. New use cases for templates have been coming up faster than we can add them to our library, which is why we wanted to have the possibility for users to add these themselves, giving them much more flexibility than before. That’s where the project started, and that ethos is at the center of our new design. 

Old Mac Document Picker

What was the process of developing this feature like?

June: I followed the design thinking process for this project, but I customized it a bit. The first step was understanding our users and what problems they’re facing when creating new documents. Next by listening to their needs and looking into their feedback to get the bigger picture, we were able to define and granulate the different problems into action points to later on ideate solutions.

New Mac Document Picker

What is most exciting to you about this project?

June: Seeing how Lennart made it all real! It’s super rewarding to see your designs go live! And being able to create your own custom templates is super exciting, we know people have been asking for this feature, so I’m super happy that it made it to this release!

Lennart: I’m most excited that people now can finally use this thing we’ve been working on for a long time. It’s always satisfying to see other people get their hands on things we are excited about ourselves. 

The Artboards Database

We also updated our database of device and social media Artboard templates.

What was the process of developing this feature like? 

June: Our Artboards database was pretty outdated, and looking into our data we realized that a lot of the templates we were currently offering were rarely used, so it was clear from the beginning that we needed to “clean it up” and update it. 

There’s a well-known law in UX called Hick’s law, and it basically says that the time it takes to make a decision increases with the number and complexity of choices. When users are bombarded with choices, they have to take time to interpret and decide, giving them extra work they don’t want. Also we now offer the “recent” category, which will help avoid overwhelming users by highlighting options that they’ve used in the past.

The New Homescreen Side Bar

On iOS & iPadOS, our new sidebar makes it easier to switch between your Gallery, News sections, and your Vectornator Settings. And if you want to focus more on your documents, you can simply collapse the sidebar so that your artworks have even more space to breathe.

What was the process of developing this feature like?

June: I always use the same approach; trying to understand existing frictions and problems, turning them into action points, and finding solutions to those, while always keeping the user in mind. The one thing to point out in this project was the amount of iterations, I think we went over the same side bar in at least eight or nine different design reviews, but it was all worth it!

What is most exciting to you about this new feature?

Lennart: The new home screen is fresh but should also be very familiar. It should especially be much easier to use on iPhones, which is great to see. A bit off topic, but I am always amazed by the kinds of artworks that people can create on such small devices. 

The New Import Tab

Our new file import area makes it easier to understand which types of files you can import into Vectornator. Just tap on one of the options or drag and drop your documents onto the highlighted area.

What was the process of developing this feature like?

June: We had a lot of users reaching out asking if we support importing file formats that we actually already do support, so it was clear from the beginning that the current import flow wasn’t working, and it wasn’t clear to users. This feature was developed alongside the new document window, so I followed the same approach for both, and did my research for both features at the same time.

Lennart: Before, it was very difficult to see all of the file types we supported, especially on iPad. With this new feature, importing files is easier than ever before. 

The Document Scanner

This feature is super exciting! Now, you can scan your physical documents and drawings into Vectornator, without having to leave the app! You can sketch out a base concept for your illustration, or quickly create a PDF version of a printed document.

New Document Scanner

What was the process of developing this feature like? 

Lennart: It actually came as a last-minute feature. We know that our users have very different flows when starting an illustration, but usually it can start with just a simple sketch with just plain pen and paper. The next step is importing that sketch into Vectornator. 

The problem is that when you use just the plain camera, it’s difficult to get it right. You can’t crop the photo to your needs, and the contrast on your imported document is the same as when you took the photo. This feature should be a gamechanger for those who want to quickly start the drawing based on their sketches. I know that this feature will be used in ways we didn’t even imagine when creating it.

Thanks for joining us, Vectornators! We are so excited for Vectornator 4.2, which is coming very soon!

See you soon for our final 4.2 blog!


No items found.
Copied to Clipboard

More from Vectornator