Professional Documents
Culture Documents
The information in the following is a guide for digital designers who want to start designing
effectively for dynamic content-driven applications like news sites, blogs, or even social
networks where users regularly post content in addition to static websites and landing pages.
Designers will need to adopt a "content-first" mentality in the design process in addition to
understanding how these types of apps are normally structured in order to achieve this move.
Home Page
This is the official entrance and is frequently confused with the home page. It is very frequent
since it helps to emphasize or feature what is most crucial, especially when there is a lot of stuff
to access. This page often displays condensed versions of posts without giving away too much
information.
Page Post
All public information about a post is displayed on the post page if the "post" is the central
component of a CMS-driven application. It is most likely the only page in the program that is
genuinely crucial, and it may be an article page or an informational page about a specific
occasion, someone, group, or item, for example. There may be different sorts of postings and
post pages allocated in certain larger apps.
Category/List Page
Users can browse all of the posts that are available on this type of page and filter them according
to categories, qualities, or other criteria. When there is a significant volume of stuff to scroll
through, a sort option is also typical.
Query Page
For smaller applications, a dedicated search page is not necessary but is always beneficial. It may
occasionally be combined with or integrated into the category/list page.
Author/User Profile
Each author or user who writes one or more posts is honored on this page. It is occasionally
skipped on smaller news websites and blogs with a single author, but it is essential for larger
news websites with many authors, content-driven social networks, and other user-generated apps.
A listing of all the user's posts on this page is a customary and practical practice.
The designer can establish some rules and criteria for selecting, preparing, and cropping photos
as well as some restrictions on text styling, depending on the procedure that is agreed upon.
However, in general, it is the job of the designer to create the application's front-end in a way
that ensures that bad content creation, like a substandard image or a lengthy headline, does not
noticeably detract from the design's quality.
It is always a good idea to mock up an additional version or two of the same page with subject
matter that is noticeably different but still falls within the thematic range of what is publishable
in order to test a design to make sure it works for a variety of content.
One of the numerous advantages of maintaining regular header and image sizes and following a
logical information hierarchy from top to bottom inside a page is that it fosters harmony
throughout the application and keeps the user orientated.
Develop a modular, reusable set of style components for headings, dividers, buttons, widgets,
and other interface elements in a design application to make this easier to accomplish. Use these
elements frequently and logically, with as little modifications as possible. This article from offers
a helpful tutorial for building a Sketch UI library.
DON'T take it for granted that information will always fit in the allotted space.
The amount of text that displays in a given display area might change in length, which is one of
the unavoidable consequences of a CMS-driven application's dynamic nature. The designer
should never assume that a block of text will always fit on a specific number of lines. Character
restrictions can frequently be applied to text in the CMS to keep things sensible.
Individual character widths vary, and it is not usual to severely limit writers' originality by
imposing a very low character limit. This is why it is wise to test a design using actual material,
as was mentioned before, and to thoroughly examine each section using various text samples.
Put a string of wide alphabetical characters (such "w" if the material is in English) in place until
a certain character limit is reached to be sure of the worst-case situation.
Contact US
• Website: https://www.seoexpartebd.com/
• Email: info@seoexpartebd.com
• WhatsApp: +8801404013363
• Address: Head Office Shajapur Kagji para, Majhira,
Shajahanpur 5801, Bogura, Banlgladesh
Thank you