Quantcast
Channel: Dribbble / flowchart
Viewing all 675 articles
Browse latest View live

Scheme Mobile Flowcharts - Free Sample

$
0
0
Scheme Mobile Flowcharts - Free Sample

Try it for free this awesome toolkit for mobile prototyping.

Download
---

Scheme Mobile Flowcharts is a huge pack of UX layouts for mobile prototyping. This toolkit consist 120+ flowcharts in 8 categories. All flowcharts carefully crafted and easy to customize. You can use Sketch Symbols and Styles for speed up your workflow.

Presentation on Behance

---

KK UI Store


Scheme Mobile Flowcharts - Style Guide

$
0
0
Scheme Mobile Flowcharts - Style Guide

Scheme Mobile Flowcharts is a huge pack of UX layouts for mobile prototyping. This toolkit consist 120+ flowcharts in 8 categories. All flowcharts carefully crafted and easy to customize. You can use Sketch Symbols and Styles for speed up your workflow.

Presentation on Behance

---

Try it for free this awesome toolkit for mobile prototyping.

Download

---
KK UI Store

The approach

$
0
0
The approach

For building up my UX/UI portfolio I'm currently experimenting with some font pairing and the use of big headers that are lower opacity in the background. This specific part is to show how I tackle problems that need solving.

Recipe App Userflow

$
0
0
Recipe App Userflow

Hey everyone,
this is a little userflow chart I did for a sideproject. There will be more shots during the next couple of weeks. It's all about a recipe/cooking app.

Have a nice day! :)

Evalua App

$
0
0
Evalua App

Sharing this flowchart I worked on a while back!
It was an app intended for the evaluation of services and products offered in the Dominican market from the point of view of the final consumer. We didn't have any app like this in the Dominican Republic.

This is just a glimpse of some of the wireframes. The client was pretty overwhelmed with the number of screens I had to design!

It was a fun project.

Hit love if you like wireframes and flowcharts! I think this is the best part when designing systems and products.

Hello Dribbble

$
0
0
Hello Dribbble

Hello dribbble!
This is my first shot and I wanted to show the process I went through. Well, not the exact one but the ideal one. Since it took me too long to get the invite and too long to create this first shot.

Dribbble

$
0
0
Dribbble

Download Free Flowcharts for Draw.io and Axure to make your user maps stand out: http://mr-q.co.za/wp-content/uploads/2017/09/Flow-Charts.zip

App UX Strategy

$
0
0
App UX Strategy

THROWBACK DESIGN - Working through making sense of the full user experience for an app. This is one of many shots that I needed to work through in order to make sense of how the app would work.

I love this complicated messy stuff. This is where the heart of the app is. The pretty design stuff is always fun, but I find few have the patience and thoughtfulness that a small team needs to work these complicated assignments.


Creator Userflow

$
0
0
Creator Userflow

This is part of the userflow diagram for our Capture app. We used this diagram to plan the app architecture and assess the various screens required.

Wirframe

$
0
0
Wirframe

It's wireframe day! I love this part of the design process.
A wireframe for a HR RECRUITING PROCESS - see full view in the attachment.

Can't show much more for now, but we're moving forward, and a few other shots may come so stay tuned.

Capture App Userflow Shot

$
0
0
Capture App Userflow Shot

This is part of the userflow diagram for our Capture app. We used this diagram to plan the app architecture and assess the various screens required. All of our flow diagrams looked like this.

This is a re-shoot because the last shot was a photo of the actual screen, this is an HD version.

EasyOne Website Flowchart Template

$
0
0
EasyOne Website Flowchart Template

With EasyOne you can create professional flowcharts easy

Tool for developers, website builders or any other person involved in Web Design related projects. Can be used for creating stylish website flowcharts and site maps in an easy and quick and, most important, professional way.

Flowchart template files include 4 predefined color styles, empty flowchart placeholder and flowchart grid. Use any of the included examples as a starting point for your website flowchart or create your own website structure.

Web Page Builder Cards

$
0
0
Web Page Builder Cards

Web Page Structure Planning tool for professional website builders, designers and developers.

Buy Two or More Items and Get Free Shipping

Page Builder Cards can be used as a starting point for your web page planning. Cards are packed in a small tuck box you can take anywhere with you. Create your own web page structure by using 54 double-sided wireframe cards, take a photo shoot and send it to your client or keep it for yourself.

Sketch + Craft

$
0
0
Sketch + Craft

If you're not using Sketch + InVision's Craft plugin you are seriously missing out.

UX Flowchart Cards

$
0
0
UX Flowchart Cards

Website Structure Planning tool for professional website builders, designers and developers

UX Flowchart Cards can be used as a starting point for your website planning. Cards are packed in a small tuck box you can take anywhere with you. Create your own website structure by using 54 double-sided wireframe cards, take a photo shoot and send it to your client or keep it for yourself.


Workflows

$
0
0
Workflows

I had a surprising fun time making this workflow diagram for a client. Soon to be static images for a series of blog posts!

Medical Application User Flows

$
0
0
Medical Application User Flows

Here's a partial look into the user flows I developed in the planning phase of this project. With multiple demographics, I approached the flows from each user's point of entry and mapped out the user's journey to accomplish their goals.

My client was able to use these helpful flows to get feedback on the application from doctor's and service workers as we began the visual design phases of the project.

User flows are a hugely important part of my design process.

EasyTwo Website Flowchart Sitemap

$
0
0
EasyTwo Website Flowchart Sitemap

Using EasyTwo Advanced Website Flowchart you can create professional flowcharts fast and easy

Tool for developers, website builders or any other person involved in Web Design related projects. Can be used for creating stylish website flowcharts and site maps in an easy and quick and, most important, professional way.

Flowchart template files include 104 common website page mini wireframes, page layouts, a bunch of other flowchart related elements, two arrows styles, two already built flowchart examples, two empty flowchart placeholders and flowchart grid on which all flowcharts are built.

Use any of the included flowchart examples as a starting point for your website flowchart or create your own website structure using empty flowchart placeholder by adding any of 104 mini wireframes according your needs. Add titles, change colors, or add backgrounds. And... of course, all these goods are built in vectors!

UX Bird

Website Flows & Sitemap Photog

$
0
0
Website Flows & Sitemap Photog

We've found photographing our digital products on an iPad can bring better results than on our desktop, where banding can be tricky (though something to work on of course). Seen here is our original website flows, which are available for Sketch, OmniGraffle and Illustrator.

Viewing all 675 articles
Browse latest View live