Design_r

Design

⚡️ FUC #93 :: Product Tour


| [Check Previous FUC #92 <<<<<<<<<<<<<<<<<<<](https://stacker.news/items/536692/r/Design_r) |  [Check Next FUC #94 >>>>>>>>>>>>>>>>](https://stacker.news/items/538848/r/Design_r) |
|--- | --- |
| **Alternative App Store** | **Currently In Stock** |


 
Prompt: Currently In Stock
===============

> #### Design a display, sequence or something related to items that are in stock (available). It could be food services, products, or inventory of another type. 

* * *

Flex your [design](https://stacker.news/~Desig/r/Design_r) muscles and join in. Most of all, keep this exercise loose and keep it stress-free. The FUC is about growing our design skills, together, as a community. We can't wait to see what you create!

Happy designing, Stackers!

* * *

**Share Your Results** 
When you finish the challenge, post your work on this thread! If you also share it on `nostr`, be sure to use the hashtag **#FUCdesiger** and tag [Design\_r@iris.to](https://iris.to/Design_r) or [@Design\_\_r](https://x.com/Design__r) on X! We'll keep an eye out and repost good examples on a regular basis.

* * *

**Curious to know WTF is a FUC?** Read the [⚡️Flash Ui Challenges](https://stacker.news/items/418824/r/Design_r) welcoming post.

**Looking for more FUCs?** Check the archive [here](https://stacker.news/Design_r#fucs--flash-ui-challenges)!





⚡️ FUC #94 :: Currently In Stock

```
ODC #000016 - UX > IMPLEMENT
```
### `Designing Form’ elements for an online form-building website using Nostr`
[_If you miss it, please read our **WTF is ODC** (Open Design Challenge) intro post from more details._](https://stacker.news/items/393580/r/Design_r)

- - - 
## Scenario
You're a UX designer for an new online form-building open source organization ([Formstr.app](https://formstr.app) is the competitor).

The company is doing a complete redesign of their product. It's a small team and you are tasked with designing the individual inputs and controls that clients can add to their forms.

- - -
## Task
In either a design program or HTML/CSS, design the following for the new forms:
* Button
* Text input
* Textarea
* Select
* Checkbox
* Radio
* Switch/toggle
* File input

Annotate your designs with the reasoning behind your decisions.

**Extra Credit:** Include mockups or guidance for how to use validation, add labels, and build layouts (like spacing, placement, input groups, etc.)


- - - 
## Guides
If you need help with this challenge, check out our hand-picked tutorial recommendations.

- **Form Design**
on [gerireid.com](https://gerireid.com/forms.html)

- **Best Practices For Mobile Form Design**
on [smashingmagazine.com](https://www.smashingmagazine.com/2018/08/best-practices-for-mobile-form-design/)

- **16 Tips that Will Improve Any Online Form**
on [uxplanet.org](https://uxplanet.org/the-18-must-do-principles-in-the-form-design-fe89d0127c92)

- **UX Form Design Basics**
on [piped.video)](https://piped.video/watch?v=GH1WR1IT_c0?v=25RqpGJ4tJ8)
- - - 

## Tools
Not sure which tools to use? Try something new, go 💯% FOSS!

> **PenPot** _(for everyone)_
> by [kaleidos](https://penpot.app/) 
 
> **HTML5 / CSS3** 
> by [developer.mozilla.org](https://developer.mozilla.org/en-US/docs/Learn/Forms/Your_first_form)



- - - 

## Share Your Results
When you finish the challenge, post your work including anonymized collected data and results on this thread! If you also share it on `nostr`, be sure to use the hashtag **#opendesigner** and tag [Design_r@iris.to](https://iris.to/Design_r) or [@Design__r](https://x.com/Design__r) on X! We'll keep an eye out and repost good examples on a regular basis.
- - - 

Check our [previous ODC](https://stacker.news/Design_r#odc--open-design-challenges) and support this [community](https://stacker.news/~Design/r/Design_r) for creative minds, where you'll be able to get open and constructive feedback on your PoW. Ask anything in the ~Design territory and get some ⚡**sats** for the [value](https://value4value.info) you provide!

- - - 
- - - 
- - - 
```
#Bitcoin #Design #BitcoinDesign #NostrDesign #Nostr #OpenDesign #DesignChallenge #OpenDesignChallenge #FormDesign #UXDesign #InputControls #FormElements #FormBuilding #UserExperience #DesignThinking #OpenSource
```
- - - 


ODC #16: Form’ elements for an online form-building website using Nostr

⚡️ FUC #92 :: Alternative App Store



| [Check Previous FUC #91 <<<<<<<<<<<<<<<<<<<](https://stacker.news/items/535657/r/Design_r) |  [Check Next FUC #93 >>>>>>>>>>>>>>>>](https://stacker.news/items/537771/r/Design_r) |
|--- | --- |
| **Splash Screen** | **Product Tour** |


 
Prompt: Product Tour
===============

> #### What product is being showcased? Is it a physical product like a shoe or piece of art? Or is it a digital product? 
 
> Whatever it is, it's up to you. Consider the most important features and use cases for the product. 

* * *

Flex your [design](https://stacker.news/~Desig/r/Design_r) muscles and join in. Most of all, keep this exercise loose and keep it stress-free. The FUC is about growing our design skills, together, as a community. We can't wait to see what you create!

Happy designing, Stackers!

* * *

**Share Your Results** 
When you finish the challenge, post your work on this thread! If you also share it on `nostr`, be sure to use the hashtag **#FUCdesiger** and tag [Design\_r@iris.to](https://iris.to/Design_r) or [@Design\_\_r](https://x.com/Design__r) on X! We'll keep an eye out and repost good examples on a regular basis.

* * *

**Curious to know WTF is a FUC?** Read the [⚡️Flash Ui Challenges](https://stacker.news/items/418824/r/Design_r) welcoming post.

**Looking for more FUCs?** Check the archive [here](https://stacker.news/Design_r#fucs--flash-ui-challenges)!

⚡️ FUC #91 :: Splash Screen


| [Check Previous FUC #90 <<<<<<<<<<<<<<<<<<<](https://stacker.news/items/534549/r/Design_r) |  [Check Next FUC #92 >>>>>>>>>>>>>>>>](https://stacker.news/items/536692/r/Design_r) |
|--- | --- |
| **Frequently Asked Questions** | **Alternative App Store** |


 
Prompt: Alternative App Store
===============

> #### Imagin a new App Store, outside known monopolies. How could you imagine app/service distribution/acquisition in the future? Could it be P2P? Could it be decentralized?
> Let your imagination drive, reimagine how it could be, and design your best.

* * *  
Flex your [design](https://stacker.news/~Desig/r/Design_r) muscles and join in. Most of all, keep this exercise loose and keep it stress-free. The FUC is about growing our design skills, together, as a community. We can't wait to see what you create!

Happy designing, Stackers!

* * *

**Share Your Results** 
When you finish the challenge, post your work on this thread! If you also share it on `nostr`, be sure to use the hashtag **#FUCdesiger** and tag [Design\_r@iris.to](https://iris.to/Design_r) or [@Design\_\_r](https://x.com/Design__r) on X! We'll keep an eye out and repost good examples on a regular basis.

* * *

**Curious to know WTF is a FUC?** Read the [⚡️Flash Ui Challenges](https://stacker.news/items/418824/r/Design_r) welcoming post.

**Looking for more FUCs?** Check the archive [here](https://stacker.news/Design_r#fucs--flash-ui-challenges)!



⚡️ FUC #9 :: Frequently Asked Questions



| [Check Previous FUC #89 <<<<<<<<<<<<<<<<<<<](https://stacker.news/items/533543/r/Design_r) |  [Check Next FUC #91 >>>>>>>>>>>>>>>>](https://stacker.news/items/535657/r/Design_r) |
|--- | --- |
| **Slider** | **Splash Screen** |


 
Prompt: Splash Screen
===============

> #### Splash screens tend to occur right after someone opens an app. 
 
> It's easy to overlook, but making a great first impression with your users is essential to building trust. 

* * *

Flex your [design](https://stacker.news/~Desig/r/Design_r) muscles and join in. Most of all, keep this exercise loose and keep it stress-free. The FUC is about growing our design skills, together, as a community. We can't wait to see what you create!

Happy designing, Stackers!

* * *

**Share Your Results** 
When you finish the challenge, post your work on this thread! If you also share it on `nostr`, be sure to use the hashtag **#FUCdesiger** and tag [Design\_r@iris.to](https://iris.to/Design_r) or [@Design\_\_r](https://x.com/Design__r) on X! We'll keep an eye out and repost good examples on a regular basis.

* * *

**Curious to know WTF is a FUC?** Read the [⚡️Flash Ui Challenges](https://stacker.news/items/418824/r/Design_r) welcoming post.

**Looking for more FUCs?** Check the archive [here](https://stacker.news/Design_r#fucs--flash-ui-challenges)!



⚡️ FUC #89 :: Slider


| [Check Previous FUC #88 <<<<<<<<<<<<<<<<<<<](https://stacker.news/items/532515/r/Design_r) |  [Check Next FUC #90 >>>>>>>>>>>>>>>>](https://stacker.news/items/534549/r/Design_r) |
|--- | --- |
| **Create New** | **Frequently Asked Questions** |


 
Prompt: Frequently Asked Questions
===============

> #### Create some designs for an FAQ widget, section, or full page.
 
> Everyone has questions about products, services, or anything else that make answers easy to find and to understand. Happy customers, happy business. 

* * *

Flex your [design](https://stacker.news/~Desig/r/Design_r) muscles and join in. Most of all, keep this exercise loose and keep it stress-free. The FUC is about growing our design skills, together, as a community. We can't wait to see what you create!

Happy designing, Stackers!

* * *

**Share Your Results** 
When you finish the challenge, post your work on this thread! If you also share it on `nostr`, be sure to use the hashtag **#FUCdesiger** and tag [Design\_r@iris.to](https://iris.to/Design_r) or [@Design\_\_r](https://x.com/Design__r) on X! We'll keep an eye out and repost good examples on a regular basis.

* * *

**Curious to know WTF is a FUC?** Read the [⚡️Flash Ui Challenges](https://stacker.news/items/418824/r/Design_r) welcoming post.

**Looking for more FUCs?** Check the archive [here](https://stacker.news/Design_r#fucs--flash-ui-challenges)!




Bitcoin Design Newsletter #59: Accessibility Awareness Day, Summer of Bitcoin...

⚡️ FUC #88 :: Create New


| [Check Previous FUC #87 <<<<<<<<<<<<<<<<<<<](https://stacker.news/items/531705/r/Design_r) |  [Check Next FUC #89 >>>>>>>>>>>>>>>>](https://stacker.news/items/533543/r/Design_r) |
|--- | --- |
| **Agree To Terms** | **Slider** |


 
Prompt: Slider
===============

> #### Create a slider design. It could be to swipe between photos in a property listing app, dating profiles, display album artwork, bitcoin blocks or a traditional slider for volume or settings. 

* * *

Flex your [design](https://stacker.news/~Desig/r/Design_r) muscles and join in. Most of all, keep this exercise loose and keep it stress-free. The FUC is about growing our design skills, together, as a community. We can't wait to see what you create!

Happy designing, Stackers!

* * *

**Share Your Results** 
When you finish the challenge, post your work on this thread! If you also share it on `nostr`, be sure to use the hashtag **#FUCdesiger** and tag [Design\_r@iris.to](https://iris.to/Design_r) or [@Design\_\_r](https://x.com/Design__r) on X! We'll keep an eye out and repost good examples on a regular basis.

* * *

**Curious to know WTF is a FUC?** Read the [⚡️Flash Ui Challenges](https://stacker.news/items/418824/r/Design_r) welcoming post.

**Looking for more FUCs?** Check the archive [here](https://stacker.news/Design_r#fucs--flash-ui-challenges)!



⚡️ FUC #87 :: Agree to Terms


| [Check Previous FUC #86 <<<<<<<<<<<<<<<<<<<](https://stacker.news/items/530232/r/Design_r) |  [Check Next FUC #88 >>>>>>>>>>>>>>>>](https://stacker.news/items/532515/r/Design_r) |
|--- | --- |
| **Sign Up Form** | **Create New** |


 
Prompt: Create New
===============

> #### Create a design for a user to create something. Maybe it's a new document, a new design file, or a component such as creating a new column in a spreadsheet.

* * *

Flex your [design](https://stacker.news/~Desig/r/Design_r) muscles and join in. Most of all, keep this exercise loose and keep it stress-free. The FUC is about growing our design skills, together, as a community. We can't wait to see what you create!

Happy designing, Stackers!

* * *

**Share Your Results** 
When you finish the challenge, post your work on this thread! If you also share it on `nostr`, be sure to use the hashtag **#FUCdesiger** and tag [Design\_r@iris.to](https://iris.to/Design_r) or [@Design\_\_r](https://x.com/Design__r) on X! We'll keep an eye out and repost good examples on a regular basis.

* * *

**Curious to know WTF is a FUC?** Read the [⚡️Flash Ui Challenges](https://stacker.news/items/418824/r/Design_r) welcoming post.

**Looking for more FUCs?** Check the archive [here](https://stacker.news/Design_r#fucs--flash-ui-challenges)!


SN release: NWC & LNBits for sending, LND for autowithdraw, NSFW labels, & more

k00b

Look's is looking only at the rune in position `0` in the JSON. There's maybe a way to define the rune position in the form? Or maybe having the script to look at all runes in the file for a match? Just ideas...

Not sure why it still give me error:

```
could not connect to CLN: invalid json response body at 
http://xxx.onion:2100/v1/invoice reason: Unexpected token < in JSON at position 0
failed to attach wallet
```


I also tried to use the one in position `0` and the input validation obviously give back `rune must be restricted to method=invoice only`

anything else I could try?

⚡️ FUC #86 :: Sign Up Form

| [Check Previous FUC #85 <<<<<<<<<<<<<<<<<<<](https://stacker.news/items/529318/r/Design_r) |  [Check Next FUC #87 >>>>>>>>>>>>>>>>](https://stacker.news/items/531705/r/Design_r) |
|--- | --- |
| **Avatar** | **Agree to Terms** |



 
Prompt: Agree to Terms
===============

> #### Almost every app or website has legal terms. Signing up for a new product will generally require that users agree to the Terms of Service. 
 
It's not glamorous, but it's important. :)

* * *

Flex your [design](https://stacker.news/~Desig/r/Design_r) muscles and join in. Most of all, keep this exercise loose and keep it stress-free. The FUC is about growing our design skills, together, as a community. We can't wait to see what you create!

Happy designing, Stackers!

* * *

**Share Your Results** 
When you finish the challenge, post your work on this thread! If you also share it on `nostr`, be sure to use the hashtag **#FUCdesiger** and tag [Design\_r@iris.to](https://iris.to/Design_r) or [@Design\_\_r](https://x.com/Design__r) on X! We'll keep an eye out and repost good examples on a regular basis.

* * *

**Curious to know WTF is a FUC?** Read the [⚡️Flash Ui Challenges](https://stacker.news/items/418824/r/Design_r) welcoming post.

**Looking for more FUCs?** Check the archive [here](https://stacker.news/Design_r#fucs--flash-ui-challenges)!

```
ODC #000015 - UX > IDEATE
```
### `Designing Wireframe for worldwide Bitcoin Merchants directory app`
[_If you miss it, please read our **WTF is ODC** (Open Design Challenge) intro post from more details._](https://stacker.news/items/393580/r/Design_r)

- - - 
## Scenario
You were hired as a freelance UX designer by an open source orgaization making a new mobile maps to help people discover merchants and frotshops that accept bitcoin payments (BTCmap.org is the competitor).

They would like you to start sketching out general concepts for this app. They want to look into things like page layouts and get some rough ideas to start showing stakeholders and potential users.

- - -
## Task
Create three wireframes for this maps app showing: 1) the homepage (what users land on when they open up the app on their phones), 2) what searching for a new location looks like, 3) the interface for giving the user real-time directions, and 4) how new merchants and business could add their businesses in the directory. Annotate your wireframe: point out specific pieces of it to give the thinking behind what you've made.

**Extra Credit:** Create 2 more wireframes showing 1) a detailed view of a specific location, 2) what saving a location to a favorites list, 3) saving contact details or contacting directly the merchant, and 4) how writing a review looks like.

- - -  
## Guides
If you need help with this challenge, check out our hand-picked tutorial recommendations.

- **How To Succeed In Wireframe Design**
on [smashingmagazine.com](https://www.smashingmagazine.com/2020/04/wireframe-design-success/)

- **Common Wireframing Issues to Avoid**
on [xd.adobe.com](https://xd.adobe.com/ideas/process/wireframing/common-wireframing-issues-to-avoid/)

- **15 Tips for Creating Efficient Wireframes**
on [slickplan.com](https://slickplan.com/blog/15-tips-for-creating-efficient-wireframes)

- **How To Create Your First Wireframe**
on [piped.video](https://piped.video/qpH7-KFWZRI)
- - - 

## Tools
Not sure which tools to use? Try something new, go 💯% FOSS!

`For your computer`
> **Akira** _(for Linux users)_
> by [Akira UX](https://github.com/akiraux/Akira)

> **PenPot** _(for everyone)_
> by [kaleidos](https://penpot.app/) 

> **FreePlane** _(for everyone)_
> by [freeplane team](https://docs.freeplane.org/getting-started/Distributions.html)

`For your hands`
> **Pen and Paper** _(templates)_
> by [SneakPeeKit](http://sneakpeekit.com/#4-mobiles)


- - - 

## Share Your Results
When you finish the challenge, post your work including anonymized collected data and results on this thread! If you also share it on `nostr`, be sure to use the hashtag **#opendesigner** and tag [Design_r@iris.to](https://iris.to/Design_r) or [@Design__r](https://x.com/Design__r) on X! We'll keep an eye out and repost good examples on a regular basis.
- - -

Check our [previous ODC](https://stacker.news/Design_r#odc--open-design-challenges) and support this [community](https://stacker.news/~Design/r/Design_r) for creative minds, where you'll be able to get open and constructive feedback on your PoW. Ask anything in the ~Design territory and get some ⚡**sats** for the [value](https://value4value.info) you provide!

- - - 
- - - 
- - -
```
#Bitcoin #Design #BitcoinDesign #NostrDesign #Nostr #OpenDesign #DesignChallenge #BitcoinAcceptedHere #BTCaccepted #OpenDesignChallenge #Wireframe #Concepts #BitcoinMerchant #LocationSearch #Directions
```
- - - 
