Tag: Web Design

  • Mengenal Web Design dan software pendukung

    Mengenal Web Design dan software pendukung

    Mengenal Web design adalah istilah umum yang digunakan untuk membuat bagaimana isi web ditampilkan, biasanya  yang dikirimkan ke pengguna akhir melalui World Wide Web / internet. Dengan menggunakan sebuah browser web atau perangkat lunak berbasis web. Tujuan dari web design adalah untuk membuat website — sekumpulan konten termasuk dokumen dan aplikasi yang berada pada server web.

    Sebuah website dapat berupa sekumpulan teks, gambar, suara dan konten lainnya, serta dapat bersifat interaktif ataupun statis. Termasuk desain grafis, user experience design (desain pengalaman pengguna), user interface design (desain antar muka pengguna), search engine optimization (SEO) hingga pembuatan konten.

    Halaman web dapat berupa halaman statis / diam, atau dapat diprogram dapat bergerak sehingga menghasilkan halaman web dengan konten atau tampilan visual yang diinginkan. Tergantung pada berbagai faktor, seperti masukan dari pengguna akhir, masukan dari pembuat website, atau perubahan dalam lingkungan komputasi. (seperti website yang terkait dengan database).

    Mengenal Web design

    Merancang dengan kacamata pengguna

    Perancang disain pemasaran dan komunikasi di situs web dapat mengidentifikasi apa yang sesuai dengan target pasarnya. Ini bisa jadi kelompok usia atau budaya tertentu. Dengan demikian perancang bisa memahami tren yang ada. Web design berbeda dari pengembangan web (web developer), yang merupakan pengkodean aktual yang membuat situs web berfungsi. Saat Anda membangun website, Anda membutuhkan desain web dan pengembangan web.

    Desainer web menangani bagian kreatif untuk mendesain website. Dari ide yang tidak terlihat menjadi bentuk rancangan yang terlihat. Pengembang web menggunakan disain dari perancang web dan menerjemahkannya ke bahasa perangkat lunak. Lalu di disimpan di web hosting untuk dapat diakses melalui jaringan internet. Lalu ditampilkan dalam website. Pengembang user experience, atau pengembang UX, adalah orang yang membuat website Anda ramah pengguna. Mereka memiliki keterampilan teknis serta keterampilan desain untuk menciptakan situs website yang menarik dan mudah digunakan.

    Website yang dirancang dengan baik adalah website yang mampu menciptakan pengalaman unik yang dicari pengunjung. Desain web yang mengundang pengguna mengambil tindakan tertentu. Sehingga pengguna terdorong untuk menindaklanjuti dengan tindakan yang diatur oleh website Anda. Apakah melakukan pendaftaran, melakukan pembelian, membuka akun, menghubungi Anda, atau mengakses lebih banyak halaman website.

    Mengenal Web design

    Disainer juga dapat memahami jenis situs web yang mereka rancangkan, misalnya strategi situs web dari bisnis ke bisnis. Mungkin berbeda jauh dari situs web yang ditargetkan ke masyarakat umum seperti situs web ritel atau hiburan. Perhatian yang cermat dapat dilakukan untuk memastikan bahwa keseluruhan disain suatu situs web sudah termasuk kejelasan, keakuratan konten dan kemudahan penggunaan. Perancang juga dapat mempertimbangkan reputasi pemilik atau bisnis yang mewakili situs tersebut.

    Pemahaman pengguna tentang sebuah website sering kali bergantung pada pengalaman pengguna.

    Ini terkait dengan tata letak, petunjuk dan pelabelan yang jelas sebuah website. Seberapa baik pengguna memahami bagaimana mereka dapat berinteraksi mungkin juga bergantung pada disain interaktif situs. Jika pengguna merasakan kegunaan sebuah website, mereka cenderung terus menggunakannya. Pengguna yang terampil dan berpengalaman dalam menggunakan situs web, mungkin menemukan situs web yang kurang nyaman digunakan. Namun, pengguna dengan sedikit pengalaman cenderung tidak melihat kelebihan atau kekurangan sebuah situs web. Sebagian besar disain pengalaman dan interaktif pengguna dipertimbangkan dalam membuat sebuah website.

    Mengenal Web design

    Yang perlu diperhatikan :
    1. Tata letak objek dan tulisan yang baik
    2. Pilihan tindakan yang diberikan cukup jelas untuk pengguna
    3. Penggunaan tombol CTA/Call to Action.
    4. Gambar dan teks yang berhubungan dengan tujuan website. Penggunaan font teks untuk penekanan dan ajakan untuk bertindak.
    5. Desain responsif yang membuat website mudah dilihat pada perangkat apa pun seperti mobile phone, tablet, laptop atau PC.
    6. Isi blog dan gambar yang saling berhubungan dan berkualitas baik untuk menarik perhatian
    7. Keseimbangan antara jumlah teks dan gambar
    8. Pastikan ukuran file gambar tidak terlalu besar (< 100 KB)sehingga website dapat ditampilkan kurang dari 3 detik. Penggunaan plugin AMP cukup membantu
    9. Setiap blog usahakan sesuai dengan SEO. Salah satunya menggunakan plugin Yoast SEO yang dapat membantu tampilan blog muncul di halaman pertama Google 

    Di Terabit Komputer, dalam mengenal Web design, website akan dibuat sesuai dengan permintaan dan kebutuhan usaha Anda.

    Software Pendukung Web Design
    WordPress

    Mengenal Web design

    Dalam mengenal Web design, salah satu software yang mendukung untuk membuat sebuah website adalah WordPress. Ada dua jenis WordPress, yaitu WordPress instan serta WordPress install (CMS). WordPress instan dapat  Anda gunakan untuk membuat blog secara langsung dari situs wordpress itu sendiri. Anda cukup mendaftarkan akun dan merancang website berdasarkan template standar yang sudah ditetapkan oleh WordPress.

    Sedangkan WordPress install (CMS) dapat dimanfaatkan untuk membuat website dengan cara mengunduh dan menginstal aplikasinya terlebih dahulu. Setelah itu Anda baru dapat memulai merancang website. Tetapi Anda memiliki lebih banyak pilihan tema / template yang disediakan. Baik gratis maupun berbayar.

     

    Web Builder Visual (WYSIWYG editor)

    Mengenal Web design

    Software ini dapat digunakan untuk menyunting website secara visual. Aplikasi editor WYSIWYG ini dapat merancang website dengan praktis dan mudah. Sebab tidak memerlukan pengetahuan mendasar tentang pemrograman sebuah website.

    Dengan memanfaatkan Web Builder Visual ini, Anda dapat membuat sebuah website profesional dengan mudah dan cepat. Bagi pemula yang belum mengetahui banyak tentang teknik pemrograman website, dapat mencoba memanfaatkan Web Builder Visual ini.

     

    KompoZer

    KompoZer adalah sebuah aplikasi untuk membuat dan mendesain website dengan mengkombinasikan menajemen file dan memenuhi kriteria WYSIWYG saat mengedit halaman website. Untuk menggunakannya, Anda tidak perlu mengetahui banyak tentang HTML, CSS, scripting dan web coding. Beberapa fitur yang ditawarkan adalah FTP situs manager, Tab, CSS editor, toolbar, markup cleaner, resize tabel dan lain-lain.

    Walaupun KompoZer belum diperbarui untuk beberapa waktu, namun KompoZer masih menjadi editor web yang berguna untuk pemula. Aplikasi ini bekerja seperti pengolah kata sederhana. Cukup memasukkan teks, format, dan klik berbagai tombol untuk menambahkan link, menyisipkan tabel, gambar, dan lainnya.

    Notepad++

    Mengenal Web design

    Notepad ++ merupakan aplikasi editor teks yang mendukung pengeditan kode pemrograman yang mendukung berbagai bahasa pemrograman seperti CSS, PHP, HTML dan lain sebagainya. Aplikasi pembuat website ini tergolong lebih ringan dari aplikasi lainnya. Editor teks yang lebih kompleks dengan fungsi tambahan dibandingkan dengan Notepad standar.

    Memiliki tampilan yang bersih dan simpel tanpa terlihat sumpek meski memiliki banyak fungsi. Karena fungsinya dikelompokkan ke dalam menu yang sesuai dan beberapa di antaranya dapat diakses melalui jendela utama.

    Notepad ++ memiliki fitur antara lain:

    1. Syntax highlighting akan memudahkan Anda membaca dan memahami kode.
    2. Code folding memungkinkan Anda untuk sementara menutupi beberapa area kode sehingga Anda dapat fokus pada area lain yang sedang dikerjakan.
    3. Auto-completion membantu Anda memasukkan kode lebih cepat dan lebih akurat.

  • Web Design and supporting software

    Web Design and supporting software

    Web design is a general term used to define how web content is displayed, usually sent to end users via the World Wide Web / internet. By using a web browser or web based software. The purpose of web design is to create a website – a collection of content including documents and applications that reside on a web server..

    A website can be a collection of text, images, sound and other content, and can be interactive or static. Including graphic design, user experience design, user interface design, search engine optimization (SEO) to content creation.

    Web pages can be static / still pages, or they can be programmed to move so as to produce web pages with the desired content or visual appearance. It depends on various factors, such as input from end users, input from website builders, or changes in the computing environment. (such as websites linked to databases).

    Mengenal Web design

    Web Design with user glasses

    The marketing and communication designer of the website can identify what suits his target market. This could be a certain age group or culture. Thus the designer can understand the trends. Web design is different from web development (web developer), which is the actual coding that makes a website work. When you build a website, you need web design and web development.

    Web Design takes care of the creative part of designing the website. From invisible ideas to visible designs. Web developers use designs from web designers and translate them into software languages. Then stored in web hosting so that it can be accessed via the internet network. Then displayed on the website. A user experience developer, or UX developer, is the person who makes your website user friendly. They have the technical skills as well as design skills to create attractive and easy-to-use websites.

    A well-designed website is one that is capable of creating the unique experience visitors are looking for. Web designs that invite users to take specific actions. So that users are compelled to follow up with actions governed by your website. Whether registering, making purchases, opening an account, contacting you, or accessing more website pages.

    Mengenal Web design

    Designers can also understand the type of website they are designing, for example a business-to-business website strategy. May differ greatly from websites targeted at the general public such as retail or entertainment websites. Careful care can be taken to ensure that the overall design of a website includes clarity, accuracy of content and ease of use. The designer may also consider the reputation of the owner or business representing the site.

    User understanding of a website often depends on the user experience.

    This is related to the layout, directions and clear labeling of a website. How well users understand how they can interact may also depend on the interactive design of the site. If users find a website useful, they are more likely to continue using it. Users who are skilled and experienced in using websites, may find the website less comfortable to use. However, users with little experience are less likely to see a website’s strengths or weaknesses. Most of the user experience and interactive design is considered in creating a website.

    Mengenal Web design

    What needs to be considered:

    1. Good layout of objects and writing
    2. The action options given are self-explanatory for the user
    3. Use the CTA / Call to Action button.
    4. Images and text related to the purpose of the website. Use a text font for emphasis and a call to action.
    5. Responsive design that makes the website easy to view on any device such as a mobile phone, tablet, laptop or PC.
    6. Blog content and images are interrelated and of good quality to attract attention
    7. Balance between the amount of text and images
    8. Make sure the image file size is not too large (<100 KB) so that the website can be displayed for less than 3 seconds. The use of the AMP plugin is quite helpful
    9. Try every blog in accordance with SEO. One of them is using the Yoast SEO plugin which can help your blog appear on the first page of Google

    At Terabit Komputer, in knowing Web design, a website will be created according to your business demands and needs.

    Web Design Support Software
    WordPress

    Web Design

    In knowing Web design, one of the software that supports creating a website is WordPress. There are two types of WordPress, namely instant WordPress and WordPress install (CMS). You can use WordPress instant to create a blog directly from the wordpress site itself. You only need to register an account and design a website based on the standard template set by WordPress.

    While the WordPress install (CMS) can be used to create a website by downloading and installing the application first. After that you can start designing the website. But you have more theme / template options provided. Both free and paid.

    Visual Web Builder (WYSIWYG editor)

    Web Design

    This software can be used to visually edit websites. This WYSIWYG editor application can design websites practically and easily. Because it does not require basic knowledge of programming a website.

    By utilizing this Visual Web Builder, you can create a professional website easily and quickly. For beginners who don’t know much about website programming techniques, you can try to take advantage of this Visual Web Builder.

    KompoZer

    KompoZer is an application for creating and designing websites by combining file management and meeting WYSIWYG criteria when editing web pages. To use it, you don’t need to know much about HTML, CSS, scripting and web coding. Some of the features offered are FTP site manager, Tabs, CSS editor, toolbar, markup cleaner, resize tables and others.

    Although KompoZer hasn’t been updated in a while, it is still a useful web editor for beginners. This application works like a simple word processor. Simply enter text, format, and click various buttons to add links, insert tables, images and more.

    Notepad++

    Web Design

    Notepad ++ is a text editor application that supports editing programming code that supports various programming languages such as CSS, PHP, HTML and so on. This website maker application is classified as lighter than other applications. A more complex text editor with additional functions compared to standard Notepad.

    It has a clean and simple appearance without looking crowded even though it has many functions. Because the functions are grouped into the appropriate menus and some of them can be accessed through the main window.

    Notepad++ has features including:

    1. Syntax highlighting will make it easier for you to read and understand the code.
    2. Code folding allows you to temporarily cover some areas of the code so you can focus on other areas being worked on.
    3. Auto-completion helps you enter code faster and more accurately.