2Know Magazine: Sharing KM Knowledge
2Know: Sharing KM Knowledge
November 2021 - Magazine No. 266
November 2021 - Magazine No. 266
Edition:
Term: Dark Mode
Written By Meirav Barsadeh

Dark Mode is an adjustment in the design of digital user interfaces which has become increasingly popular in recent years and seems to be here to stay. Dark mode entails the system using a dark color palette for all screens, displays, menus, and commands as well as changing the display setting to dark.

This mode has several advantages:

  • It improves the text display for both Smartphone and computer
  • It highlights contrast optimally
  • It’s easy on the eye for long screen sessions
  • It’s battery efficient

More and more apps and websites have begun to implement design compatible with Dark Mode, mainly to highlight the content due to the dark backdrop. In these cases, we can expect large, highlighted fonts, use of bold- even neon- text colors, white elements, and many more.

When should one use Dark Mode design?

  • When there is less text than pictures or icons
  • When there are few elements spread out spaciously
  • When highlighting one element on the page

The goal: to make the view easy on the users’ eyes and keep them in front of the screen for the longest time possible.

When considering combining both dark and light elements in your design:

  • Make sure that the design works well with both styles, as it might suit only one. If necessary, the design can be altered to create two separate designs, each featuring a single style.
  • Ensure that the content remains readable during Dark Mode; increase contrast and reduce transparency accordingly.
  • Consider adapting this mode’s design for the visually impaired

It might seem like a fashion trend, but you cannot deny that in terms of design, the contrast of most colors on a black backdrop looks much better than when displayed on a white one- which makes colors such as green and yellow practically vanish.

On a personal note, it took me some time to get used to the change, and there are some apps that don’t work optimally in Dark Mode (especially regarding color selections which are sometimes derived from the brand colors). That said, I usually feel that the immediate reward- the easier read- is substantial, as it allows me to comfortably use the screen for long sessions.

If you haven’t tried it, I highly recommend trying Dark Mode. You just might love it as much as I do!

References:

https://www.mentor.co.il/dark-mode-vs-light-mode/

https://www.y4pc.co.il/03-19-guides/what-is-dark-mode.html

https://developer.apple.com/design/human-interface-guidelines/ios/visual-design/dark-mode

 

Term: Lazy Loading
Written By Or Yahel Asbag

A product manager’s job is, among others, to plan the user experience and constantly invest in product development. As a product manager dealing with website design and development, I took part in the development of a technique knows as “Lazy Loading”. This term refers to a strategy used to detect components of website pages that aren’t immediately critical for the UX and “blocks” them in order to improve it. The following is a review of this technique, complete with its advantages.

 

Video and pictures are the most desired components for most websites and take up more broadband than any other website component. The problem arises especially when the webpages include many pictures, .gif files or video files, and therefore take longer to load. This harms the surfing quality and the overall User Experience. 

 

Lazy Loading (AKA "Asynchronous Loading”) is a technique meant to make internet content display more efficient by delaying component reload (mainly video, picture, and .gif components) until they are required. This technique claims that rather than load the entire webpage and process it all at once, it is best to load and display the content gradually upon the user scrolling down. For example, delaying video file loading on a webpage until they are revealed to the user, may make its initial display faster. This technique makes these components’ utilization, which may tamper with the page’s loading, more efficient as it operates on minimal reload time. Only when users’ scroll and encounter a video or picture, these components are loaded and displayed on the webpage. If the user does not scroll and is not exposed to these components, their content will not be loaded. This, in turn, saves on broadband and grants users a better, faster surfing experience.

Despite Lazy Loading’s advantages, Google advises not implementing it on components located at the top of your webpage, as they are the first element that the user sees on their page and must load as quickly as possible. Lazy Loading, in these cases, will slow down these components’ loading and negatively impact SEO performance.

 

It seems to me that when discussing work processes, the two most important words (that are closely related) are efficiency and effectivity. What is the difference between these two terms, and what exactly is efficiency?

The term ‘efficiency’ refers to the input-output ratio, a correct and optimal utilization of resources and project costs. ‘Effectivity’ refers to the level of goal, objective and output attainment and their quality. Effectivity undoubtedly plays a vital part in our work and should certainly be given due respect. However, efficiency should not be neglected. I view efficiency as a tool that directs and accompanies every project, I take part in.

Efficiency allows me to find the best and most correct way to succeed in this specific project and therefore ensure its successful completion.

To ensure a project’s efficiency, I take the following step:

  1. I review the project and break down to stages. In other words, I prioritize. Each project’s tasks can be rated according to its level or urgency, thus sorting out what’s important and should be handled first and what can wait for later stages.
  2. I collect all the data I require for the stages defined as most urgent. In some cases, this data may be held by other parties, and it is therefore important to collect and organize all of it in advance, so I am free to advance the project. This allows me to divide the resources at hand in the most efficient way, thus saving me much time.
  3. If any questions or issues requiring consultancy from my seniors arise during the work process, I save them in a single file and make an appointment for direction and assistance. This saves time and ensures I don’t forget to address these issues.
  4. Finally, once the work is completed, I perform an in-depth review and examination, checking for anything I might have missed by going through a neatly organized list. This process always assists me in detecting the difference between the desired result and the project’s actual status. This, in turn, allows us to avoid any deficiencies or flaws.

 

Written by Rom Knowledgeware
Fax 077-5020772 * Tel 077-5020771/3 * Bar Kochva 23 st., Bnei Brak Postal: 67135