Git Product home page Git Product logo

Comments (11)

marykatefain avatar marykatefain commented on June 17, 2024 2

I'm not ruling out the shaking.... :P

from gardenhub.

alexgleason avatar alexgleason commented on June 17, 2024 1

A submit order button, what do you mean? You mean the users can't just shake their phone and make it submit? 😜

My mistake. I'll update the design after completing the others, unless you implement something first.

from gardenhub.

alexgleason avatar alexgleason commented on June 17, 2024

Screen for when a user logs in and has no upcoming harvests

manage-screen-empty

My inspiration for this design is elementary OS's "welcome screen" design standard. Example below:

welcome-screen

elementary OS has a fantastic HIG and it's worth reading their recommendations for first launch experience and welcome screen.

This was a quick sketch, but down the line we may want to come back and also add "manage plots" or "manage gardens" as extra options alongside "submit an order". For now they're configured under the "manage" nav at the top. I have other ideas about that too though, such as only prompting for the creation of those items when the app detects that they user doesn't have any made.

from gardenhub.

marykatefain avatar marykatefain commented on June 17, 2024

This looks good! Thanks!

from gardenhub.

alexgleason avatar alexgleason commented on June 17, 2024

Submit new harvest screen

Here's a mockup for a "submit new order" screen.

create-order

Certain aspects of this design I don't consider to be final, such as the colors of the selected crops and the "add another" button. These are things we can adjust after it's coded, so I'd say go ahead.

I envision the input boxes having some special functionality. The date inputs should pop up a calendar to select from, and the "select a plot" should show the relevant plots organized by the garden they belong to.

from gardenhub.

marykatefain avatar marykatefain commented on June 17, 2024

This looks great! Thanks!!

from gardenhub.

marykatefain avatar marykatefain commented on June 17, 2024

I think there should be a submit order button on the new order design.

from gardenhub.

alexgleason avatar alexgleason commented on June 17, 2024

Here's the edit plot screen. Submit button intentionally omitted.

edit-a-plot

from gardenhub.

alexgleason avatar alexgleason commented on June 17, 2024

Android seems to like putting "submit" buttons in the floating navbar. My intuition is to do something like this, but I'm not totally sure. Some examples below.

My only hesitation is that icons without labels add complexity. We can't assume a user will understand them. For instance, I wrote the word BACK aside the back arrow because user testing shows that people a way more likely to open a hamburger menu that actually says the word "MENU" beside it. You have to really spell it out to people. It's kinda like how plain text emails perform better than fancy templates; the reality is that pretty design often overcomplicates things for the user.

screenshot_20171112-212747
screenshot_20171112-212731

from gardenhub.

marykatefain avatar marykatefain commented on June 17, 2024

RE: edit plot design:

How do users delete crops? Also we don't need the tap to select stuff here.

from gardenhub.

alexgleason avatar alexgleason commented on June 17, 2024

I think we can close this one. Let's open new, more detailed issues if necessary.

from gardenhub.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.