ChickenKyiv / ChickenKyiv/design2

app wireframes

Open
#8 1 comment 0 reactions 0 assignees View on GitHub
discuss-in-comments good first issue help wanted in-progress
Dominant language
No language data
Stars
0
Forks
0
PR merge metrics
No merged PRs in 30d

Description

in order to help me and app developers I'll ask you to create simple wireframes for a first release - I think sketch will be a good tool. I have all data.
then I'll need to create some sort of sitemap, schema or diagram, where a developer can see UI behaviors

---

Create an interactive wireframes that copy pages logic from wireframes of app that i did few years ago. I list that wireframes at the end of one of my articles, related to recipe app development

What i want to have as result - invision design(maybe?), where developer can see what page is opens first, second. what can be when user clicks on some buttons, etc. Let's call it wireframes, that shows an UI behaviors

Check app wireframes that i did: ChickenKyiv/recipe-app-react-native#7

I think we should use one of this starters in order to speed up our process
https://www.sketchappsources.com/free-source/3171-iblocks-low-fidelity-wireframe-sketch-freebie-resource.html
https://www.sketchappsources.com/free-source/1928-flowchart-kit-mobile-wireframing-sketch-freebie-resource.html
https://www.sketchappsources.com/free-source/2024-mobile-ux-wireframe-template-sketch-freebie-resource.html
https://www.sketchappsources.com/free-source/2729-ux-flow-sample-sketch-freebie-resource.html

some sort of sitemaps that i use in app development
![b944776a01af18191c5324145ec04440-original](https://user-images.githubusercontent.com/1469198/37318728-ccef2904-2674-11e8-90a4-1abc69313822.png)

![b33e2daee0cb4c1e9f27c4fc3399ff0d](https://user-images.githubusercontent.com/1469198/37318646-53c09072-2674-11e8-8eeb-0923eca8d26e.png)
![c0ae724e5d2a4635ab5994821ac88e95](https://user-images.githubusercontent.com/1469198/37318660-62c5b0a2-2674-11e8-9fd5-fabe513f605c.png)

Detailed thing. Let's call it all-features:
![7cc6dbef63964208a3b5dcc68075a0f9](https://user-images.githubusercontent.com/1469198/37318674-76aeb6fe-2674-11e8-85cd-6694108341b9.png)

Contributor guide

No contributing guide indexed for this repository

Research direction

Start by reviewing the earlier app wireframes in ChickenKyiv/recipe-app-react-native#7 and the wireframing resources linked in this issue. Map the requested first-release pages, navigation, and button behaviors into interactive wireframes plus a sitemap or behavior diagram. Done means developers can see the opening page, navigation sequence, and outcomes of user interactions.

Written by the indexing model from the issue text.

Assessment

Domain
design
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
20/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.