0

I'm a backend dev (mostly), very new to UX. I'm building a mobile-friendly Progressive Web App that allows users to view and edit cards with a few attributes (discussions: title, image, description, time, links, and instructions; demo if that helps).

I'd like to not reinvent the wheel, but reuse well-established patterns. Such apps have to be common, but none comes to my mind other than dating apps, which only handle viewing cards. I've been reading through Google's responsive design guidelines and basic mobile navigation patterns but haven't found this topic comprehensively addressed.

I'm looking in particular for:

  • navigation that's uniform on Android and iOS, especially the 'Back' functionality
  • showing previews vs. the full card
  • transitioning between viewing and editing a card
  • creating a new card

Is there a "model" app for this use case? Or some pattern guidelines for card management?

2
  • What have you come up so far? Can you show us some mock-ups or is that demo by you? – locationunknown Apr 9 '20 at 5:09
  • @locationunknown: yes, the demo is by me. – Dan Dascalescu Apr 9 '20 at 21:42
1

The link is not available anymore but I think I can refer you to the right place. Google's material design. The principles are universal and can be applied cross-platform (although the iOS enthusiasts will frown at the idea):

navigation that's uniform on Android and iOS, especially the 'Back' functionality

creating a new card

https://material.io/components/cards#actions

showing previews vs. the full card

transitioning between viewing and editing a card

https://material.io/components/cards#behavior

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.