I have to build a social network with a marketplace feature + some other features related to the niche (tourism).
I find it quite difficult to make it responsive because in the design sketch some buttons in the mobile version are not present in the web version + other elements are positioned quite differently.
What would you recommend: make a version for web and a version for mobile or try to make it responsive as much as I can. Thanks in advance!
Because imagine duplicating every workflow, later when changing a workflow having to also update the mobile version, forgetting one tiny search constraint on the mobile version compared to desktop version, all of those are worthy
Responsive is doing it the right way the first timeā¦you will thank yourself later! Once you get into the responsive engine, it does start to make more sense. Admittedly thereās still a lot of trial an error, but once I started thinking about groups within groups, using a specific layout for a specific group, inside of a group with another specific layout, it honestly really did come together for me.
One thing I have done to make the whole process it bit easier, is I work backwords within the responsive engine. I start with a design that looks good / works good for mobile (320-350px wide) and from there modify it to work with larger browsers. This way Iām not making compromises in the smaller mobile sizes, and I can make sure from the get-go that all the info I want the mobile version to see, is able to fit on the page.
Most companies are converging the mobile and web version into a responsive page. Modern designs are mobile-first and tend to be much simpler than older web browser designs. I believe having a well-designed and clean mobile app is a huge differentiator. So many suck and are hard to use.
I used to have double of everything almost, for Desktop and then mobile view. But, as time goes on and I realized how I can improve old ways, it takes waaaay to long to re-do the work twice. Itās just a huge pain. Also tracking bugs can get very exhausting because you think youāve done it the same way in 2 different areas, but one little > symbol is missing the or equal to causing nothing to work but youāre so tired your eyes overlook it 300 times. (A tad specific I know.)
When you go the responsive route, itās one and done.