HaikuDepot, app discovery and preview

Before heading back to work from summer break, I wanted to finish this HaikuDepot design. It’s kinda odd to get excited about this warehouse forklift. Still, it’s the avenue where all new software is delivered to users.

I think it could benefit from a layout that better supports browsing multiple apps, with quicker access to comparisons and previews. All accessible with a quick vertical scroll.

This builds on the same “tidy” design thinking we’ve been discussing here. The aim is to keep things clear, reduce clutter, and bring more focus to the app, so it’s easier to understand what each app offers at a glance.

I hope to run Haiku as my daily driver one day. Thanks for all the great work you’ve been putting in to make Haiku more viable with each build.

I’ll be around and following Haiku’s progress with great interest.

7 Likes

Some thoughts about UI:

  • Moving package details to the right is a good idea
  • Options from the Show menu should be moved to the main UI. It can be very confusing when not all packages are listed for no visible reason
  • Don’t remove “Contents” tab
  • What are breadcrumps for? There’s no nested categories in HaikuDepot.

Thoughts about styling:

  • There’s no need in giant paddings. Haiku is not GNOME
  • Don’t hide affordances. “All categories” is not a text, it’s a drop-down menu
2 Likes

It would be nice if HaikuDepot had a “what’s new” thing.

1 Like

Sort the “Date” column in the “All packages” tab.
It’d be interesting to see how well the design works for the “All packages” tab, with its up to 8 columns.

1 Like

This is great!

Only things I’d change is to make the review number a bit smaller and to make the install button and review stars a little less rounded.

1 Like

This app is not our best success in terms of design indeed. It probably needs more than just UI design, a deeper rethinking of the user experience.

Especially the fact that currently the search bar will search only in the featured packages, and the fact that there is an “all packages” view, listing thousands of packages, that surely no one will want to read through without any filtering. That’s one place where, surely, things can be made sirpler and cleaner without compromising any use case or affordance.

5 Likes

I’d imagine it’s the first thing most users open after installing Haiku. Still, HaikuDepot makes getting software easier than hunting down random/dubious websites for packages.

I’m all for incremental improvements. If the new version adds more value than the last, we’re good!

Warehouses and forklifts are cool

3 Likes

Totally! I’ll make those adjustments

2 Likes

It sort of does now. For the last nine months I’ve been maintaining the Featured Apps tab.

It’s not immediately obvious, because there is a permanent list of about 50 apps that we always want to put front and centre. But in-between that you will find apps that are new on the depot or have seen a significant update. This is updated weekly. How long a new/updated app spends on the Feutured tab depends on how quickly it is followed by newer ones. Once we get to about 75-80 entries in total, the list becomes unwieldy and I clean it up until only the permanent list is left.

I document the whole process on git here.

3 Likes

In Beta5 it filters the “All packages” as well. If it doesn’t any more you should file a ticket.

2 Likes

Here’s a revision with the feedback and affordances in mind.

2 Likes

Don’t blend the window borders with the rest of the window. They indicate where to click and drag to resize the window.

Here’s HaikuDepot with focused changes to improve usability. Easier app switching, quick comparisons, and better access to previews and ratings at a glance.

Edit: Switched to the default regular font and added the Install button

2 Likes

Bikeshedding: shoud “Contents” and “Change log” be also buttons?

UI:

  • What Change log look like in the new UI?
  • What Contents look like?
  • What All packages look like?

Good questions! The buttons would work similar to the mail app, similar interaction, hover to see the interactable

haiku_mail_buttons_

So it would be like that :point_down:

Here we have Contents

Still checking out the All Packages. There are few things there, not sure sorting by description or version number is all that useful

Sorting for “Date” is. So may be “Rating” when you’re looking for “the best” app in a category.

Also, it’s not just for sorting. Having a column list enables users to choose the info interesting to them by de/activating columns and present it in a very compact form. You don’t need to click an entry and scroll up and down to the info interesting to you; you see it for all listed packages at a glance.

Having About, Ratings, Changelog and Contents in tabs also avoids scrolling around, it’s always just one click at always the same screen position.

Agreed! These are quite useful when browsing by category and trying to find something recent or well-rated.

Sorting by Description or Version number feels a bit unpredictable to me. Do we want entries that just happen to start with “A” or a number showing up first?

Yep! I kept that here, too. Ratings, contents, and the changelog buttons are all accessible once you select an app.

The buttons act like quick jump links that take you to specific sections.

The goal is to enable a continuous scroll through the information app, allowing you to browse and access all the necessary information in one place

If we need tabs, then tabs it is

Contents, Change log and Install there

1 Like

I did not see them, despite you saying they are there. If those are buttons these should be buttons and not flat buttons.

Though tabs would still be preferable, they are great for when you have a known number of “content” views, while lists are great for an unknown number. :slight_smile:

Like the one and only button (in terms of style class) »Install« here.
Helps a lot in bringing focus.

1 Like