this post was submitted on 06 Jul 2024
39 points (100.0% liked)

Pixel Dungeon

1501 readers
63 users here now

This community is a place to talk strategies, tell stories, or discuss anything related to Pixel Dungeon or its many versions.

Rules:

We have a few title tags for standout posts:

Sister Communities:

founded 1 year ago
MODERATORS
 

I'm also using the new Grid UI to overhaul Shattered Pixel Dungeon's journal notes page! The automatic adventuring notes, which record keys and landmarks, are now presented in a much more compact form! I've also added a few new landmarks, such as special floor types.

You might notice that there are a couple of other new things in this UI as well, more on that next week...

(Image description: An image showing the new 'adventuring notes' UI in the journal on the left. Notes are organized by dungeon floor with icons the player can tap for more info. On the right two example note descriptions are shown)

you are viewing a single comment's thread
view the rest of the comments
[โ€“] 00_Evan 6 points 5 months ago (2 children)

I went back and forward on this in development before settling on the more compact view. I do agree that this can result in reduced readability, but I felt it was worth it compared to making the player scroll a whole lot to access earlier floors. I made this choice partly because the lack of compactness makes the current list UI totally unusable, and moving to the grid's main goal is to address that. Using one floor per row would also be especially bad in landscape where there's roughly twice the horizontal space and half the vertical space.

[โ€“] CrayonRosary 1 points 5 months ago

Ahh, I never think about landscape. ๐Ÿ˜„

[โ€“] [email protected] 1 points 5 months ago (1 children)

Perhaps adding separators as visual cues to help readability?

9
X X X
--------
8
X X X X
--------
7        6
X X X    X X X
X
--------
...
[โ€“] 00_Evan 1 points 5 months ago (1 children)

Please look at the screenshot again, there already are separators when two floors are on the same row. Separators on different columns seems unnecessary as there's already a new header that serves as a separator.

[โ€“] [email protected] 2 points 5 months ago

Oh, I see the vertical separators now. Maybe a 1 or 2 pixel padding would make it easier to see?

I feel like either vertical space or horizontal separators between rows, would better signal that you're supposed to read left-right, then up-down. With the current layout, my eyes are drawn downwards first and see Floors 10 โžก๏ธ 9 โžก๏ธ 8 โžก๏ธ 6. Horizontal separators, for example, would break that flow and tell me to look right and see Floor 7.