348 Matching Annotations
  1. Apr 2024
    1. Physical  difference is the first thing to take into account when designing for kids. Children’s motor skills (especially at a young age) are different from those of other age groups. Younger kids’ motoricts change their user behavior. For example, at early age children typically type slowly or have limited control of the mouse. This is something designers have to pay attention to when creating UI for children.
  2. Mar 2024
    1. Por un lado, este enfoque tiene un potencial real para escapar de la reproducción de categorías sociales existentes como variables que se utilizan para dar forma a la experiencia; puede desestabilizar las categorías sociales existentes y reemplazarlas con una experiencia de usuario (UX) y una personalización de la UI verdaderamente personalizadas y basadas en el comportamiento. Sin embargo, en la práctica, este enfoque también conduce a la reproducción y cosificación de categorías sociales existentes a través de la vigilancia algorítmica, el seguimiento de los usuarios en todos los sitios, la recopilación y venta de sus datos y el desarrollo de burbujas de filtro (que muestran a los usuarios únicamente el contenido con el que creemos que se sienten cómodos). ).

      ¿cuáles son experiencias de usuario vs categorías sociales existentes?

  3. Feb 2024
    1. Essa página sobre Gestalt tem um conteudo sensacional, ótimo. Conteúdo que normalmente não é ensinado em nenhuma aula de design. Vai além do básico sobre Gestalt.

      Sao principios gerais que explicam muito mais que os outros principios de Gestalt.

  4. Jan 2024
    1. 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.
  5. Dec 2023
    1. Use HStack to lay out views in a horizontal line, VStack to position views in a vertical line, and ZStack to layer views on top of one another. Then, combine stack views to compose more complex layouts. These three kinds of stacks, along with their alignment and spacing properties, view modifiers, and Spacer views combine to allow extensive layout flexibility.
    1. 10、vue-draggable-plus Vue2 & Vue3 的拖拽组件。(@Alfred-Skyblue 投稿)


  6. Nov 2023
  7. Oct 2023
  8. Sep 2023
    1. Creating a "signpost user interface" can help to uncover directions to take in digital contexts as out of sight is out of mind. Having things sit in your way within one's note taking workflow can remind them to either link things, or move in particular directions for discovering new avenues of thought.

      Example: it would be interesting if Jerry's The Brain would have links directly to material in Flancian's Agora to remind him to search or find relevant material there. This could help with combinatorial creativity with inputs from others, though it needs to be narrow so as not to result in rabbit holes which draw away attention.

      Link to: https://hypothes.is/a/iQvo7l1zEe6dZ5_9d9rrVw

    2. Jerry Michalski says that The Brain provides him with a "neighborhood perspective" of ideas when he reduces the external link number for his graph down to 1.

      This is similar to Nicholas Luhmann's zettelkasten which provided neighborhoods of related notes based on distance from any particular note.

      Also similar to oral cultures who relied on movement through their environment for encoding memories and later remembering them. [I'll use the tag "environmental memory" to track this until a better name comes along.]

  9. Aug 2023
  10. Jun 2023
    1. ingle team can’t develop every possible solution to a given problem.

      This is an extremely important concept, no one team can create every solution possible most time workers do what works despite what would, in theory work better. Developing a new work flow involves a series of tests and a change in boundaries that might be risky for the company at large. But no one team knows every solution and multiple teams coming at a problem is good.

    2. wide variety of methods for any given project.

      Having a variety of methods to get to a solution is exteremely important as a lot of people can come at a problem with different angles and solve it differently. However, this can breed confusion as to which way is the "right" way and which way is the "wrong way" It also may seem like their way might not work but we should do a though examination from their side to see why they think it might work and maybe square that up with the harsh reality.

    3. between


  11. May 2023
    1. https://web.archive.org/web/20230502113317/https://wattenberger.com/thoughts/boo-chatbots

      This seem like a number of useful observations wrt interacting with LLM based tools, and how to prompt them. E.g. I've seen mention of prompt marketplaces where you can buy better prompts for your queries last week. Which reinforces some of the points here. Vgl [[Prompting skill in conversation and AI chat 20230301120740]] and [[Prompting valkuil instrumentaliseren conversatiepartner 20230301120937]]

  12. Mar 2023
    1. Conversations are collections of messages that all have the same Subject. When "conversation mode" is on, searches return entire conversations as results. So what should gmail search do if a conversation contains both a message that matches, and a message that does not match your search? You are probably expecting it to return conversations only if all messages in that conversation match. But that is not correct. Instead, Gmail search will return conversations even if only a single message in that conversation matches. So that means that if you do the same search above with "conversation mode" on, the results are likely to include messages that do not match your search!
  13. Jan 2023
  14. Dec 2022
  15. Nov 2022
  16. Oct 2022
  17. Sep 2022
    1. the thing is about vision, same with the ear, you can only see a few at a time in detail, but you can be aware of 100 things at once. So one of the things we're really bad about is, because of our eyes, you can't get the visual point of view we want. Our eyes have a visual point of view of like 160 degrees. But what I've got here is about 25, and on a cellphone it's pathetic. So this is completely wrong. 100% wrong. Wrong in a really big way. If you look at the first description that Engelbart ever wrote about what he wanted, it was a display that was three feet on its side, built into a desk, because what is it that you design on? If anybody's ever looked at a drafting table, which they may not have for a long time, you need room to design, because there's all this bullshit that you do wrong, right?

      !- insight for : user interface design - 3 feet field of view is critical - 160 degrees - VR and AR is able to meet this requirement

  18. Aug 2022
    1. This describes one of the most pleasing hacks I've ever come across. I just now tracked it down and added it to my bookmarks. (Not sure why it wasn't already there.)

      You could also conceive of going one step further. When your app (doesn't actually have to be a game, though admittedly it's much easier for you if it is) is compiled with tweak.h, it gives it the power to paint the source file on the screen—so you don't actually have to switch over to your text editor to save it, etc. Suppose you want to provide custom inputs like Bret Victor-style sliders for numeric values. You could edit it in your text editor, or you could derp around with it in-app. Tweaking the value in-app should of course both update it wrt the app runtime but also still write the file to disk, too, so if live reloading is turned on in your text editor, whatever changes you make inside the live process image gets synced out.

  19. Jun 2022
  20. May 2022
    1. 购物车界面的业务逻辑拆分成了两部分: 接口部分:Cart 和 CalculateCart 是接口。变动相对来说不频繁。 实现部分:具体的 calcXszkPromotion,calcMemberPromotion 这些界面渲染方法

      利用依赖倒置,我们可以把 CalculateCart 定义在依赖关系的底层,由限时折扣,会员优惠这些 Git 仓库去做接口实现。

    2. 服务端数据集成的方式

      服务端数据集成的方式。 数据集成可以实现任意复杂的需求,是对需求形态限制最小的集成方式。

    3. 这一类需求和离散型 UI 不同。界面上没有明显的大区块。

      混合型 UI, 离散型 UI。

      购物车是典型的混合型 UI。没有哪个 Git 仓库,可以声称对界面上的某个区块负责。


      在这种比较恶心的复杂需求下,如何最大化 autonomy 呢?

    1. Some Test Scenarios: * Single or multi-browser testing * Downloading an app to the desktop * Installing browser extensions

  21. Apr 2022
  22. Mar 2022
    1. You can register using the login form...

      This is now fixed. If the Sign In button is used then if the user/Display name does not exist then the page is cleared and refreshed.

    1. onChange

      The callback seems to receive 2 arguments. e and reactChild

      In the past I got the selected value using e.target.value This seems to work.

      Not sure of the use of the reactChild element that the callback receives.

      Another important note regarding recording the recorded value of the select is noted in the "value" prop explanition ( below, on this very page )

  23. Feb 2022
    1. Changing the semantic element

      You might want to turn it into a span for any number of reasons. eg if you want one word in a sentence to be another color / style eg. I wear a red hat

      <Typography component="div" > Contact Details : <Typography component="div" display="inline" variant="body2" color="black"> elroinoronha2@gmail.com </Typography> </Typography>

      (copy it to a code editor for the code to make sense)

      is a good solution since it defeats the "h1 cannot be a child of h1" DOM error + let us use the sx prop.

      We would not be able to use sx prop to style the inline part if we would use the native <span> component ie. <Typography > yo mama <span> so fat </span> </Typography>

      You would have to use inline style styling instead.

    1. Another option (at least in v5) is to use the Box component and select the underlying html element to be img as given in the example below (copied from official docs for v5)

      This <Box/> method is the preffered way of doing it. The <Paper/> method too is a good idea. The basic reasoning is that only MUI components support the sx prop ie. only they can fully use the MUI systems features. Thus, it doesnt make sense to use the native <img/> component in the markup, as it does not support sx

    1. The SX prop does not work with non MUI components eg. native <img/> component. To style this, you will have to use the native inline styling ie. <img style=" ............". /> If you want to style the img and use some MUI system specific features, ie. you need to use sx ; do the following. Use <Box component="img" sx={{ }} /> instead. This supports the sx prop, thus your image will be customizable with sx prop.

    1. Color

      The color prop does not support all MUI theme colors / their shades DIRECTLY through its color prop. Eg. The color prop supports primary but not primary.main/dark. It does not support the palette warning color at all.

      To remedy this you have 2 options 1 BETTER -- give the icon the desired color through the sx prop OR 2. wrap the icon in a box and give the box to desired color

    1. https://dancohen.org/2019/07/23/engagement-is-the-enemy-of-serendipity/

      Dan Cohen talks about a design change in the New York Times app that actively discourages exploration and discovery by serendipity.

      This is similar to pulling out digital copies of books you're looking for instead of going to the library, tracking down the book on the shelf and in the process seeing and experiencing the books on the shelf which are nearby, or even the book that catches your eye across the aisle, wasn't in your sphere of search or interest, but you pick it up anyway.

      How can we bring this sort of design back to digital experiences?

      It's not just the algorithmic feeds which are narrowing our interests and exposure, but the design of our digital spaces as well.

    1. React components fall into a variety of categories. You can pick and choose from “individual” components or a full-fledged UI component library. And, in a lot of cases, these full-fledged libraries include a complete design system.

      Lots of interesting libraries for React UI components.

    1. This plugin adds two new views to Obsidian, the breadcrumb matrix/list view, and the breadcrumbs trail view. The wiki has more in-depth info on the plugin than the readme.

      <small><cite class='h-cite via'> <span class='p-author h-card'>Eleanor Konik</span> in 2021-07-24: Showcases, Link Cards, & Better Tablet Toolbars (<time class='dt-published'>07/29/2021 12:14:15</time>)</cite></small>

  24. Jan 2022
    1. In computing, What You See Is What You Mean (WYSIWYM, /ˈwɪziwɪm/) is a paradigm for editing a structured document. It is an adjunct to the better-known WYSIWYG (What You See Is What You Get) paradigm, which displays the result of a formatted document as it will appear on screen or in print—without showing the descriptive code underneath.[1] In a WYSIWYM editor, the user writes the contents in a structured way, marking the content according to its meaning, its significance in the document, and leaves its final appearance up to one or more separate style sheets. In essence, it aims to accurately display the contents being conveyed, rather than the actual formatting associated with it.
    1. Here comes 2022, and as usual, we have prepared for you the list of the top UI/UX design trends to follow. Design in the coming year is about taking care of users, their uniqueness, and avoiding the “perfect picture”. Therefore, real-life photos, live artistic illustrations, and asymmetry are gaining more popularity. And by the way, did you know that according to Pantone, the color of 2022 is violet (Very Peri)? Let’s now explore the leading UI/UX design trends of 2022 in detail and see how popular brands successfully implement them.
  25. Dec 2021
    1. One of my greatest concerns about this field today is that almost all of the problem discovery happens by a kind of self-interested navel-gazing process, where product builders take the quote “build things you would want to use” a little too literally, and build products for the small niche group of people interested in note-taking tools and processes. This leads to products that seem useful to a small group of other people who are also working in this space and familiar with its vernacular and concepts, but are unusable or unapproachable by most people outside of that small community. I think this is a dangerous failure mode.

      The level of complexity to using some of these tools is also a huge hurdle for the everyday user as well. Some require deep knowledge of the tool along with coding ability as well.

      Perhaps this complexity barrier will come down over time, but some projects don't seem to be working toward making things easier and simpler for the end user.

  26. Nov 2021
    1. Huang, who has a background in paleography, warns that many characters do not function as a “signific,” a linguistic term indicating a relationship to the word’s meaning. Additionally, the meanings of numerous characters changed over time, or they were “loaned” to other words with separate meanings. Even though more than 86 percent of characters have radicals that also function as significs, Huang encourages teachers to understand some of the exceptions, saying, “It is all right for Chinese teachers not to lecture on these, but they have to know them because students may ask.”

      More than 86% of characters in Chinese function as significs, a linguistic term indicating an association to the word's meaning. Sometimes these meanings can change with time and drift from original meanings.

      The drift can be interesting and important from the perspective of historical linguistics as well as to give clues to changes in culture.

      An example in English might be the use in computer user interfaces that include telephone handset images or old 3.5" floppy disk images used to respectively indicate "call" or "save" despite the fact that these items have either changed shape or are no longer commonly used.

    1. I am going to rework my website to an information site rather than blog, and include all the new stuff I am doing including the languages, archaeology, applications to education and a very recent approach linking the mnemonic technologies to human evolutionary genetics.

      Perhaps a wiki (single or multiple user) would be a better tool for this?

    1. My UIs are data/store driven. The UI is just a way to visualize the data. Your data could flow through all of of the extensions and the extensions can make decisions (e.g. setting visible to false). Like middlewares in a Connect/Express/Polka app. And the UI doesn't even know about all this, it just updates with the current state and makes sure it's consistent.
    1. All of the major UK ISPs will have to prevent their customers from accessing them but whether that will have any serious or long-term effect is harder to gauge.

      Note the use of customers here. Who are the publishers effecting? This sentence would seem to imply that their customers are using these services because they are better (better UI and ease-of-use), which is something I recall having read about in articles in the past.

      Link to that reference here if I can find it. I think it was a journal article in Science perhaps?

  27. www.appops.org www.appops.org
    1. Getting Started

      Image snippet on left side gets squeezed and links are hanging out in the open on macbook . Needs fixing




  28. Oct 2021
    1. https://www.heise.de/newsticker/meldung/Missing-Link-Luhmanns-Denkmaschine-endlich-im-Netz-4364512.html?seite=all

      An interesting overview of Niklas Luhmann's zettelkasten and how it was digitally archived with some potential ideas about how this might be done for other such systems or for ideas for those building and designing their own digital gardens.

    2. Luhmann benennt den Nachteil, dass der "ursprünglich laufende Text oft durch Hunderte von Zwischenzetteln unterbrochen ist" – ein Problem, das in der weiter unten beschriebenen digitalen Edition mittels eines Navigationssystems gelöst wurde.

      Machine translation:

      Luhmann names the disadvantage that the "originally running text is often interrupted by hundreds of slip sheets" - a problem that was solved in the digital edition described below using a navigation system.

      One of the problems Luhmann had with his paper version of a zettelkasten is solved by the digital edition's navigation.

    1. sticky navigation menu that’s always visible regardless of how far shoppers scroll down. 

      good to have feature

    2. Who the brand is;What they’re selling; andWhy shoppers should be interested.
      1. intro homepage banner - talk about F2F B2B + D2C offerings/UVP

      2. Sponsored brands - Sponsored by brands/sellers

      3. Highlight Categories by category icons

      4. Trending/Handpicked/Curated by F2F - Sponsored by brands/sellers

      1. PR articles about F2F services
  29. Sep 2021
    1. The iPad’s larger screen also scales down PDF pages to fit, making the results smaller than they would be in print. It also displays simulated print margins inside the bezel margin of the device itself, a kind of mise en abyme that still can’t actually be used for the things margins are used for, such as notes or dog-ears.

      It would be quite nice if a digital reader would allow actual writing in the margins, or even overlaying the text itself and then allowing the looking at the two separately.

      I do quite like the infinite annotation space that Hypothes.is gives me on a laptop. I wish there were UI for it on a Kindle in a more usable and forgiving way. The digital keyboard on Kindle Paperwhite is miserable. I've noticed that I generally prefer reading and annotating on desktop in a browser now for general ease-of-use.

      Also, I don't see enough use of mise en abyme. This is a good one.

      In Western art history, mise en abyme (French pronunciation: ​[miz ɑ̃n‿abim]; also mise en abîme) is a formal technique of placing a copy of an image within itself, often in a way that suggests an infinitely recurring sequence. In film theory and literary theory, it refers to the technique of inserting a story within a story. The term is derived from heraldry and literally means "placed into abyss". It was first appropriated for modern criticism by the French author André Gide.

  30. Aug 2021
    1. I like the differentiation that Jared has made here on his homepage with categories for "fast" and "slow".

      It's reminiscent of the system 1 (fast) and system2 (slow) ideas behind Kahneman and Tversky's work in behavioral economics. (See Thinking, Fast and Slow)

      It's also interesting in light of this tweet which came up recently:

      I very much miss the back and forth with blog posts responding to blog posts, a slow moving argument where we had time to think.

      — Rachel Andrew (@rachelandrew) August 22, 2017
      <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

      Because the Tweet was shared out of context several years later, someone (accidentally?) replied to it as if it were contemporaneous. When called out for not watching the date of the post, their reply was "you do slow web your way…" #

      This gets one thinking. Perhaps it would help more people's contextual thinking if more sites specifically labeled their posts as fast and slow (or gave a 1-10 rating?). Sometimes the length of a response is an indicator of the thought put into it, thought not always as there's also the oft-quoted aphorism: "If I Had More Time, I Would Have Written a Shorter Letter".

      The ease of use of the UI on Twitter seems to broadly make it a platform for "fast" posting which can often cause ruffled feathers, sour feelings, anger, and poor communication.

      What if there were posting UIs (or micropub clients) that would hold onto your responses for a few hours, days, or even a week and then remind you about them after that time had past to see if they were still worth posting? This is a feature based on Abraham Lincoln's idea of a "hot letter" or angry letter, which he advised people to write often, but never send.

      Where is the social media service for hot posts that save all your vituperation, but don't show them to anyone? Or which maybe posts them anonymously?

      The opposite of some of this are the partially baked or even fully thought out posts that one hears about anecdotally, but which the authors say they felt weren't finish and thus didn't publish them. Wouldn't it be better to hit publish on these than those nasty quick replies? How can we create UI for this?

      I saw a sitcom a few years ago where a girl admonished her friend (an oblivious boy) for liking really old Instagram posts of a girl he was interested in. She said that deep-liking old photos was an obvious and overt sign of flirting.

      If this is the case then there's obviously a social standard of sorts for this, so why not hold your tongue in the meanwhile, and come up with something more thought out to send your digital love to someone instead of providing a (knee-)jerk reaction?

      Of course now I can't help but think of the annotations I've been making in my copy of Lucretius' On the Nature of Things. Do you suppose that Lucretius knows I'm in love?

  31. Jul 2021
    1. This is pretty slick and looks pretty in its published form. Great to see others are using clever set ups like this as posting interfaces.

      I have a feeling that other TiddlyWiki users would love this sort of thing. While TW may not seem as au courant, it's still got some awesome equivalent functionality and great UI which is what most of the users in the note taking space really care about.

      I do still wish that there was a micropub set up for Hypothes.is to make this sort of thing easier for the non-technical users.

    1. I like the hovercard-like UI that enables one to see prior versions of links on a page. It would be cool to have this sort of functionality built into preview cards for these as well.

      <small><cite class='h-cite via'> <span class='p-author h-card'>Jonathan Zittrain</span> in The Rotting Internet Is a Collective Hallucination - The Atlantic (<time class='dt-published'>07/08/2021 22:07:17</time>)</cite></small>

    1. Suppose Google were to change what’s on that page, or reorganize its website anytime between when I’m writing this article and when you’re reading it, eliminating it entirely. Changing what’s there would be an example of content drift; eliminating it entirely is known as link rot.

      We don't talk about content drift very much. I like that some sites, particularly wiki sites, actually document their content drift in diffs and surface that information directly to the user. Why don't we do this for more websites? The Wayback machine also has this sort of feature.

  32. Jun 2021
    1. 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.
    2. Temporary drawerTemporary navigation drawers can toggle open or closed. Closed by default, the drawer opens temporarily above all other content until a section is selected.
    1. These little trails of links help users figure out where they are within a website. Often located at the top of a site, breadcrumbs let users see their current location and the proceeding pages. Users are also able to click on them to move between steps.