Nowadays most of the companies and institutions have their own web portal. This is one of their ICT integration on their organization that can support them to build a strong connection with their client and stakeholders. With the web portal the communications and process become easy and fast.
In the Philippines, one of the projects of the government is to strengthen Information Communications Technology in all government agencies in order to provide a quality service to the community.
Website development before was very difficult because it required an advanced knowledge on computer programming but today you can easily create your own website instantly even if you don’t have a knowledge in programming.
BASIC WEB DESIGN PRINCIPLES AND ELEMENTS
Web design is a concept of planning, creating, updating and maintaining websites. A good web design allows the user to understand the message, contents and ideas in the most convenient way. Designing a website there are key factors or elements that will contribute to make it more reliable and usable.
In developing a website usability and functionally of the website is always an issue that is why we must need to consider the purpose of it and how it will work once it is deployed online.
Web Design Elements
In the development of Web Design there are elements or factors you need to consider to build a website. Among of these elements are:
1. Text – font family and type must be chosen well, clear and in readable size. Text must be readable so that we must need to identify what text type we will use on the website.
2. Graphics/Illustrations –graphics is a vital element of the website. It will help to grab the attention of the viewers and to convey the information. It must be good quality and well arranged with the text and order elements.
3. Shapes – this also helps the web designer to enhance the appearance of the website. It will help the viewer to see the important part of the website content.
4. Background – or texture can help provide your website with a feeling of a surface underneath. This will help the website text and information clear and readable.
5. Color – This must be used accordingly. As much as possible follow the color wheel color combination as references so that you can combine the appropriate color combination. It must blend well and complement the elements on the page.
6. Video/Audio – will help viewers easily understand what you are teaching or selling. With this the information can easily deliver to the viewers.
7. Links – will allow users to connect to another site or page that is related to the content of your page or site. This will help the user to navigate the on environment of the websites.
PRINCIPLES OF WEB DESIGN
To develop an effective website, the following principles must be considered and applied.
1. Website Purpose – In website development Planning is one of the most important phases of development. In this process we will identify the purpose of the website that we are going to build. Those factors involved on the website must be identified for example who is the users, the services, and functionality to be integrated to the websites and others.
2. Simplicity – It focuses on the design of the website. As much as possible the website is simple so that the information can easily be understood. Use the appropriate text, use at least 3 text types on your website. In terms of color use only not more than five color combinations.
3. Navigation – Website navigation must be functional. Make sure that the link will bring the user in to the appropriate webpage. Website navigation is one of the keys to make the viewer stay on your website.
4. Design for low bandwidth – websites must be loaded fast. Avoid animations, and large graphics that can cause slow on downloading and loading the website.
5. Visual Hierarchy – It focuses on the direction of the elements on the website. So to open the website we must need to identify the order of importance of the various elements. Make sure you place them in a sequence to emphasize the most important information is. This is done either by size, imagery, color combinations and contrast, text, texture and style.
6. Content – This is one of the most important elements in the website. So make sure that all information is correct and legit. Content must be relevant to the purpose of the website.
7. Simplify – remove those distracting options and confusion. Make sure that all the links are directed to the webpage specified on the navigation.
8. White spaces – This will make the design balance, harmony and brand the design of the website. It will lead the reader from one element to another.
9. Portable Design – Websites must be portable and accessible by the users who have different browsers or operating systems and computer platforms. It is focused on the compatibility of the website to different browsers.
10. Convenience – to allow a visitor to make an action, the click buttons, should be conveniently located on the visible place and must be accessible.
11. Mobile friendly – It is important to consider the compatibility of the website in mobile phones because almost all people use phones.
Example of WYSIWYG online platforms, HTML Editor.
1. Wix – is a software application developed by Israeli software company. It provides cloud based web development services. It allows users to create html 5 websites and mobile sites through drag and drop tools.
2. Weebly- is a free drag and drop website builder, blogs and web hosting service.
3. Drupal – is a free and open source web content management framework written in PHP and distributed under the GNU General Public License. It provides a back-end framework of the website.
4. WordPress – is a free open-source content management system (CMS) builder based on PHP and paired with MySQL. It offers free template builder and plugin architecture for the website.
5. Moodle – It is an open source learning management system (LMS) written in PHP and distributed under GNU General Public License. This is intended for Learning Portal for the collaboration of students and teachers.
6. Google Site- it is a structured wiki and web page creation tool which is part of the application package of Google account. You can use this once you already have a Google account.
Please click the link for additional readings: https://tinyurl.com/EtechW8-b
Please click the link for additional readings: https://tinyurl.com/EtechW8-b
留言