Design for generic community

Public Clarification Board

• 
  Contest Holder

  • 4 years ago

  Some issues I found:
  - The mobile and desktop Invision links did not work. The search bar is still small in desktop view and the input cannot be seen correctly with the same purple color.
  - The profile menu icon is still being shown (the profile should appear in the drawer menu now).
  - Invision prototypes cannot be inspected at the moment, did you use Invision Studio or Invision Craft and sync the screens to Invision? (if you simple upload the images, it won't work). This is very important, I want Invision mostly because of the inspect feature (also remember to sync them using a single prototype if possible).
  More info here:
  https://bit.ly/2K9elZ8
  https://bit.ly/1Zw1t2h
  As I said, I'm going to award the contest to you, but could you take care of these changes during the handover process?

  • 4 years ago
• 

  turkmentunc

  • 4 years ago

  I'm glad you and your teammates liked my design! I try my best :)

  • 4 years ago
  1. 

     turkmentunc

     • 4 years ago

     Lastly, I've used the same theming document. (https://storage.googleapis.com/material-design/downloads/material-design-stickersheet.sketch) It has both dark- and light theming components.

     • 4 years ago
• 
  Contest Holder

  • 4 years ago

  One last thing, when the user is logged in show the profile as an option there instead of showing the avatar nearby the hamburguer menu. I think it will be cleaner this way, also show the user avatar. Something like this: https://bit.ly/2ow8xAw

  • 4 years ago
  1. 

     turkmentunc

     • 4 years ago

     Hey, thanks for your feedback! Sorry for the late response. Here is the updated Overflow document: https://overflow.io/s/ESAVBP/
     PDF of the artboards: https://drive.google.com/file/d/14t8f7I8c5h7MNV1VecLMLz0Xo4sLbYxP/view?usp=sharing
     Invision - Mobile: https://tuncturkmen153826.invisionapp.com/overview/Generic-Community---Mobile-ck155b46p0vzr018a7h26t2dx/screens?v=eUX4Eo9q%2FBV1q9BGLam6Aw%3D%3D&linkshare=urlcopied
     Invision - Tablet: https://tuncturkmen153826.invisionapp.com/overview/Generic-Community---Tablet-ck155i6e70wc8017pprt7wzfw/screens?v=eUX4Eo9q%2FBV1q9BGLam6Aw%3D%3D&linkshare=urlcopied
     Invision - Desktop: https://tuncturkmen153826.invisionapp.com/overview/Generic-Community---Desktop-ck154s1wg0zjy016i48hoi9bs/screens?v=eUX4Eo9q%2FBV1q9BGLam6Aw%3D%3D&linkshare=urlcopied

     • 4 years ago
• 
  Contest Holder

  • 4 years ago

  (feedback part 2)
  - There are too many categories and news in the desktop design, what happens if there is only one or two categories for example? Change it to have a maximum of four categories and news in desktop view.
  - Add some logo image that will redirect the user to homepage (instead of placeholder).
  - Add image to sign in / sign up screen, or remove it and adapt design (may be bigger buttons?) and the icons should be aligned to the left (take a look again at the reference design)
  - Screen with error message for both the username screen and the magic link input (you can see an example on how to approach this in the reference design).
  If you complete these steps you will be awarded the contest and you will only have to do minor changes during the handover (if any).

  • 4 years ago
• 
  Contest Holder

  • 4 years ago

  So, after talking with my team, we really like your job and you will be awarded the contest if you complete this final feedback.
  - Do the rest of the steps for the light theme as the dark theme (Invision, Overflow, Theming with Sketch ...)
  - Remove search box label "ask the community"
  - Use the same header always in mobile. Use the full header and when scrolling use the partial header with the search input and the hamburguer menu (you have to fix this in categories screen for example).
  - Change the full header design for tablet, I don't like the search input below the rest of the header in that screen size, I think it should have the same design and behaviour as mobile.
  - Make search input bigger in desktop view
  (part 1, continues ...)

  • 4 years ago
• 

  turkmentunc

  • 4 years ago

  Unfortunately, the link I've given in the entry description is broken due to Freelancer spam policies, it has a weird space in it.
  Here is the working one: https://drive.google.com/file/d/1ceCaF0yk-1IVTpdBmNPhc7msRuHE7Bo2/view

  • 4 years ago

Show more comments