The new homepage represents the new look and feel of the entire site
which will gradually all conform to this new design,
as update section by section as I have time.
The old style, 2024 and before,
I didn't have any clickable graphic images (that activate hyperlinks to open pages).
I didn't have any clickable graphic images (that activate hyperlinks to open pages).
The new style, starting 2025-december,
I try to conform to industry standards.
Hamburger menu on upper left hand corner that opens up a sidebar TOC (table of contents).
Breadcrumb trail next to it, with the title of current page (not a clickable item as I used to do).
The navigation bar up top is sticky, always visible.
As we often deal with large texts,
the numbering of page sections has to be organized, intelligent.
The kangaroo icon box lets you "jump" to any section number on current page instantly.
The 🔝jumps to the top of the current page, just like 2024 lucid24.org.
The globe icon is a language viewing settings (any combination of pāḷi, english, chinese).
The globe icon is a language viewing settings (any combination of pāḷi, english, chinese).
The gear settings is for visual preferences like font size, margin, dark or light color schemes.
The graphical images that are clickable (to engage hyperlink),
will have a little arrow at the bottom right corner of the image.
Images that aren't clickable won't have those arrows.
The 2024 lucid24.org homepage quicklink (not the kangaroo) is relocated.
Now it's sticky, always visible in the upper right hand of screen, 85% translucent,
so all you see is a question mark.
Hover over question mark, tool tip tells you it's a "Mega quick link" (2024 edition called this feature quicklink)
If you click on the question mark icon, it takes you to the instructions.
If you click just to the left of the question mark,
it will slide open becoming opaque, revealing the mega quicklink box.
Works the same as the 2024 edition,
only difference is I'm calling this "Mega quicklink"
so people don't confuse this with the kangaroo jump link in navigation bar,
that only jumps to sections within current page.
Mega quick link,
allows you to instantly jump to any sutta section number as before in 2024.
Where I differ from industry standard on clicking thumbnail images
Look at the four noble truths section on homepage as an example,
the industry standard UI (user interface) would be if you clicked anywhere on that entire row containing the thumbnail image of 4 noble truths,
it would activate that hyperlink.
I don't like that, because on smartphone devices,
it makes you feel like you're navigating a mine field.
Anything you accidentally touch might activate an unintentional hyperlink.
So I restrict clickable hyperlinks to just the thumbail images (if it has the arrow on bottom right corner).
If you hover the cursor over the text attached to thumbnail,
it won't show the typical cues that those are active elements that are mouse clickable.
Comments
Post a Comment