We have revamped the design for embedded articles in note to make them easier to read
In response to feedback that "the size of other note articles embedded in my own articles is too large," we have revamped the design to display them more compactly!
By making the height of the embedded section more compact and matching the width to the body text, you can now read through articles smoothly without them being interrupted by embeds.
For a list of services that already support embedding, click here.
Example of embedded images
■ Text post
■ Image post
■ Note post
■ Audio post
■ Video post
Background of the improvement
This improvement was sparked by a request from a creator sent to the "Improvement Suggestion Box". Multiple Slack stamps showing agreement were added, and the CEO responded immediately. A design proposal arrived from the designer just over ten minutes later!
When we asked the designer in charge about the process,
They told us, "I judged that it could be adjusted in about 0.5 man-days, so I started right away. By changing the design, I aimed to achieve ① preventing the body text from being interrupted and ② preventing the article from becoming too vertically long when many articles are embedded."
Various types of images are uploaded to note, including photos, illustrations, and manga. We made repeated adjustments to ensure that no matter what combination of images is used, it looks natural and to reduce unintended cropping of images by creators.
After that, we refined the details such as the image aspect ratio and harmony with the overall design of note.
We will continue to make improvements to note, even in the finer details of the design.
How to embed articles
You can obtain the URL from the "Share" option in various services, or by copying it from your browser's address bar.
1. Place your cursor on the paragraph where you want to embed the content in the text editor, and paste the URL you copied.
2. Press the Enter key to start a new paragraph.
The embedding process is now complete. It may take some time for the content to appear, so please wait a moment.
■ For PC
・Start a new paragraph: Enter
・Line break: Shift + Enter
■ For smartphones
・Start a new paragraph: Smartphone return button
・Line break: The hook arrow icon in the text editor (see the image below)
We consider improvements based on the feedback and requests we receive from our creators. We will continue to build an environment that makes it easier for you to create, so please feel free to share your thoughts with us.
For feature improvements and requests, click here
For other inquiries, click here