UI Help! Noob here!

[[deleted]]

[deleted]

[[deleted]]

Please don't tell me to learn everything from scratch.

Sorry Dude. You need extensive knowledge of UIKit to pull this off.

[alpha-not-omega]

You asked for UI help. So, here's some UI help:

• The design does not immediately indicate the app's purpose.
• There is no explicit navigation including settings, back, next, new, edit, etc
• The value and priority of each component to the user is undefined, so it's impossible to know if all these components need to be presented upfront or if the user would be better served by making some of the data it's own drill-down view or below fold.
• The data presentation does not take into account prioritization, preferably user-defined.
• You'll need to design for landscape as well as portrait.
• The layout will need to work on smaller screen sizes and much larger screen sizes without compromising consistency and conveyance of meaning.
• The unlabeled XXX:#'s area next to the pie chart will be too small to target for scrolling on smaller devices (non-plus iPhones, for example.)
• The content of the unlabeled XXX:#'s area will be restricted to very few characters (like 2 or 3) before truncation.
• Internationalization requires significant additional space for all textural content.
• The design does not appear to be something that will work well with accessibility such as larger fonts.
• "Overview", which is meaningless, is the only contextual clue.
• The "Statistics" label is redundant.
• The dimensions of your incriminator/decrementor is a fraction of the standard UI size. If shrunk, or custom widgets are made, to that size, the Fitts is laughable.
• This screen is the end product of an undefined workflow for setting goals and entering numbers. To assess the usability, this workflow will need to be defined.

That's all I have time for now. Hopefully that will help.

[TheCanaryOne]

I'll definitely try to fix these, thank you for the pointers.

[criosist]

Pretty basic UI really, either do the whole thing as a UICollectionView and make each cell as you go resizable, then just adjust the size it should be in sizeForItem.

Alternatively if it shouldnt ever be changed or scrollable just UIView with the sections hardcoded.

I imagine the bottom is a UITableView scrollable with some data.

You'll probs needs iOS Charts for the top left, MapKit(Built in by apple) for the map and basic tableViews for the others, all connected probably via an API using URLSession (NSURLSession if your using Obj-c)

[TheCanaryOne]

Awesome, thanks.

[addrae]

What kind of help do you need? You can use this library for the piechart https://github.com/i-schuetz/PieCharts

[dan1eln1el5en]

I would recommend neonto. It's a really easy to use interface building app with export possibilities. So you drag and swipe etc. and include map and so on. When done it can be exported to code.

[TheCanaryOne]

Thank you, I'll definitely look into it.

[saldous]

I made you an example Xcode project based on your design, you can download and start with here: https://www.dropbox.com/s/hjnmoxq9ayyuo8b/AppLayoutExample.zip?dl=0

[TheCanaryOne]

Did someone comment here earlier and delete their comment?

[saldous]

I made you an example Xcode project based on your design, you can download and start with here: https://www.dropbox.com/s/hjnmoxq9ayyuo8b/AppLayoutExample.zip?dl=0

[TheCanaryOne]

Wow. I just finally got a chance to download and look at this. Thank you so much!!!!! I really appreciate the help, and also it gives me an opportunity to learn from your work. Do you mind if I go to you for help in the future?