Githawk: Inbox cell redesign

[rnystrom]

Teaching myself Sketch.app and using the inbox cell as a starting point. I'm trying to accomplish a few things:

• Faster interactions (tap button instead of hidden swipe)
• More, balanced whitespace
• Better information hierarchy

cc @orta you've always had great insight!

[BasThomas]

One thing I can see being tricky with this (if I am correct that the buttons are supposed to be buttons) is tap targets being too small.

[rnystrom]

Taking a lot of inspiration from Twitter where I find these little buttons really easy to use. Tap targets are easy to adjust.

_{Sent with GitHawk}

[orta]

I'm into it.

The "..." should probably have the same right margin as the date above. Perhaps a 0 comment could be greyed vs one with comments which could have darker text/type?

[rnystrom]

Pinched in the ... so its the same padding as comments. Here's a quick attempt at what 0 comments would look like.

What do you all think about the "swipe to read" feature? Keep it as another option.

Some other things that I'm going to mock up to see how it looks:

• "Last timeline action" summary
  
  
  
  • We can get the last timeline item via GraphQL. Could maybe show what the last thing was (commit, comment, assign, etc)
  
  
• Bookmark
  
  
  
  • Maybe put this is in the ... menu
  
  
  • Or replace the mute/unmute toggle w/ bookmark? Put the mute stuff in the ...?
  
  
• ... menu can contain:
  
  
  
  • Share
  
  
  • Go to repo
  
  
  • Other ideas?
  
  
• Labels
  
  
  
  • This might be way too much, but we can also get the labels via GraphQL
  
  

[jdisho]

My suggestion @rnystrom would be:

Swipe right to read.
Swipe left to bookmark

… menu can also contain “copy link” and “mute/unmute”

_{Sent with GitHawk}

[jdisho]

Also another idea would be to replace “... more” with a long press on the cell? 🤔

_{Sent with GitHawk}

[rnystrom]

@jdisho you're suggesting no buttons?

[jdisho]

Yes, no buttons, just the the icons for comments, un/subscribe indicating the un/subscribe action and ....

What do you think @rnystrom? 😊

[rnystrom]

Hmm, since marking read is the primary action that you'd take here, I think it deserves a button vs a hidden interaction.