Code Monkey home page Code Monkey logo

Comments (17)

bnvk avatar bnvk commented on July 21, 2024

@elioqoshi heya, cool stuff- I didn't know you worked on anything Thunderbird related at Mozilla. A few thoughts off the top of my head:

  • Consider getting the powers that be to make this default or built into Thunderbird, this is how most modern email clients do things and having to install a plugin (which often leads to a far more buggy experience than default app features) is too much for most users.
  • It looks like you're showing previews within the the "search" or "list of different messages from different senders" I'd urge away from doing this and only show full messages in a "message thread" view- at least that's the approach I took on Mailpile.

You should also checkout the Patterns - email folder I made awhile ago for inspiration- I collected lots of examples of "well designed" email clients and what they were doing with the UI

from jobs.

jancborchardt avatar jancborchardt commented on July 21, 2024

Yeah, good to see that! One of the biggest possible improvements to that would be to add peopleโ€™s profile pictures to that. (Source from the Contacts, or Gravatar, or elsewhere.)

from jobs.

simonv3 avatar simonv3 commented on July 21, 2024

Good job on getting that conversation started. I agree with @bnvk - you should try to get these design considerations working up the Thunderbird chain.

This looks great, though my first impression on the branding was that it looks like Windows 8 things. Consider that when using those colors and diagonals / straight edges. Not that big of a problem though in and of itself. The designs are clean and well put together.

Is this a desktop app or a browser client? Do people know to look for the "new email" button in on those clients (bottom right). I know that's a familiar pattern in Android, but I'm not sure I would look there on a desktop client.

from jobs.

elioqoshi avatar elioqoshi commented on July 21, 2024

@bnvk Yep, I love Thunderbid and am not happy with the situation at Mozilla (we are not considering it as one of our current products)

Integrating it on default into Thunderbird is pretty well possible once it is good enough quality. They did the same with the Lightning calendar in Thunderbird 38.

Regarding the second point of yours: I have not tweaked a lot on the UX, so the preview you mentioned is already in the existing addon. I focused more on the UI but we might tweak the UX and some patterns also if we think that's the way to go. Would love to have your suggestions based on your experiences from Mailpile.

@jancborchardt good idea! But what if only a few people use avatars? Maybe avatars should be optional? Maybe we can add avatars in a later version?

@simonv3 I tried to keep the same structure as the existing addon, yet redesigning it with having Material Design in mind. It might not look convincingly classic Google Material Design, but I neither think that's the goal.

This is for Thunderbird, so it's a desktop app.
Not sure if people "know" about the Material "Power" button, but it's present in a lot of Google services, also on Desktop, not only on Android.
Is there another pattern you would suggest to include:

-Forward
-Reply in a new window
-Reply all in a new window

Would love to hear your thoughts!

from jobs.

bnvk avatar bnvk commented on July 21, 2024

@jdittrich cool. On the Avatar point, I fully agree with @jancborchardt on this and suggest you push really hard for this internally- there is loads of data why avatars make people use (and addicted) to interfaces more than communication platforms without.

However, you bring up a good point about not that many people having avatars- this should be taken into account and a solution offered, like on creating a user profile, you upload a picture, then on exchanging contact with someone you can send them a vCard with all your info.

Checkout this proposal, which deals with more than just avatars, but is something we came up with on Mailpile called SuperContacts

from jobs.

elioqoshi avatar elioqoshi commented on July 21, 2024

@bnvk We could go on with Gravatar, LibreAvatar or similar services to get the avatar from. Offering a backup solution could be added later I guess

from jobs.

elioqoshi avatar elioqoshi commented on July 21, 2024

@bnvk @simonv3 @jancborchardt and others, check this out:
thunderbird-conversations/thunderbird-conversations#967 (comment)

from jobs.

belenbarrospena avatar belenbarrospena commented on July 21, 2024

I really like that last one. My only complain is the icon-only approach to actions (a pet peeve of mine, because I have goldfish memory and I can never remember what they mean). Do the icons have a tooltip on hover with a text label?

Other than that, neat work :)

from jobs.

elioqoshi avatar elioqoshi commented on July 21, 2024

@belenbarrospena Yeah I totally get that. There will be a tooltip on hover of course, in fact it's needed in the current version of the addon too, as the icons are even less self explainable.

from jobs.

bnvk avatar bnvk commented on July 21, 2024

@eliqoshi nice, looking much better IMO :-) you might want to consider doing one of the following:

  • adding a non-gendered outline of a person as a placeholder
  • the colored circle with first letter of name for icons with no avatar (like Material design does)

from jobs.

elioqoshi avatar elioqoshi commented on July 21, 2024

@bnvk Right, not sure how I didn't think of that! :)

from jobs.

elioqoshi avatar elioqoshi commented on July 21, 2024

@bnvk Looking quite solid now I think! Thanks for the suggestion!
v4

from jobs.

elioqoshi avatar elioqoshi commented on July 21, 2024

Got also the logo going :)

logo

from jobs.

jancborchardt avatar jancborchardt commented on July 21, 2024

@elioqoshi great stuff! :) Itโ€™s good to share UI concepts between Thunderbird, Mailpile and ownCloud Mail. :) Looks much better with the avatars, and the placeholder we do pretty much like that as well.

from jobs.

elioqoshi avatar elioqoshi commented on July 21, 2024

Thanks @jancborchardt ! Would you mind chipping into the discussion here?
thunderbird-conversations/thunderbird-conversations#967 (comment)

from jobs.

bnvk avatar bnvk commented on July 21, 2024

Closing this, as it's not active for over a year now. @elioqoshi if you want, you can add these to patterns repo. It would be cool to keep a collection of your work ๐Ÿ˜‰

from jobs.

elioqoshi avatar elioqoshi commented on July 21, 2024

Technically there is progress right now on this, just not by people associated on OSD (apart me). I think we should be able to wrap this up in the coming weeks.

I will encourage them to post a job if there is anything else needed.

from jobs.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.