- Dec 2024
-
www.writethedocs.org www.writethedocs.org
-
Should we optimize for searching or browsing?¶ Documentarians may have to determine whether users search or browse for content of interest. What you decide may influence how to focus your resources: SEO and search tools or navigation aids. The resolution to this may depend on your users and what they’re looking for… and also your product interface. Some users, those who frequently search online for content, may prefer to search through your documentation (for example, spending 70% of their time on search and 30% navigation). Other users may prefer to use your site’s navigation system (for example, 30% search and 70% navigation). Nonetheless, some documentarians assume that searching is the primary method that all users rely on. Some indicate that it’s important to have both methods available for the users to select what they want to do. Information architecture (IA) helps a docs team to develop content in a structured and comprehensive manner. A navigation methodology can implement the IA of the documentation system. So, if your team has developed a structure for the content, you can use it as a navigation device for your readers. As one person indicated: No documentation should be random pages of text. Readers use the structure to learn relationships between different features, use cases, or topics. Searching and browsing are complementary actions. The method used by any one person may depend on different factors and users may use both. Offer the best of both to satisfy your readers. Search-related resources Search platform tips for documentation websites (WTD Newsleter) Making documentation discoverable in search engines (WTD video) Search engine optimization (SEO) for documentation (WTD page) Information Foraging (Nielsen Norman Group) Navigation- and IA-related resources Many articles available from Nielsen Norman Group Building navigation for your doc site: 5 best practices (WTD video) Complete Beginner’s Guide to Information Architecture (UX Booth) How To Make Sense of Any Mess (book by Abby Covert)
-
- Sep 2024
-
www.matthewsiu.com www.matthewsiu.com
-
One key motivation for Latticework was how wonderful it feels to stumble upon a past moment of shining clarity, to point and revel. We want to be able to carry those moments with us, to see them all at once when we’re lost, and to use them as landmarks as we navigate our messy notebooks. We’ve used Latticework to do this in small ways so far, and we’re excited to see how our upcoming projects might feel different with its extra affordances.
this paragraph reads like making commonplacing navigable in a new way. Also turns 'snippets' into potenital entry points without them being separate notes, and pivots like tags. Note the clear spatial overtones (landmarks, being lost, navigate, ways, stumble upon, point).
Tags
Annotators
URL
-
-
www.zylstra.org www.zylstra.org
-
Wayfinding by Michael Bond by [[Ton Zijlstra]]
Read Sun 9/15/2024 10:10 AM
obviously the "other" Michael Bond (ie, probably not the writer of the Paddington books...)
-
- Apr 2024
-
-
here are badges for progress, statistics that keep users motivated, and also a clear menu that helps to navigate the application easily.
-
- Jan 2024
-
www.palmbeachpost.com www.palmbeachpost.com
-
This website follows the operable principle, in that individuals with motor impairment are able to navigate the webpage without the use of a mouse by tabbing through the different elements on the webpage and the navigation bar. Additionally, this webpage does not contain any "hover interaction", which would be inaccessible to those who are unable to use a mouse.
-
-
gitlab.com gitlab.com
-
Marking an issue as as a subtask of another. Having task lists in a description is a great start, but it doesn't help (AFAIK) navigating from child back up the chain to parent. Creating umbrella issues is a very common way to track the top-level focus areas for a release.
-
- Jun 2023
-
gitlab.com gitlab.com
-
-
What we call the "super sidebar" will contain all the elements that pertain to moving around GitLab
-
There will no longer be a top bar
-
- May 2023
-
topdach-zandonella.at.dedi2133.your-server.de topdach-zandonella.at.dedi2133.your-server.detopdach1
-
Wieso wurde die Navigation als Buger-Menü angeführt? Beim Öffnen des Menüs, werden nur die Punkte "Home" und "Unternehmen" angezeigt - Rest muss über Entwicklertools im Code geöffnet werden
-
- Mar 2023
-
www.w3.org www.w3.org
Tags
Annotators
URL
-
- Nov 2022
-
community.interledger.org community.interledger.org
-
🌟 Highlight words as they are spoken (karaoke anybody?). 🌟 Navigate video by clicking on words. 🌟 Share snippets of text (with video attached!). 🌟 Repurpose by remixing using the text as a base and reference.
If I understand it correctly, with hyperaudio, one can also create transcription to somebody else's video or audio when embedded.
In that case, if you add to hyperaudio the annotation capablity of hypothes.is or docdrop, the vision outlined in the article on Global Knowledge Graph is already a reality.
Tags
- open source
- learning
- audio
- open
- translate
- hyperaudio
- creative
- lite
- remixing
- commons
- transcript
- interactive
- wordpress
- annotation
- speech
- global
- video
- web monetization
- graph
- roam
- repurposing
- speech to text
- monetization
- speech2text
- mobile
- conference
- plugin
- timing
- docdrop
- knowledge
- translation
- captions
- simultaneous
- language
- ML
- sharing
- navigation
Annotators
URL
-
- Jun 2022
-
Local file Local file
-
As powerful as search can be, studies5 have found that in manysituations people strongly prefer to navigate their file systemsmanually, scanning for the information they’re looking for. Manualnavigation gives people control over how they navigate, with foldersand file names providing small contextual clues about where to looknext.6
The studies quoted here are in the mid 80s and early 90s before the rise of better and easier UI methods or more powerful search. I'd have to call this conclusion into question.
There's also a big difference in what people know, what people prefer, and what knowledgeable people can do most quickly.
Cross reference this with Dan Russell's research at Google that indicates that very few people know how to use ctrl-f to find or search for things in documents. - https://hyp.is/7a532uxjEeyYfTOctQHvTw/www.youtube.com/channel/UCh6KFtW4a4Ozr81GI1cxaBQ
Relate it to the idea of associative (memory) trails (Memex), songlines, and method of loci in remembering where things are -- our brains are designed to navigate using memory
-
-
wicg.github.io wicg.github.io
Tags
Annotators
URL
-
-
developer.chrome.com developer.chrome.com
- Mar 2022
-
-
In Tonga, astronomers are called Tiaborau and are members ofnavigator families that hold chiefly ranks.
-
- Feb 2022
-
www.rolotec.ch www.rolotec.ch
-
Verbesserte Suche und Navigation
- Die kontextspezifische Suche bezieht das Wissen um die verwendeten Konzepte mit ein bei der Auswertung der Quellen. Die semantischen Technologien differenzieren bei der Suche den Gültigkeitsraum eines Konzeptes und schränken somit den Suchraum ein, was zu einer quali- tativen Verbesserung der Ergebnismengen führt.
- Visualisierte Wissenslandkarten (Concept Maps) schaffen Übersichtlich- keit über die Unternehmensstrukturen und vorhandene Wissensträger
-
- Jan 2022
-
-
Webinar ATD Research: Bridging the Skills Gap
Each section can be navigated to using Keyboard. This help users that cannot use a computer mouse, they can still navigate successfully.
-
- Sep 2021
-
sakai.duke.edu sakai.duke.edu
-
clocks from the fourteenth century onwards, how far this was itself a symptom of a new Puritan discipline and bourgeois exac
I do not wish to argue how far the change was due to the spread of clocks from the fourteenth century onwards, how far this was itself a symptom of a new Puritan discipline and bourgeois exactitude.
For some history of the importance of time with relation to naval navigation and trade, see: Sobel, Dava (1995). Longitude: The True Story of a Lone Genius Who Solved the Greatest Scientific Problem of His Time. New York: Walker and Company.
-
- Aug 2021
-
web.hypothes.is web.hypothes.is
-
In whichever group you choose, you can make your note private by choosing “Only Me”. For more information on how this works, see our help article: Who can see my annotations?
The menu on the top left allows people to either show their annotations to others or make it private.
-
- Jun 2021
-
material-ui.com material-ui.com
-
Persistent navigation drawers can toggle open or closed. The drawer sits on the same surface elevation as the content. It is closed by default and opens by selecting the menu icon, and stays open until closed by the user. The state of the drawer is remembered from action to action and session to session. When the drawer is outside of the page grid and opens, the drawer forces other content to change size and adapt to the smaller viewport.
-
-
- May 2021
-
kit.svelte.dev kit.svelte.dev
-
For dynamic routes, such as our src/routes/blog/[slug].svelte example, that's not enough. In order to render the blog post, we need to fetch the data for it, and we can't do that until we know what slug is. In the worst case, that could cause lag as the browser waits for the data to come back from the server. We can mitigate that by prefetching the data. Adding a sveltekit:prefetch attribute to a link... <a sveltekit:prefetch href="blog/what-is-sveltekit">What is SvelteKit?</a> ...will cause SvelteKit to run the page's load function as soon as the user hovers over the link (on a desktop) or touches it (on mobile), rather than waiting for the click event to trigger navigation. Typically, this buys us an extra couple of hundred milliseconds, which is the difference between a user interface that feels laggy, and one that feels snappy.
-
- Apr 2021
-
meta.stackexchange.com meta.stackexchange.com
-
If you belong to private Teams, Free or Basic, your Teams will be listed in the left navigation on all Stack Exchange sites. Currently, they appear only when you are visiting Stack Overflow. If you don’t belong to any teams, there will be a prompt to start a team, which can be minimized.
-
- Mar 2021
-
twitter.com twitter.com
-
ReconfigBehSci on Twitter. (n.d.). Twitter. Retrieved 5 March 2021, from https://twitter.com/SciBeh/status/1326159560835555328
-
- Feb 2021
-
dry-rb.org dry-rb.org
-
In other words, once you've used Maybe you cannot hit nil with a missing method. This is remarkable because even &. doesn't save you from omitting || "No state" at the end of the computation. Basically, that's what they call "Type Safety".
-
Another solution is using the Safe Navigation Operator &. introduced in Ruby 2.3 which is a bit better because this is a language feature rather than an opinionated runtime environment pollution
Tags
- opinionated
- make it impossible to get wrong/incorrect
- programming languages: features
- optional chaining/safe navigation operator
- polluting the global scope/environment
- good explanation
- good point
- reuse existing language constructs
- type safety
- monad: Maybe
- remarkable
- don't modify objects you don’t own (monkey patching)
Annotators
URL
-
-
www.codewall.co.uk www.codewall.co.uk
-
Using details/summary for dropdown nav menu without requiring any JavaScript
-
in this post, we’ll look at how to use this as the basis for an accessible dropdown navigation element that can be opened equally well by keyboard users tabbing through the page, and mouse users hovering on the nav item
-
- Jan 2021
-
github.com github.com
-
You should default to the most permissive option imo and there really is no reason to check anything until you really need to If it were left to me I'd just use optional chaining, as it also eliminates the need for no-ops
(lazy checking)
-
- Nov 2020
-
imfeld.dev imfeld.dev
-
Directives like ng-if="info.report.revenue" sort of work in Angular if info.report is undefined, in that the ng-if becomes false. But the Svelte equivalent {#if info.report.revenue} throws an error. For now we're using lodash get in places where we need to and looking forward to Svelte support for optional chaining.
-
-
bookdown.org bookdown.org
-
By default, bookdown merges
Bookdown navigation structure.
Tags
Annotators
URL
-
- Oct 2020
-
recoiljs.org recoiljs.org
-
We can treat navigation as a first-class concept, even encoding state transitions in links.
-
- Sep 2020
-
github.com github.com
-
handle?.destroy?.()
-
- May 2020
-
www.stiftung-nv.de www.stiftung-nv.de
-
Dark Patterns: Regulating Digital Design. (2020, May 13). https://www.stiftung-nv.de/en/publication/dark-patterns-regulating-digital-design
-
-
sensemaker.cognitive-edge.com sensemaker.cognitive-edge.com
-
admin. (n.d.). SenseMaker® for COVID-19. SenseMaker®. Retrieved May 25, 2020, from https://sensemaker.cognitive-edge.com/sensemaker-for-covid-19-2/
-
- Apr 2020
-
-
-
Vertical navigation needs to scroll and “stick” to the screen so that users don’t lose it. Often vertical navigation works well on a single page design
-
The space used by vertical navigation might be more valuable for other content.
-
One thing is certain when it comes to navigation trends, users and designers seem to be fed up with completely hidden styles and demand options that work in similar formats on desktops and mobile devices. This might be one of the reasons a vertical pattern is trending.
-
The common theme is that many hamburger icons open into vertical sliding navigation.
-
One more word of advice when thinking about vertical navigation: Don’t be tempted to cram it too full of elements just to fill up the depth of a standard-resolution screen. White space is totally acceptable – and even highly recommended – as a design tool in this format.
-
Non-traditional navigation styles can be a fun way to break up some of the same old design patterns.
See the really creative/fun example image above.
Tags
- avoid the need to rewrite for different contexts/platforms
- app design: navigation: side navigation
- visual design: designing for small screens
- focus: websites (not apps)
- navigation: side navigation (vertical navigation)
- mobile app
- valuing
- avoid duplication
- app design: navigation
- mobile-first
- alternative to mainstream way
- app design: navigation: location
- pretty visual design
- visual design: designing for different screen sizes
- cross-platform
- non-traditional
- creative
- visual design: white/empty space
Annotators
URL
-
-
www.webdesignerdepot.com www.webdesignerdepot.com
-
-
If you’re designing any similar type of filtering nav I definitely recommend studying Amazon’s strategy.
-
Amazon has dozens of categories for every search term. This means they need a way to present refined search features without overcrowding the page. Vertical navigations just make sense because they can tuck away to the side while still being fully accessible.
-
a fantastic UI design with vertical nav links on product search pages.
-
-
uxmovement.com uxmovement.com
-
A left navigation is faster and more efficient for users to scan. In just three visual fixations, users scan six items in the left navigation compared to the three items scanned in the top navigation. The left navigation also facilitates a vertical scanning direction that is natural for people
-
A top navigation conserves more vertical page space than a left navigation. With a left navigation, the navigation links occupy the left column of your page. This shrinks and narrows the content area of your page, which means you will have less space for your content. A top navigation, however, uses minimal vertical space, which allows you to occupy the content area of your page with content only.
-
-
- Nov 2019
-
irpp.org irpp.org
-
Relieving the Burden of Navigating Health and Social Services for Older Adults and Caregivers
-
- Oct 2019
-
devblogs.microsoft.com devblogs.microsoft.com
-
TypeScript 3.7 implements one of the most highly-demanded ECMAScript features yet: optional chaining
-
- Sep 2019
-
tom-jaeschke.blogspot.com tom-jaeschke.blogspot.com
- Aug 2019
- Apr 2019
-
projects.invisionapp.com projects.invisionapp.com
-
Journal Nav Headers
- We'd like the other journal visible in individual journal header. Can we do something similar to what we have now?
- Collections can go under "Articles"
-
Journal Nav Footers
- Footer is weird with the journal footer in white on to of the umbrella footer.
- text is too large in umbrella footer
- Need email and RSS icons under connect - and these need to be journal specific.
- too much emtpy space in the footers. Journal and umbrella should be combined.
-
-
burn.coplacdigital.org burn.coplacdigital.org
-
Learn About the Case Learn About the Book Learn About the Context
These buttons along the bottom are a good manner of alternative navigation, directing readers toward what is most important.
Tags
Annotators
URL
-
-
burn.coplacdigital.org burn.coplacdigital.org
-
The Case
Okay, the fact that this one leads to an actual page instead of just a blank with links is greatly confusing to me. At this point I would not have even clicked on the appropriate link here were I not reviewing your site, as I had just assumed it would be another nothing page.
-
-
burn.coplacdigital.org burn.coplacdigital.org
-
her post about the Norman dispute
This is a very good think to have linked to, though perhaps it would be worth making the value of clicking here even more obvious.
-
-
burn.coplacdigital.org burn.coplacdigital.org
-
About
Again, just a few sentences describing this section would be good. Though, thinking on it, the clickable navigation boxes also make navigation feasible on mobile devices. Well done!
Tags
Annotators
URL
-
- Feb 2019
-
www.crusadeforthevote.org www.crusadeforthevote.org
-
Documents, Objects, and Images
You can find the images in the primary resources page. I like that the pages are kind of connected and there are multiple ways to explore and find information.
Tags
Annotators
URL
-
-
www.crusadeforthevote.org www.crusadeforthevote.org
-
History of Woman Suffrage
This is a really nice way of showing the pages available on the site, instead of a sidebar
-
-
digital.lib.niu.edu digital.lib.niu.edu
-
Frontier Settlement
Text is easily readable and is arranged in chronological order, allowing for an assumed timeline to be formed while reading. This timeline is reinforced through the menu bars on the left
-
-
digital.lib.niu.edu digital.lib.niu.edu
-
Grid view List view
A grid or list view option is available, based on the reader's preference. This allows for greater readability and personalization of the site.
-
-
digital.lib.niu.edu digital.lib.niu.edu
-
Collection Abraham Lincoln historical digitization project (133) + - Genre books (128) + - songs (document genre) (128) + - sheet music (5) + - Creator Holmes, John (1) + - Hulbert, F. R (1) + - Lewis, Alonzo (1) + - Street, Alfred D (1) + - Watts, J. H (1) + - Subject Political campaigns--United States--History (128) + - Presidential candidates--United States--History (128) + - Presidents--United States--History (128) + - United States--Politics and government--History (128) + - Query(-) "Tippecanoe Song Book"
Easily accessible tags which can be used to find primary sources or anything else in the website's databases.
-
-
digital.lib.niu.edu digital.lib.niu.edu
-
Page Image
In the primary sources section, original scanned copies can sometimes be navigated to. For example, one can access the original music score via "Page image."
-
-
digital.lib.niu.edu digital.lib.niu.edu
-
Home Primary Source Materials Media Special Topics About
The site is fairly easy to navigate. The menus at the top bring you to the main pages, and the columns on the left bring you to the real research and information. "Extras" such as primary sources, interviews, etc. can be found through the top menus. In other words, things not directly related to the research compilations.
-
- Apr 2018
-
burn.coplacdigital.org burn.coplacdigital.org
-
Pages
I like that I have a choice as to whether to use the front or side tab to navigate
Tags
Annotators
URL
-
- Feb 2018
-
asp6new.alexanderstreet.com asp6new.alexanderstreet.com
-
Documents
They list the number of documents they have that pertain to each source, which is really helpful.
-
All Primary Sources (4128) Full Text Primary Sources (2699) Secondary Sources (525)
They separate the sources based on what's primary and secondary and what is a full text source. I really like this because it is makes the site very easily to navigate.
-
-
asp6new.alexanderstreet.com asp6new.alexanderstreet.com
-
Browse Document Projects and ArchivesDocumentsFull Text SourcesBibliographyPeopleSocial MovementsChronologySubjectsBook ReviewsTeaching ToolsBack Issues
I like the way they outline the different sections because when I was first investigating this site as a potential test site, this navigation bar helped me find everything easily
-
-
digital.mtsu.edu digital.mtsu.edu
-
Recent Additions
This is a neat way to share what kind of content is found through this site. It shows recent additions, so if people were just looking around they can go through them. The only problem with this is that this site seems like a place you would go if you were already looking into a particular topic.
-
Home Subjects States Time Periods Primary Source Types Map All Collections
I really like that you can access everything from this top menu bar. I think it makes it easier to navigate and really want something like it for Karina and I's project site.
-
Search
I think this search bar is a nice feature because if someone is looking at information on a particular time period or person this would be an easy way for them to look through the site. And there is even an advanced search option.
-
- May 2017
-
www.sblm.com www.sblm.comSBLM1
-
Implement Radio Button's
- Stop slideshow when clicked, resume after 5 seconds
- Simulatenously, change Studio H2 opacity to 1.0 and reveal H3 as inline element stacked right, maintaining height dimension of H3 ( background:white, color:black)
- H3 A element is project name and allows user to jump directly to project
Tags
Annotators
URL
-
- Mar 2017
-
tachesdesens.blogspot.com tachesdesens.blogspot.com
-
Star-hopping I start thinking about how I navigate the blogs, how I navigate Twitter, how I smile when I click on recognisable avatars.
navigation. mapping nodes
-