Đăng ký SPRINGMEBLOG để tiếp thu kiến thức hiệu quả hơn!

Forgot Password

Đăng ký SPRINGMEBLOG để tiếp thu kiến thức hiệu quả hơn!

Cảm ơn bạn đã đăng ký tài khoản Springmeweb!

Vui lòng kiểm tra Email, click vào Link để kích hoạt tài khoản.

10 Key Ingredients Of A Good Web Design

BY: Nguyen-Ngoan  |   Aug. 17, 2018
12 MIN
Web Design Business
  • 0

Click vào từ bạn chưa biết để dịch

10 key ingredients have helped us to come this far and are still helping us to make the internet beautiful.

10 thành phần quan trọng này đã giúp chúng ta đi xa đến mức này và vẫn đang giúp chúng ta làm cho internet trở nên đẹp hơn.

1. Know your customer

Always remember you are not making your website for yourself but for your clients or users. So it is very important to understand who he is, what is his age, what sort of education level he has and more importantly is he the end buyer or an influencer. For example, sometimes company owner is looking for digital marketing solutions but he asks his marketing manager or personal assistant to search for digital marketing companies. So in reality your user is a manager or a personal assistant.

1. Biết khách hàng của bạn

Luôn nhớ rằng bạn không tạo trang web cho chính mình mà cho khách hàng hoặc người dùng của bạn. Vì vậy, điều rất quan trọng là phải hiểu anh ấy là ai, tuổi của anh ấy, trình độ học vấn của anh ấy và quan trọng hơn là anh ấy là người mua cuối cùng hoặc một người có ảnh hưởng. Ví dụ, đôi khi chủ sở hữu công ty đang tìm kiếm các giải pháp tiếp thị kỹ thuật số nhưng anh ta yêu cầu người quản lý tiếp thị hoặc trợ lý cá nhân của mình tìm kiếm các công ty tiếp thị kỹ thuật số. Vì vậy, trong thực tế người dùng của bạn là một người quản lý hoặc một trợ lý cá nhân.

Customer Persona

If you understand your customer you can anticipate their needs and exceed their expectations. Investigate the data you hold on your customers, it can tell you a lot.

Nếu bạn hiểu khách hàng của bạn, bạn có thể dự đoán nhu cầu của họ và vượt quá mong đợi của họ. Điều tra dữ liệu bạn giữ trên khách hàng của bạn, nó có thể cho bạn biết rất nhiều.

2. Finalise the objective of the website

So before even beginning with the designing process it is imperative to fix on the purpose of the website. Don’t just make a website for the sake of making a website, it can be your business’s best spokesperson or most outstanding sales person only if you connect the right dots. Unfortunately, many websites are too broad and lack a specific focus. This can confuse users and often leads to a disorganised look which leads to low ROI.

2. Hoàn thiện mục tiêu của trang web

Vì vậy, trước cả khi bắt đầu với quá trình thiết kế, bắt buộc phải khắc phục mục đích của trang web. Donith chỉ tạo một trang web vì mục đích tạo một trang web, đó có thể là người phát ngôn kinh doanh tốt nhất của bạn hoặc người bán hàng xuất sắc nhất chỉ khi bạn kết nối đúng dấu chấm. Thật không may, nhiều trang web quá rộng và thiếu một trọng tâm cụ thể. Điều này có thể gây nhầm lẫn cho người dùng và thường dẫn đến một cái nhìn vô tổ chức dẫn đến ROI thấp.

Broadly there are three types of objectives for any website

  1. Create Awareness: Generally high end brands like Pepsi or Tata focus on creating awareness about the brand with their website. They will either have very creative website or a very corporate looking website.
  2. Generate more leads: Take an example of an education institute which is looking for students to join their next batch and their purpose is to get more inquiries from their website. So they will have to focus all their attention to generating leads.
  3. Conversions: It is a very important purpose for any company who is selling their product or services online through their website. They have to make sure to put all their efforts in highlighting the merchandise very carefully on their website.

Nhìn chung, có ba loại mục tiêu cho bất kỳ trang web nào

  1. Tạo nhận thức: Nhìn chung các thương hiệu cao cấp như Pepsi hoặc Tata tập trung vào việc tạo ra nhận thức về thương hiệu với trang web của họ. Họ sẽ có trang web rất sáng tạo hoặc trang web trông rất hợp tác.
  2. Tạo thêm khách hàng tiềm năng: Lấy một ví dụ về một học viện giáo dục đang tìm kiếm sinh viên tham gia đợt tiếp theo của họ và mục đích của họ là nhận được nhiều câu hỏi hơn từ trang web của họ. Vì vậy, họ sẽ phải tập trung tất cả sự chú ý của mình để tạo khách hàng tiềm năng.
  3. Chuyển đổi: Đó là một mục đích rất quan trọng đối với bất kỳ công ty nào đang bán sản phẩm hoặc dịch vụ trực tuyến thông qua trang web của họ. Họ phải đảm bảo đặt tất cả những nỗ lực của họ trong việc làm nổi bật hàng hóa rất cẩn thận trên trang web của họ.

3. Don’t make users wait

It is a fact that when people search on Google for some information or product, they open at least 5-7 web pages. But they give just 3-5 seconds to decide whether they are going to further explore the website or not.

3. Don mệnh khiến người dùng chờ đợi

Có một thực tế là khi mọi người tìm kiếm trên Google một số thông tin hoặc sản phẩm, họ mở ít nhất 5-7 trang web. Nhưng họ chỉ đưa ra 3-5 giây để quyết định xem họ có muốn khám phá thêm về trang web hay không.

So it is very important that key purpose of the website is highlighted straightaway on the first go, don’t make them spend more time to understand who you are. Let’s look at the example of two Designing Institutes:1

Vì vậy, điều rất quan trọng là mục đích chính của trang web được nêu bật ngay trong lần đầu tiên, don làm cho họ dành nhiều thời gian hơn để hiểu bạn là ai. Hãy cùng xem xét ví dụ về hai Viện thiết kế: 1

User generally sees a page in “F” Pattern. The banner above is the most attractive part of a website’s home page, has shown some animated graphics which says “Web designing, Animation & VFX”. Now the user will still not be clear whether this is education provider or website designing company. For this reason he is required to explore more even to make sure whether he is on the right website or not. Now let’s look at another website www.esac.in, which is also a digital design institute.

Người dùng thường nhìn thấy một trang trong Mẫu F F Cảnh. Biểu ngữ trên là phần hấp dẫn nhất của trang chủ Trang web, đã hiển thị một số đồ họa hoạt hình có nội dung là Thiết kế Web, Hoạt hình & VFX. Bây giờ người dùng vẫn sẽ không rõ liệu đây là nhà cung cấp giáo dục hoặc công ty thiết kế trang web. Vì lý do này, anh ta được yêu cầu khám phá nhiều hơn để đảm bảo liệu anh ta có ở đúng trang web hay không. Bây giờ, hãy cùng xem một trang web khác www.esac.in, cũng là một viện thiết kế kỹ thuật số.

www.esac.in

Even with “F” pattern approach, the top Navigation is very clear and straight with contact details along with social media links to build trust. Most prominent part is the image of the person, which showcase somehow the target audience of this website i.e students or working professionals. The message is also very clear, highlighting the digital certification courses for 2016-17 for which admissions are open and with a clear call to action to know more. So this design will have much more chances of the user to stay rather than the previous one.

Ngay cả với cách tiếp cận mô hình của F, điều hướng hàng đầu rất rõ ràng và thẳng thắn với các chi tiết liên hệ cùng với các liên kết truyền thông xã hội để tạo niềm tin. Phần nổi bật nhất là hình ảnh của người đó, trong đó thể hiện bằng cách nào đó đối tượng mục tiêu của trang web này là sinh viên hoặc các chuyên gia làm việc. Thông điệp cũng rất rõ ràng, nêu bật các khóa học chứng nhận kỹ thuật số cho năm 2016-17, trong đó tuyển sinh được mở và với lời kêu gọi hành động rõ ràng để biết thêm. Vì vậy, thiết kế này sẽ có nhiều cơ hội hơn cho người dùng ở lại hơn là trước đó.

4. Design has to be Simple yet Attractive

Users have a simple mindset, they don’t read but they scan the website, they appreciate good quality and aesthetics, they are impatient and follow their intuition based on their behaviour.

4. Thiết kế phải đơn giản nhưng hấp dẫn

Người dùng có suy nghĩ đơn giản, họ không đọc sách nhưng họ quét trang web, họ đánh giá cao chất lượng tốt và thẩm mỹ, họ thiếu kiên nhẫn và làm theo trực giác của họ dựa trên hành vi của họ.

www.tribebyamrapali.com

At the end that’s also true that user will not come to your website to enjoy your design but for the relevant information. So design has to very Simple to navigate, easy to understand. Complex structures are harder to read, scan, analyse and work with.

Cuối cùng, cũng đúng là người dùng sẽ không đến trang web của bạn để thưởng thức thiết kế của bạn mà là thông tin liên quan. Vì vậy, thiết kế phải rất đơn giản để điều hướng, dễ hiểu. Các cấu trúc phức tạp khó đọc, quét, phân tích và làm việc với.

5. Responsive for any device

Users today access information online from every device available from desktop to tablets to smartphones. If the information on your website is not accessible from the device the user is using then he will move on to the next website which is accessible from his device. Having a responsive layout for your website is essential because every user is important, you can’t ignore anyone!

5. Đáp ứng cho mọi thiết bị

Người dùng ngày nay truy cập thông tin trực tuyến từ mọi thiết bị có sẵn từ máy tính để bàn đến máy tính bảng đến điện thoại thông minh. Nếu thông tin trên trang web của bạn không thể truy cập được từ thiết bị mà người dùng đang sử dụng thì anh ta sẽ chuyển sang trang web tiếp theo có thể truy cập từ thiết bị của mình. Có một bố cục đáp ứng cho trang web của bạn là điều cần thiết bởi vì mọi người dùng đều quan trọng, bạn có thể bỏ qua bất cứ ai!

A separate website for mobile is a concept of the past. A single website for every platform is easy to maintain and update according to the latest updates. Moreover, a responsive layout for your website also helps in Search Engine Optimization (SEO). Google tends to rank responsive website better than non-responsive ones.

Một trang web riêng cho điện thoại di động là một khái niệm của quá khứ. Một trang web duy nhất cho mọi nền tảng dễ dàng duy trì và cập nhật theo các bản cập nhật mới nhất. Hơn nữa, bố cục đáp ứng cho trang web của bạn cũng giúp tối ưu hóa Công cụ Tìm kiếm (SEO). Google có xu hướng xếp hạng trang web phản hồi tốt hơn trang web không phản hồi.

6. Tell the story, content is the king

Your website is a narrative of your brand and if that is not narrated properly then users on your website will be as lost as your story. Storytelling creates an emotional connect with the users and holds them to know more. Similarly the content on your website should tell your brand’s story so well without a speed breaker that no user can disconnect.

6. Kể chuyện, nội dung là vua

Trang web của bạn là một tường thuật về thương hiệu của bạn và nếu điều đó không được tường thuật chính xác thì người dùng trên trang web của bạn sẽ bị mất như câu chuyện của bạn. Kể chuyện tạo ra một kết nối cảm xúc với người dùng và giữ cho họ biết nhiều hơn. Tương tự như vậy, nội dung trên trang web của bạn sẽ kể câu chuyện thương hiệu của bạn rất tốt mà không cần bộ ngắt tốc độ mà không người dùng nào có thể ngắt kết nối.

Your marketing efforts will prove effective when you share quality content with users through your website. Quality content is not just about well written information but also about the value it provides to the user. A user will engage with your content only when he finds what he was searching for and then he might think of converting into your customer.

Những nỗ lực tiếp thị của bạn sẽ chứng minh hiệu quả khi bạn chia sẻ nội dung chất lượng với người dùng thông qua trang web của bạn. Nội dung chất lượng không chỉ là thông tin được viết tốt mà còn về giá trị mà nó cung cấp cho người dùng. Một người dùng sẽ tham gia với nội dung của bạn chỉ khi anh ta tìm thấy những gì anh ta đang tìm kiếm và sau đó anh ta có thể nghĩ đến việc chuyển đổi thành khách hàng của bạn.

Parallax websites are the perfect example why telling stories with your content is the king.

Các trang web Parallax là ví dụ hoàn hảo tại sao kể chuyện với nội dung của bạn là vua.

7. Call to actions placement and relevance

Poorly placed & boring Call to Actions get a very limited attention of your users which will limit conversions on your website. Strong & relevant CTAs not only grabs your attention but also encourages clicks & help you achieve your business goals.

7. Vị trí và sự liên quan của nút gọi hành động

Gọi hành động kém & nhàm chán nhận được sự chú ý rất hạn chế của người dùng, điều này sẽ hạn chế chuyển đổi trên trang web của bạn. CTA mạnh mẽ và phù hợp không chỉ thu hút sự chú ý của bạn mà còn khuyến khích các nhấp chuột & giúp bạn đạt được mục tiêu kinh doanh của mình.

Popup

Imagine a situation where you have explained your product to the user very well & he gets interested but there is no button where he can buy or enquire about the product!

Hãy tưởng tượng một tình huống mà bạn đã giải thích sản phẩm của mình cho người dùng rất tốt và anh ta quan tâm nhưng không có nút nào để anh ta có thể mua hoặc hỏi về sản phẩm!

There are 4 things you need keep in mind before creating your CTAs

  • Text: The text of your CTA has be very clear & short to the point so that a user gets it right what you want him to do.
  • Placement: Choose the place for your CTA where you expect the user would be likely to take the action.
  • Size: The size of the button should not be too big or too small and should be easily identifiable as a CTA. Also, keep in mind that how will it appear on mobile.
  • Color: There should be enough white space around it & should stand out from rest of the page but should look a part of the website’s theme.

Có 4 điều bạn cần ghi nhớ trước khi tạo CTA

  • Văn bản: Văn bản của CTA của bạn rất rõ ràng và ngắn gọn để người dùng hiểu đúng những gì bạn muốn anh ta làm.
  • Vị trí: Chọn địa điểm cho CTA của bạn, nơi bạn mong đợi người dùng sẽ có thể thực hiện hành động.
  • Kích thước: Kích thước của nút không được quá lớn hoặc quá nhỏ và có thể dễ dàng xác định là CTA. Ngoài ra, hãy nhớ rằng nó sẽ xuất hiện như thế nào trên thiết bị di động.
  • Màu sắc: Cần có đủ khoảng trắng xung quanh nó & nên nổi bật so với phần còn lại của trang nhưng nên xem một phần của trang web chủ đề.

8. Fonts Style & Size

Creating good content is important but how it is presented makes the difference & will decide whether it will be read or not.

8. Phông chữ Kiểu & Kích cỡ

Tạo nội dung tốt rất quan trọng nhưng cách trình bày nó tạo ra sự khác biệt & sẽ quyết định liệu nó có được đọc hay không.

stag

One thing when you decide the font size you should keep in mind is Readability. Use at least 14 pixels for the font size so that content has a good readability on larger desktops and smartphones as well. Anything less than that will make your web page look like a book reducing the readability. Remember, the font style chosen by you will communicate your brand to your audience.

Một điều khi bạn quyết định kích thước phông chữ bạn nên ghi nhớ là Khả năng đọc. Sử dụng ít nhất 14 pixel cho kích thước phông chữ để nội dung có khả năng đọc tốt trên máy tính để bàn và điện thoại thông minh lớn hơn. Bất cứ điều gì ít hơn thế sẽ làm cho trang web của bạn trông giống như một cuốn sách làm giảm khả năng đọc. Hãy nhớ rằng, kiểu phông chữ do bạn chọn sẽ truyền đạt thương hiệu của bạn đến khán giả của bạn.

Don’t make them to TRY reading your text, choose a font style that is easy to read and syncs with your brand. So, the big question is what is the right font for your website? There isn’t one but there is a group of font styles fit for your brand, you’ve to decide between simple or fancy.

Đừng làm cho họ phải cố gắng khi đọc văn bản của bạn, chọn một kiểu phông chữ dễ đọc và đồng bộ với thương hiệu của bạn. Vì vậy, câu hỏi lớn là phông chữ phù hợp cho trang web của bạn là gì? Có một nhóm nhưng có một nhóm các kiểu phông chữ phù hợp với thương hiệu của bạn, bạn đã quyết định giữa đơn giản hay lạ mắt.

9. Color Mix

Selecting the color scheme of your website’s design is a very important step. The color scheme chosen can make your website look like a beautiful landscape or a horror movie. The color choosing process can be simplified with these 4 steps-

9. Phối màu

Chọn bảng màu của trang web Thiết kế của bạn là một bước rất quan trọng. Phối màu được chọn có thể làm cho trang web của bạn trông giống như một phong cảnh đẹp hoặc một bộ phim kinh dị. Quá trình chọn màu có thể được đơn giản hóa với 4 bước này

  • Choose the color that describes your brand the best which should be dominant on your website.
  • Choose colors that will complement your dominant color.
  • Choose the background color that will complement the palette created above.
  • Use the right colors at the right places.
  • Chọn màu mô tả thương hiệu của bạn tốt nhất nên chiếm ưu thế trên trang web của bạn.
  • Chọn màu sắc sẽ bổ sung cho màu chủ đạo của bạn.
  • Chọn màu nền sẽ bổ sung cho bảng màu được tạo ở trên.
  • Sử dụng đúng màu tại đúng nơi.

Expandus Travel

10. Testing, An Iterative Process

You’ve completed the design & development of your website, you’re happy with the outcome but is your job done? No, there is another step which people often forget i.e. Testing Your Website. This step will make sure there are no glitches in each street of your website which can turn off a visitor.

10. Kiểm tra, một quá trình lặp đi lặp lại

Bạn đã hoàn thành việc thiết kế và phát triển trang web của mình, bạn có hài lòng với kết quả này không nhưng công việc của bạn đã hoàn thành chưa? Không, có một bước khác mà mọi người thường quên, đó là Kiểm tra trang web của bạn. Bước này sẽ đảm bảo không có trục trặc ở mỗi đường trên trang web của bạn có thể tắt khách truy cập.

Create a comprehensive testing plan which covers every page of your website including their performance & functionality across all platforms and devices.

Tạo một kế hoạch kiểm tra toàn diện bao gồm mọi trang trên trang web của bạn, bao gồm hiệu suất & chức năng của chúng trên tất cả các nền tảng và thiết bị.

Eyebridge.in

Please Share This With

Dictionaries : 360 words

Click vào từ bạn chưa biết để dịch

  • Click đoạn văn để hiển thị từ điển
  • Hiển thị toàn bộ từ điển của bài viết
  • Ẩn các từ quen thuộc

ĐĂNG KÝ ĐỂ TIẾP THU KIẾN THỨC HIỆU QUẢ HƠN

ABOUT SPRINGMEBLOG

Springmeblog.com giới thiệu các bài viết về chủ đề KINH DOANH, PHÁT TRIỂN SỰ NGHIỆP, QUẢN LÝ CON TRẺ.

Các bài viết của Springmeblog được chọn lọc kỹ từ các bài viết English của các chuyên gia giỏi trên thế giới để mang lại nguồn kiến thức HỮU ÍCH nhất và THIẾT THỰC nhất có thể áp dụng ngay vào công việc và cuộc sống.

Springmeblog.com được thiết kế nhằm mang đến sự tiếp thu kiến thức một cách HIỆU QUẢ nhất. Mỗi bài viết English được giới thiệu có công cụ TỪ ĐIỂN TÍCH HỢP hỗ trợ đọc hiểu. Cùng với các công cụ LƯU BÀI VIẾT, TẠO GHI CHÚ cho mỗi bài viết, springmeblog hỗ trợ cho việc HỌC TẬP SUỐT ĐỜI qua tiêu chí ĐỌC ĐỂ LÀM và HỌC ĐỂ LÀM ĐƯỢC.

© 2018 SPRINGMEWEB. DESIGIN BY SPRINGMEWEB