UBports Website rebuilding



  • Loving this. Linking to the installer on the same page as the device information makes a lot of sense to me.

    In the header bar, I would write out "OS". More advanced users might be confused if it refers to operating system or open source, less advanced users probably don't get anything from "OS" alone.

    Furthermore, I would add "About us" prominently in the header. About the community in the footer is good for those who understand FOSS. For those who don't, a natural question to ask is "why should I trust these people". I always check the "about us" page first when I'm not sure what I'm looking at. The current UBports Foundation page is maybe a bit technical, but it's a good starting point I think.

    Some more thoughts, as always just suggestions and ideas:

    • "Open Source, Free to use Operation System" would be better as "Free and open source operating system", but the fact that it an operating system is already mentioned. "Free, innovative and community driven"? Too many adjectives?
    • Supported devices (I think this presentation is neat - would be upset if they didn't peek up a little bit on mouse over, which is a good thing. Implies I instinctively want to interact with the design)
    • I generally think uppercase for every word in headlines is a bit noisy, and should only be used in the main headline. But as long as it's made consistent I guess it's alright
    • The graphic over development is neat, with the boxes pointing to the latest OTA. Would be even neater if month and year was added to each OTA box, or just year if month is unknown for the next release. Often when looking at open source projects one wants to know if they are actively being developed, which this would answer neatly.
    • I still have no idea what OTA actually stands for, which is a bit weird - especially maybe when it shows up in the headline of the demonstration page.
    • On the ports page - maybe add a drop down menu for manufacturer, a search box, or something else? Would expect to see it above the list of phones, but you're the master mind. The font for the content here also seems a bit too tiny compared to the sidebar, but I guess it's work in progress.
    • Under the contributes on the ports page: maybe add a funding link? Kind of like the one found in the OpenStore. If people make one available, of course. Thinking "Donate" next to "Gitlink" and "Blog".
    • "check repo instead" should link to more information somewhere (documentation?), but I guess that's work in progress.
    • We need adjectives for "design" and "interface". "Ground breaking design", as it's breaking new ground away from old alternatives and towards convergence? "Intuitive interface", as one generally wants the interface to be intuitive?
    • Everything you need is just a swipe away. With a new way of thinking about mobile interfaces, Ubuntu Touch gives you easy access to powerful features without ever getting in your way.
      Stand out in the crowd with a new and cutting edge system on your smartphone - or disappear in the crowd with a trustworthy system that truly respects your privacy.
      • this takes some edge from the next point, but I feel like it might be slightly too edgy already
    • Enter the OpenStore
      >> explore the store
      With hundreds of apps already available in categories such as communication, music, navigation, administration and games, Ubuntu Touch is ready to meet a wide variety of needs.
      Developed by a freedom-loving community, most apps in the OpenStore are funded by voluntary donations rather than pay walls or ads.


  • @Kaizen Hi,
    thank you, great pages.
    Just some notes for the devices page:

    1. We have an official device checklist for working features at: https://gitlab.com/ubports/community-ports/general/-/blob/master/DeviceChecklist.md
    2. The installer and the preparatory steps sections could be merged in a how to install, which would be easier to read.
    3. If a user gets stuck while installing, it could be useful to have links to the forum, telegram channel and/or matrix channel.
      I've made some changes to the page you've shared:
      main_page_circles_proposal.png
      (My first mock-up)


  • @Kaizen said in UBports Website rebuilding:

    and have a pixel-perfect eye

    It bothers me every time I look at the designs. I think the search icon 🔍 in header menu is too close to the installer button. I'm no designer, I'm just thinking out loud.



  • @Capsia Great idea! Seeing things at a glance in an unambiguous way.👍🏻



  • @Capsia
    The port status with green/yellow/red circles is so great..
    So much better than this orange bar that tells quite nothing 👍



  • @jezek Noted that, let me think about that.



  • @Capsia Merged with next update ...



  • Great things going on, major update soon.





  • Great to hear!


Log in to reply