search

hospitalityclub / hc-app

Hospitality Club finally gets an app :)
GNU General Public License v3.0
3 stars 0 forks source link

Design Mockup #1

Open jonycoo opened 5 years ago

jonycoo commented 5 years ago

I have done some work to show you the first sketch of the Design, if you have have any idea how to improve it please write an answer.

Main

main symbol design

Login

login

Profile Set

profile set tab design

Side Bar

sidebar

infohata commented 5 years ago

This is very good guys, love it =) this is how UI and UX work should start.

My input concerns modifications to the data model and things needing an overhaul.

First and foremost - strings will come from the backend. They are stored in _("") expressions in hc4/hccore/models.py file. All strings will be translatable through gettext.

The icon grid looks fine, but I think we should implement it more or less into a dashboard. If a user is not logged in, in the app user should be able to completely browse the website's informational/guideline resources, and of course login/logout. These resources should also be available once logged in, may be accessible through the burger menu.

Sign up form - I agree to separate it to pages, and there is a good reason to do so. Contact Methods - these will be dynamic and while we can template some, most of the user will be able to add/remove. Also, each contact method must have 2 checkboxes - one is "preferred", another is "share by default". @vkuehne maybe i termed it wrong, but share by default would function that the contact detail is getting shared once accepted hosting request or when a person is traveling and applying to be a guest.

Addresses are now also dynamic. While there will always be the primary address, you can have multiple, and switch between them (selecting which is primary at the time of relevance).

Also some fields will be translatable, for example - street address could be provided in native and Egnlish, and any other relevant language. This would especially be relevant for localities with non-latin alphabet of the native language. Also please consider absolute multilingualism in your app UI.

So far my feedback, once again, amazing work!!

vkuehne commented 5 years ago

Yeah, I was also veeeery happy when @jonycoo sent me these mockups a few days ago - I'll use them soon in another post to see if we can create a bit more buzz around this project and find more (app) developers.

I only have a couple of minor fixes at the moment: Hospitality Club please always separated, so space in between the words. And Google+ is dying afaik, so probably shouldnt have it on the mockups either.

@infohata: contact methods - I think so far our strategy of hiding the required info if wanted (name, address, email automatically hidden), and then letting members add whatever else they want in their profile worked quite well, no need to overcomplicate it. This will be a big difference to CS where they try to force members to use the site, and ban events just for adding a whatsapp number :D. We probably will have a few more new datasets (mobile phone, FB login) that we'll also encourage people to enter (for verification etc), and those should also freely hideable/unhideable.

Your functionality of automatically sending info to future guests or hosts is great, but should be built into the hosting request system, so more stuff like address, directions, further instructions can be included with a click. We do the same already with full name+passport number with messages/hosting requests.

infohata commented 5 years ago

It is still better to have one abstract implementation and manage it politically, than to have extra 20 fields in the database and maintain them for APIs, UI and so on. I've implemented it already in the data model in my last commit here - have a look

infohata commented 5 years ago

so you will be able to add as many phone numbers, emails, skypes and telegram handles or facebook links as you want..

authorizing account with facebook can be done through oauth, but i'd not focus on it now, even if it is not too technically complicated, it involves opening and maintaining facebook app, which I recommend to do correctly from day 1. I think Tilman could do that effectively.

vkuehne commented 5 years ago

Ok, I trust you about the contact fields, just one thing - wouldnt we be able to add direct contact options automatically, depending on what contact option the user selects (so direct click on phone number opens whatsapp etc.). Anyway, not so important right now.

FB login: that's actually something I'd really love from the get-go. This way members could login without remembering their old pw (and for some of them, it will have been years and years since they did), and we could also do fun things like have them connect to their FB friends on HC. And of course it would already be a very good additional Verification step, due to most people not using FB with fake names etc. anymore.

Similar with Instagram, btw. While I f*****ing hate despise loathe this app, everyone is addicted to it. And if we allow people to show off their last pics in the profile like Tinder and other dating apps do, it would be a quick way to make profiles more interesting and visual right away (before we start building our own photo solutions...CS has that, although it always feels a bit clumsy).

So different contact fields might have different usages/ways they get integrated into the site. Maybe Telegram has some chat-box where you can chat with the member right away, dunno...but I'm sure there will be lots of cool things to do with the contact ways members chose to put into their profiles.

P.S.: I'll ask Tilman to check here.

tilmanba commented 5 years ago

Uff, I had to create an account on this thing called Github just to ask a question: What does "authorizing account with facebook" mean???

vd-l commented 5 years ago

@Tilman, Aha, that's very funny! :-)

I've used Facebook Login (OAuth) and related features in the past in Perl, without an API, so I guess I would be able to implement it in Python where an SDK actually exists. I've never developped Android apps but I should be able to help there as well. I can't help with iOS though.

If you'll want me to help, let me know when and, if wanted, provide specifications. Or don't give me specification if you prefer, I'm familiar enough with the HC database that I'll be able to figure something out on my own.

@Veit, Do note that using Facebook Login will only be straightforward if people used the same email address for their HC and FB accounts. It may be also useful to think of a form where people could fill their names, address, etc. if they don't remember either their HC username or the email address they used—FB Login could help them fill this form more quickly. And if they can't access this email address anymore and don't remember their password, well, you'll have to figure whether you want to compromise security by allowing them to recover their account with some sort of challenge, or if you prefer to compromise security by having them create a new account. :-D

VDL

Le jeu. 21 févr. 2019 à 07:05, tilmanba notifications@github.com a écrit :

Uff, I had to create an account on this thing called Github just to ask a question: What does "authorizing account with facebook" mean???

— You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub, or mute the thread.

vkuehne commented 5 years ago

@vd-l : Dude, who the f**k are you? You get exactly what we're doing here :) I'll reply on the issues at hand when I'm ....well, sober :)

vd-l commented 5 years ago

Oh, aha, sorry! I've configured GitHub. It should include my name now. :-)

Valmi

Le jeu. 21 févr. 2019 à 08:26, Veit Kuehne notifications@github.com a écrit :

@vd-l : Dude, who the f**k are you? You get exactly what we're doing here :) I'll reply on the issues at hand when I'm ....well, sober :)

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub, or mute the thread.

infohata commented 5 years ago

Hello guys, let's address things all at the time to avoid redundant effort.

@tilmanba "authorizing account with facebook" means basically "login with facebook" @vd-l - new data model is being developed and "initial migration" is ready to be produced, and the tool to import old data is in cooking as I am writing. Please check this branch of hc-django repo. And yes, even Django has OAuth module ready to plug in. As I've said, it's more of a political job than technical to implement it, and first, we need both the new site and the facebook app ready set up and running.

infohata commented 5 years ago

Concerning recovery, I have some wild ideas, please formally report the challenge in a new issue in the hc-django repo.

vkuehne commented 5 years ago

First of all: welcome back, Valmi!! Awesome to get your input here - looooove it :) If you want to join our Telegram developer chat, just let one of us know to add you there!

I just opened a new issue for the FB login app and will try to copy+paste everything relevant over there: https://github.com/hospitalityclub/hc-django/issues/8

vkuehne commented 5 years ago

also, as requested by @infohata , here's the recovery ticket, already put your thoughts in there: https://github.com/hospitalityclub/hc-django/issues/9

jonycoo commented 5 years ago

Hey, a short update: @vkuehne proposed a chance of the Main View to a Dashboard like in the Couchsurving App. Here is how that could look like.

main dashboard

jonycoo commented 5 years ago

what do you think? Stick with the Symbol Main or use a Dashboard and a Tapped Design?

vkuehne commented 5 years ago

Uh, I hope I didn't say "Dashboard like in CS" - actually don't like that word at all, and not a big fan of that app either.

I think with the app main screen we want to achieve 2 things:

How we best achieve this - no idea, trust you to find the right mix design-wise. And we'll use trial and error to further improve the app of course.

jonycoo commented 5 years ago

Added a Mail Design uploaded most mock ups as png including discarded once. Rearranged main view to fulfill requirements issued in previous https://github.com/hospitalityclub/hc-app/issues/1#issuecomment-466620312 commit: https://github.com/hospitalityclub/hc-app/commit/db0274594e333284fe239371ec8607c97e6c5de1