Tag Archives: designer

Series UI/UX Cho Developer – Phân biệt UI và UX

Chào mừng các bạn đã quay lại với series UI/UX cho developer. Bài viết này sẽ gồm nội dung:

  • Tổng quát về UI và UX
  • Sự khác nhau giữa UX và UI
  • Vai trò của chúng trong ngành lập trình

Hai khái niệm này thường dễ bị nhầm lẫn với nhau. UI không phải là UX mặc dù chúng có quan hệ rất gần gũi. Một phần cũng do bản thân trong ngành IT, nhiều công ty cũng “gom nhóm” hai khái niệm này lại (Gọi chung là UI/UX Designer) nên gây ra sự lẫn lộn trên.

Lưu ý: UI và UX đã là đối tượng nghiên cứu từ cách đây vài chục năm. Để nói về UI hay UX cũng cần đến vài quyển sách giáo khoa. Bài viết chỉ giải thích các khái niệm chính yếu cho các bạn đọc có một nền tảng cơ bản để tìm hiểu thêm.

Continue reading Series UI/UX Cho Developer – Phân biệt UI và UX

Một số kĩ thuật design cơ bản cho developer

Hẳn là có vài bạn (sinh viên) đang muốn hỏi: Ơ tui là lập trình viên, lo code thôi chứ có phải thiết kế gì đâu mà phải học design? Xin trả lời là: trừ khi bạn đi theo con đường lập trình nhúng, hoặc làm back-end developer 100%, thế nào bạn cũng sẽ phải đụng tới vài việc liên quan tới thiết kế. 

Nếu may mắn, những công việc như thiết kế giao diện web, giao diện di động sẽ được thực hiện bởi designer, developer chúng mình chỉ cần file HTML hoặc PSD và code thôi.Tuy nhiên, ở Việt Nam, nhiều khi developer chúng mình cũng phải kiêm luôn nhiệm vụ này

Thiếu kiến thức về design, đôi khi dev chúng mình cho ra nhiều giao diện khá là khủng khiếp (Thuở xưa ở Đại Học cũng có dạy môn HCI – Tương tác người dùng, nhưng cũng chẳng có tác dụng mấy). Do đó, bạn hãy tự trang bị cho mình những kiến thức design cơ bản, để tạo ra những design coi được. Những kiến thức này sẽ rất hữu dụng khi bạn muốn đi theo con đường front-end developer, hoặc full-stack developer.

web-designer-vs-web-developer

Continue reading Một số kĩ thuật design cơ bản cho developer

Một button trị giá 300 triệu đô – Cái nhìn khác về UI và chức năng

Ngày xửa ngày xưa, có một trang web bán hàng…

Bài viết đầu năm nên phải nói tiền trăm triệu cho nó hoành tráng. Đây là một chuyện nho nhỏ, về một button nho nhỏ và một số tiền… không nhỏ chút nào.

Mình đọc được chuyện này được trong cuốn Don’t make me think – một cuốn sách khá hay về UI/UX. Ngày xửa ngày xưa, ở một đất nước nọ, có một trang web bán hàng… Chức năng cơ bản của một trang web bán hàng thì ai cũng biết: hiển thị hàng, cho hàng vào giỏ, và thanh toán.

Câu chuyện của chúng ta bắt đầu ở chức năng “Thanh toán”, khi người dùng đã cho hết hàng vào giỏ, một form nho nhỏ xinh xinh hiện ra, với 2 trường usernamepassword, 2 nút LoginRegister, một link Quên mật khẩu. Thế nhưng, chính cái form be bé xinh xinh này đã gây thiệt hại đến 300.000.000$/năm cho trang web bán hàng.

14212560717_b3c45b6400_k

Continue reading Một button trị giá 300 triệu đô – Cái nhìn khác về UI và chức năng

Sự “bá đạo” của Chrome Developer Tools – Phần 2

phần 1, mình đã giới thiệu với các bạn về chức năng cơ bản của các tab trong Chrome Developer Tools. Ở phần này, mình sẽ chia sẻ một số mánh khóe, chiêu trò hữu ích mà các bạn có thể áp dụng. Những chiêu này sẽ rất có ích khi code, debug, hoặc để lòe cấp trên và thành viên mới.

1. Mở nhanh file javascript

Với những dự án lớn, có hơn chục file css, js,… việc tìm mở file sẽ rất khó khăn. Chỉ cần mở Developer Tools, bấm tổ hợp Ctrl + P, những file cần tìm sẽ hiện ra đầy đủ, bạn chỉ việc chọn và ấn Enter.

1

Continue reading Sự “bá đạo” của Chrome Developer Tools – Phần 2

Thiết kế của một trang web trở nên “banh chành” như thế nào

Đi lòng vòng tìm được một cái comic khá hay về web designer ở đây: http://theoatmeal.com/comics/design_hell.

Chợt nhớ ra mình cũng biết chút đỉnh về Photoshop nên dịch ra để chia sẻ cho các bạn luôn. Nếu các bạn thấy hay mình sẽ cập nhật thể loại này nhiều hơn.

1

 

Continue reading Thiết kế của một trang web trở nên “banh chành” như thế nào