I've designed UI Flow Cards because I couldn't find one like it • Hacker News Board

Re: I've designed UI Flow Cards because I couldn't find one like it

#11

Post by parsecs » Sat, Dec 12, 2020, 5:48 AM UTC

snow_mac wrote: post #10

Abishek_Muthian wrote: post #7

Nice, Please do mail your customers later on with an offer to feature their best work using your flow cards on your website, it could improve the conversions for both! P.S. I've added FLOWCARDS to the curated list of startup tools I've been trying to build - https://startuptoolchain.com/#design , Hope that's fine.

your site could use some flow cards help....

It's very... orange. I feel like changing the color scheme would be an easy way to greatly improve visibility

Re: I've designed UI Flow Cards because I couldn't find one like it

#12

Post by Abishek_Muthian » Sat, Dec 12, 2020, 5:55 AM UTC

parsecs wrote: post #11

snow_mac wrote: post #10

Earlier quoted context omitted.

your site could use some flow cards help....

It's very... orange. I feel like changing the color scheme would be an easy way to greatly improve visibility

Point taken, thanks. Would be experimenting with better color schemes soon.

Re: I've designed UI Flow Cards because I couldn't find one like it

#13

Post by NiceWayToDoIT » Sat, Dec 12, 2020, 6:05 AM UTC

I am interested and lost at the same time, how do you use it, and why would one buy it?

Is it just a deck of cards (carbord) with different web forms? So, during design session you quickly assemble application? Like Balsamiq but quick and non-electronic ?

Actually it says a bit in Printable and Digital section ...

Re: I've designed UI Flow Cards because I couldn't find one like it

#14

Post by Brajeshwar » Sat, Dec 12, 2020, 6:10 AM UTC

Abishek_Muthian wrote: post #7

Nice, Please do mail your customers later on with an offer to feature their best work using your flow cards on your website, it could improve the conversions for both! P.S. I've added FLOWCARDS to the curated list of startup tools I've been trying to build - https://startuptoolchain.com/#design , Hope that's fine.

I like your site. I might steal the design idea for our family's digital garden[1]. I'd love it if you can tone down the orange a tad and add a bit more contrast. :-)

1. https://oinam.fyi

Re: I've designed UI Flow Cards because I couldn't find one like it

#15

Post by Brajeshwar » Sat, Dec 12, 2020, 6:13 AM UTC

There is something similar, which I bought a few copies of the digital toolsets from UXKits[1] and my team loved them. I even bought the physical card, and it was a hot item.

1. https://uxkits.com

Re: I've designed UI Flow Cards because I couldn't find one like it

#16

Post by Abishek_Muthian » Sat, Dec 12, 2020, 6:30 AM UTC

Brajeshwar wrote: post #14

Abishek_Muthian wrote: post #7

Nice, Please do mail your customers later on with an offer to feature their best work using your flow cards on your website, it could improve the conversions for both! P.S. I've added FLOWCARDS to the curated list of startup tools I've been trying to build - https://startuptoolchain.com/#design , Hope that's fine.

I like your site. I might steal the design idea for our family's digital garden[1]. I'd love it if you can tone down the orange a tad and add a bit more contrast. :-) 1. https://oinam.fyi

Thanks, I like yours as it's neat and calm. Interesting that you say it's a family website.

I like to color code my projects to get into focus when switching context, so orange color was based on traffic lights for different stages of startup as I already had Red[1], Green[2].

But, of course the site visitors doesn't care about those and I have might have executed the color scheme poorly. I would do the necessary changes to improve visibility.

[1]https://needgap.com

[2]https://hitstartup.com

Re: I've designed UI Flow Cards because I couldn't find one like it

#17

Post by Drdrdrq » Sat, Dec 12, 2020, 6:54 AM UTC

I like the design, but I have trouble seeing how this could work in practice, and I have lots of experience with wireframes otherwise. Does anyone here actually use a predefined set of wireframes? How does that work? Do you search through the stack to find the most fitting card?

Otherwise love the design and how it puts the emphasis on content.

Re: I've designed UI Flow Cards because I couldn't find one like it

#18

Post by Izkata » Sat, Dec 12, 2020, 7:08 AM UTC

antoniuschan99 wrote: post #6

Good choice in colours. Is it inspired by the color of the year?

Pretty sure it's supposed to remind you of an "under construction" sign: https://www.shutterstock.com/search/under+construction+sign

(No idea what you mean by "color of the year")

Re: I've designed UI Flow Cards because I couldn't find one like it

#19

Post by transfire » Sat, Dec 12, 2020, 7:21 AM UTC

AnonHP wrote: post #8

Since I’m not a UI designer, I’m a bit lost. I’d appreciate it if someone could explain more since the website doesn’t. Why would one use this at all? And how would one create web pages conforming to the cards?

I may be wrong, as I have never used them, but I think wireframes are used to Graphically design a site layout. Once a design is approved, it is then up to a UI "engineer" to translate that design into actual HTML/CSS.

Re: I've designed UI Flow Cards because I couldn't find one like it

#20

Post by fatihguner » Sat, Dec 12, 2020, 7:26 AM UTC

transfire wrote: post #19

AnonHP wrote: post #8

Since I’m not a UI designer, I’m a bit lost. I’d appreciate it if someone could explain more since the website doesn’t. Why would one use this at all? And how would one create web pages conforming to the cards?

I may be wrong, as I have never used them, but I think wireframes are used to Graphically design a site layout. Once a design is approved, it is then up to a UI "engineer" to translate that design into actual HTML/CSS.

No, you're right. This set, and flowcharts in general, is used before the wireframing process. We use these in client meetings, giving them the opportunity to contribute the inner flow of web pages and sitemaps. It is different than the wireframing process, right.