Design "You have no apps" state for My Profile view. #307

Closed
flukeout opened this Issue Oct 10, 2014 · 13 comments

Projects

None yet

5 participants

@flukeout
Contributor

Currently:

image

We can add a message or CTA to create your first app.

@jmarlena
Contributor

Hey, I setup my dev environment for this bug and I'd like to tackle it. I am not sure what you're suggesting here. Are you suggesting a static or pop up message prompting users to create their first app or a notice that "You have no apps" or both?

@thisandagain
Member

The static call to action can be worded in such a way as to cover both: "Create your first app!".

@thisandagain
Member

Best way to tackle this is to draw up a few sketches and post them before you worry about writing the code. 😄

@thisandagain thisandagain modified the milestone: Mozfest Oct 13, 2014
@jmarlena
Contributor

I will pass on this bug! Too much design for now. ;)

@TheLady
TheLady commented Oct 15, 2014

Hi! I'd love to take this bug. I have Webmaker running locally. Here are my images. Let me know if you have any questions!
imag1747
imag1748
imag1749

@TheLady
TheLady commented Oct 16, 2014

Hi - Does this mean that you no longer need anyone to work on this bug? I'd assumed that flukeout was the mentor when I submitted my sketches.

@flukeout
Contributor

Hi @TheLady - thanks for submitting the sketches. I'm having a hard time with them because not all of the elements you've included are clearly labeled and you're missing functionality from some of them that is on the current profile page. Also What is the grid area below the content on these pages?

At a minimum, we could:

  • Show a message like "You haven't made any apps" with a "Make your first app" button below the "My Apps" header.

If you could take the current design and mock that in there, that would be a good starting point.

@TheLady
TheLady commented Oct 16, 2014

Thanks for getting back to me. That's what I did first but I drew a sketch after submitting a basic mockup like the ones I am attaching now and being told to draw something like the one I uploaded yesterday. It is actually a lot easier for me to do mockups like this. I'd love for you to delete yesterday's, but this interaction might be useful for others.

Here's a better representation of my idea. Sorry about the confusion!

2014-10-15-create-app-sketch1 jpg 001
2014-10-15-create-app-sketch1 jpg 002
2014-10-15-create-app-sketch1 jpg 003
2014-10-15-create-app-sketch1 jpg 004

@TheLady
TheLady commented Oct 16, 2014

By the way, the advice to draw a sketch came from a Bugzilla submission, not this project.
Okay lastly, the squares underneath represent the keyboard appearing on a mobile device screen.
I hope that helps!

@k88hudson
Member

@flukeout @TheLady is this issue resolved or still working on it?

@k88hudson
Member

(please close if resolved ;))

@k88hudson k88hudson removed this from the Mozfest milestone Oct 24, 2014
@thisandagain thisandagain modified the milestone: India Nov 18, 2014
@k88hudson
Member

Most of this has been resolved but adding a "create first app" call to action might still be worth considering @flukeout

Thanks for your work on this @TheLady 😃

@k88hudson k88hudson closed this Dec 9, 2014
@TheLady
TheLady commented Dec 10, 2014

Hi, k88hudson - my pleasure. I hope it was helpful!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment