search

kontalk / desktopclient-java

Kontalk official platform independent desktop client
https://www.kontalk.org
GNU General Public License v3.0
57 stars 24 forks source link

Adapt UI to Android material/Android client design #85

Closed abika closed 7 years ago

abika commented 7 years ago

More?

daniele-athome commented 7 years ago

somebody know where i can get the "menu" icon (these three dots)?

https://design.google.com/icons/#ic_more_vert

use Android fonts (if there are not license issues)

It is not strictly necessary to use Android fonts, so if you find license issues, it's not a big deal.

imitate material design: solid colors, no borders

I guess you already know your way around the Kontalk app resource files, especially colors.xml. If you need help just ask.

What about chat balloons? Do you intend to port all the themes too?

abika commented 7 years ago

https://design.google.com/icons/#ic_more_vert

Thanks! Too hard to find:)

What about chat balloons? Do you intend to port all the themes too?

No way. Its virtually impossible to port the Android themes to Swing. All I can do is set the component properties to look like Android

daniele-athome commented 7 years ago

All I can do is set the component properties to look like Android

Fine by me :-)

webratte commented 7 years ago

My personally chat balloon favourite would be the Hangouts theme like @relan offered for the current Alpha Adroid client.

Of course only if it's not to hard to imitate and implement.

abika commented 7 years ago

My personally chat balloon favourite would be the Hangouts theme like @relan offered for the current Alpha Adroid client.

Sorry, not possible. The UI framework is totally different and doesn't support images for painting components.

webratte commented 7 years ago

I mean (if possible) show avatar beside chatballoon (no matter if it a square or what else) and

"continuation" balloons for sequential messages.  (This is more importent then the avatars beside the chatballoons ;-)) You know what I mean?!

abika commented 7 years ago

Yes, i get what you mean. Avatars in the chat view are imo only useful for group chats. They take a lot of space in provide no additional information. @daniele-athome what is your opinion? Changing the display of "continues" messages can always be done. I think for single chats only the gap between messages will be smaller. Time for new issues...

abika commented 7 years ago

I tested using the Android font ("Roboto") but it doesn't really look good. It just don't "fit" with the desktop environment; all applications are using (almost) the same font, and Roboto looks very different. And I guess the font is optimized for different screen sizes.

daniele-athome commented 7 years ago

Avatars in the chat view are imo only useful for group chats. They take a lot of space in provide no additional information. @daniele-athome what is your opinion?

In the spirit of consistent UI (between single and group chat) I'd say let's include avatars also in single chats. It also helps clearly stating whether the message is outgoing or incoming (I recently had a query about a user that couldn't tell when using an avatar-less theme), although that can be deduced by the presence of the status icon (but it's not so obvious anyway). About the space needed: it doesn't need to be big. @abika if you think it's really wasted space (opposed to the actual usefulness of it), you can omit it in single chats. I'll leave the decision to you.

I tested using the Android font ("Roboto") but it doesn't really look good.

IMHO we should follow platform rules and fonts (although I don't remember if Java/Swing uses the operating system default font or it has its own).

daniele-athome commented 7 years ago

I recently had a query about a user that couldn't tell when using an avatar-less theme

Just to clarify: he opened Kontalk after some time and he didn't remember the conversation so when he opened the chat he couldn't tell who's who... I know, borderline case :-)

webratte commented 7 years ago

I think it's not important to make it exactly like Android. As I said "look and feel like Androidclient" I meand more things like: -Separet messages with date -Sendet time inside the Chatballoons

Informationen in the same place in both clients. So users can use it intuitiv. (nearly) no matter how it looks ;-)

abika commented 7 years ago

@daniele-athome

Just to clarify: he opened Kontalk after some time and he didn't remember the conversation so when he opened the chat he couldn't tell who's who... I know, borderline case :-)

No, I totally know what you mean and I agree that this is important. But for this reason all own messages in the desktop client are in a different color (and not white). On Android "Hangout" does this, "Silence" does not. (Besides that I really like "Silence", too bad chat balloons can't be used with Swing.)

@webratte

As I said "look and feel like Androidclient" I meand more things like:

Please just create issues for this. Like I said, there are a lot of thinks which can be improved, I will just need some time (and your good ideas:).

webratte commented 7 years ago

Just release a version with the current changes. So I can test it and open issues for things I think thats needed ;-)

abika commented 7 years ago

https://github.com/kontalk/desktopclient-java/releases/tag/v3.1.2-beta

abika commented 7 years ago

everything - more or less - done. For more suggestions please open additional issues.