if there are any #GNOME designers/artists (gnomes? gnome heads? gnomish sourcerers? gnaphic gnesigners?) seeing this, does it comply with the HIG in your opinion? what would you suggest changing if not?
the cheesecrater icon uses the standard rustacean image, which doesn't have that smooth, rounded look the HIG usually suggests, but i lack the skill to make a "blobby" version of ferris.
the crates browser, with its triple-pane layout (third screenshot), is the most complicated of them, but it's based on the design of the crates.io website, which displays the readme alongside a right-aligned "metadata" pane.
(also: either it's very hard to write descriptive alt text for UI design screenshots, or i am very bad at it. possibly both.)
Looks really good, nice work! I'm not really a "designer" but I can quickly point out some stuff until the actual designers join. Though take them with a grain of salt, I'm often wrong!!!
For the icon you can visit the app icon design matrix room, it looks fine to me but maybe the cheese could look more cheesy and the grater more metallic.
I'm a bit hesitant to speak on the first window. Using the sidebar for those kinds of actions is definitely a unique pattern. I'd personally try to fit them in the status page but I don't know if that would align with what you want out of it. Something like Amberol's 3 pill buttons: Search, Categories, Browse. Though I somewhat feel that all 3 could open the same view regardless and therefore the app should just skip the welcomer altogether.
I mean, it could straight up open to screenshot 2, have the "search" functionality be a headerbar loupe icon that reveals a search bar and some pattern to toggle between "categories" and "browse" (viewstack, toggle button
etc). Probably wait for an actual designer input on that though 😀
On screenshot 3 I would probably move the linked buttons to the sidebar's headerbar (it's going to look really nice with the upcoming libdawaita toggle groups!).
I think the utility panel is awesome, I would just remove the crate name and description from there and instead display them in the headerbar (instead of cheesecrater) as an AdwWindowTitle with title "syn" and description "Parser for Rust source code".
From screenshot 4, the only thing that pops up is the user symbolic next to the name, I'd probably add a subtitle under the name with either "Individual" or "Organization" (if that's what the icons mean).
@GeopJr that's all really good feedback, thank you so much!
the reason i put the search/categories/browse in the sidebar is so it's visible on narrow displays, but i think you're right about putting it in the main window until the sidebar is actually needed.
using the window title for the crate title/description is a really good idea.
the subtitle for user/team is good as well, the icons are a bit unclear at the moment.
i'm waiting patiently for the new adwaita toggle group! i'm using the buttons as a holdover while it's in development, but i'm planning on switching over once i can.
putting the search bar in the header is honestly a much better idea than what i'm doing now, and i'll see if i can find a way to merge the categories/new/top pages into one clear UI.
thanks for all the feedback, it's immensely useful!
On screenshot 2, I would probably just list the crates for the category right away instead of the intermediate view and have the "Open in crates.io" be a headerbar button - though I don't know if the category info as you've listed them, is something the app users will seek.
@GeopJr hmm, that's a really good point. if i do that, i'll only have two "modes" (home and crates list), and then i can consolidate all the various home buttons. i could have something like a "view category details" button if needed.
i really like that idea, actually! i'll look into that. thanks again!
👀 Any chance that you're using servo to render some of that? Or is crates.io data structured enough already (markdown, reStructuredText) to pipe into some other renderer? Been thinking about trying to use servo for a project if it's in the "good enough" stage for more modern HTML5/CSS3 documents. #rust #servo
@aspensmonster i'm actually using the GTK webkit bindings through webkit6! mostly just because it's really easy to integrate into an existing GTK project
would you believe me if i told you that getting an icon to appear in this dropdown menu involved several hours of reading GTK forum posts, documentation, and examples in both rust and C, with more than one null pointer dereference along the way
i took a break from working on cheesecrater, and i've since implemented user preferences, including a mostly finished dark mode. adwaita makes it really easy!
~! :blobcathearttrans:
in reply to Lynnesbæn :bune_ylw: • • •I don’t think this complies very well with the GNOME HIG
but it’s very much a good start tbh
Lynnesbæn :bune_ylw:
in reply to ~! :blobcathearttrans: • • •Adw: Adaptive Layouts
gnome.pages.gitlab.gnome.orgLynnesbæn :bune_ylw:
in reply to Lynnesbæn :bune_ylw: • • •if there are any #GNOME designers/artists (gnomes? gnome heads? gnomish sourcerers? gnaphic gnesigners?) seeing this, does it comply with the HIG in your opinion? what would you suggest changing if not?
the cheesecrater icon uses the standard rustacean image, which doesn't have that smooth, rounded look the HIG usually suggests, but i lack the skill to make a "blobby" version of ferris.
the crates browser, with its triple-pane layout (third screenshot), is the most complicated of them, but it's based on the design of the crates.io website, which displays the readme alongside a right-aligned "metadata" pane.
(also: either it's very hard to write descriptive alt text for UI design screenshots, or i am very bad at it. possibly both.)
#design #adwaita
GeopJr
in reply to Lynnesbæn :bune_ylw: • • •Looks really good, nice work!
I'm not really a "designer" but I can quickly point out some stuff until the actual designers join. Though take them with a grain of salt, I'm often wrong!!!
For the icon you can visit the app icon design matrix room, it looks fine to me but maybe the cheese could look more cheesy and the grater more metallic.
I'm a bit hesitant to speak on the first window. Using the sidebar for those kinds of actions is definitely a unique pattern. I'd personally try to fit them in the status page but I don't know if that would align with what you want out of it. Something like Amberol's 3 pill buttons: Search, Categories, Browse. Though I somewhat feel that all 3 could open the same view regardless and therefore the app should just skip the welcomer altogether.
I mean, it could straight up open to screenshot 2, have the "search" functionality be a headerbar loupe icon that reveals a search bar and some pattern to toggle between "categories" and "browse" (viewstack, toggle button
GeopJr
in reply to GeopJr • • •etc). Probably wait for an actual designer input on that though 😀
On screenshot 3 I would probably move the linked buttons to the sidebar's headerbar (it's going to look really nice with the upcoming libdawaita toggle groups!).
I think the utility panel is awesome, I would just remove the crate name and description from there and instead display them in the headerbar (instead of cheesecrater) as an AdwWindowTitle with title "syn" and description "Parser for Rust source code".
From screenshot 4, the only thing that pops up is the user symbolic next to the name, I'd probably add a subtitle under the name with either "Individual" or "Organization" (if that's what the icons mean).
Lynnesbæn :bune_ylw:
in reply to GeopJr • • •@GeopJr that's all really good feedback, thank you so much!
the reason i put the search/categories/browse in the sidebar is so it's visible on narrow displays, but i think you're right about putting it in the main window until the sidebar is actually needed.
using the window title for the crate title/description is a really good idea.
the subtitle for user/team is good as well, the icons are a bit unclear at the moment.
i'm waiting patiently for the new adwaita toggle group! i'm using the buttons as a holdover while it's in development, but i'm planning on switching over once i can.
putting the search bar in the header is honestly a much better idea than what i'm doing now, and i'll see if i can find a way to merge the categories/new/top pages into one clear UI.
thanks for all the feedback, it's immensely useful!
GeopJr
in reply to GeopJr • • •Lynnesbæn :bune_ylw:
in reply to GeopJr • • •@GeopJr hmm, that's a really good point. if i do that, i'll only have two "modes" (home and crates list), and then i can consolidate all the various home buttons. i could have something like a "view category details" button if needed.
i really like that idea, actually! i'll look into that. thanks again!
Lynnesbæn :bune_ylw:
in reply to Lynnesbæn :bune_ylw: • • •Preston Maness ☭
in reply to Lynnesbæn :bune_ylw: • • •Lynnesbæn :bune_ylw:
in reply to Preston Maness ☭ • • •World / Rust / webkit6-rs · GitLab
GitLabLynnesbæn :bune_ylw:
in reply to Lynnesbæn :bune_ylw: • • •Lynnesbæn :bune_ylw:
in reply to Lynnesbæn :bune_ylw: • • •botvolution
in reply to Lynnesbæn :bune_ylw: • • •Lynnesbæn :bune_ylw: reshared this.
Lynnesbæn :bune_ylw:
in reply to Lynnesbæn :bune_ylw: • • •Lynnesbæn :bune_ylw:
in reply to Lynnesbæn :bune_ylw: • • •Evelyn 🐈⬛🐾
in reply to Lynnesbæn :bune_ylw: • • •FoxQuirk 🦊
in reply to Lynnesbæn :bune_ylw: • • •post-office
in reply to Lynnesbæn :bune_ylw: • • •Lynnesbæn :bune_ylw:
in reply to post-office • • •