Hãy đăng ký thành viên để có thể dễ dàng trao đổi, giao lưu và chia sẻ về kiến thức đồ họa.
  1. Hãy đăng ký subscribe kênh Youtube mới của Việt Designer tại địa chỉ: Youtube.com/VietDesignerChannel để theo dõi các video về thiết kế đồ họa. Do trước đó kênh cũ bị Youtube quét không rõ lý do, trong thời gian chờ kháng cáo nếu các bạn thấy video trên diễn đàn bị die không xem được thì có thể vào kênh mới để tìm xem video sơ cua nhé.
    Loại bỏ thông báo

Những kiến thức căn bản mà bất kỳ UI/UX Designer mới bắt đầu cần biết

Chủ đề thuộc danh mục 'Kinh nghiệm / Kiến thức dành cho designer' được đăng bởi Nguyễn Hoài Sơn, 5/8/16.

Lượt xem: 26,694

  1. Nguyễn Hoài Sơn Mới đăng kí

    Hôm nay mát trời, rảnh lông nên liều thử một phát, viết bài trên Việt Đi Zai Nơ chém gió, chia sẻ với anh em tí. :D

    Bài viết này dành cho những đối tượng mới vào nghề thiết kế hoặc đang muốn theo đuổi UI/UX Design (trong phạm vi bài viết này, mình chủ yếu là viết cho bên Web Design nhé). :)) Các cao nhân vào đóng góp thêm cho xôm, xin chém nhẹ tay ạ. :((

    Mình viết mang tính chất chia sẻ nên từ ngữ sẽ rất là thông dụng, đơn giản, ngắn gọn, dễ hiểu. Nên bạn nào thích kiểu hàn lâm, khoa học thì vui lòng không đọc tiếp. :D

    Nhiều bạn hỏi link download phần mềm, tài liệu quá nên mình có chú thích link ở từng phần rồi, ai cần thì có thể download về nhé. :)

    B29R3nV.jpg
    1. UI/UX Designer là ai?

    UI/UX Designer - nghe cái tên là biết đó là một thằng Designer (thiết kế) rồi và thằng này sẽ làm 2 công việc liên quan đến UIUX.

    UI (viết tắt của User Interface) nghĩa là giao diện người dùng. Như vậy, hiểu đơn giản UI bao gồm tất tần tật những gì mà người dùng nhìn thấy. Màu sắc ra sao, các icon thiết kế như thế nào, sử dụng fonts chữ gì, kích thước các button to nhỏ ra sao...

    UX (viết tắt của User Experience) nghĩa là trải nghiệm người dùng. UX Designer sẽ chịu trách nhiệm về quá trình sử dụng người dùng sử dụng sản phẩm. Dùng có dễ không, phân bố vị trí các thành phần như thế là OK chưa, làm như vậy có đạt được mục đích đề ra không.

    Chung quy lại UI/UX Designer là những người chuyên đi thiết kế giao diện/trải nghiệm người dùng cho sản phẩm. Từ giao diện và hoạt động của một website, một mobile app cho đến hình dáng của cái bàn học, thiết kế của một toilet. Tất cả những công việc mà đảm bảo tính thẩm mỹ và tiện dụng của bất kỳ sản phẩm nào đều được gọi là UI/UX.


    2. UI/UX Designer làm công việc gì?

    Công việc của UI Designer:
    - Thiết kế giao diện sản phẩm: kích thước, màu sắc, font chữ, hình ảnh, icon...
    Hiểu nôm na là giao diện có đẹp hay không là do UI Designer. Nên vào cái web nào mà xấu thì người ta toàn chửi cái đứa UI Designer, mặc dù nhiều thằng Front-End Developer nó làm lởm, cẩu thả không theo cái concept ban đầu của mình. :'(

    Công việc của UX Designer:
    - Chịu trách nhiệm về trải nghiệm người dùng về sản phẩm.
    - Phân tích, thiết kế các luồng xử lý, phiên làm việc, quy trình hoạt động của sản phẩm.
    - Đảm bảo sản phẩm dễ dùng và đạt được mục đích, yêu cầu của thiết kế.
    10OJ1fU.jpg
    Hiểm nôm na là giao diện có dễ dùng và yêu cầu có đạt được không là UX Designer. Ví dụ, một landing page bán hàng thì cần nhất là nhiều nhất là người dùng click vào nút mua hàng hoặc liên hệ. Nên việc bạn phải làm là làm sao để lôi kéo người dùng mua hàng và liên hệ tới cửa hàng càng nhiều càng tốt.

    3. Như thế nào được gọi là chuyên nghiệp?

    Đây là một từ rất chung chung và "khá nhạy cảm". Theo quan điểm cá nhân của riêng mình, một UI/UX Designer "chuyên nghiệp" ở đây được hiểu là làm việc một cách bài bản, khoa học và có tư duy thiết kế tốt. Ngoài ra, việc được đào tạo và làm việc trong một môi trường chuyên nghiệp cũng được xem là 2 điểm cộng cho một UI/UX Designer chuyên nghiệp.

    vcsbyis.jpg

    Designer nhiều năm kinh nghiệm chưa chắc đã hơn designer ít năm kinh nghiệm!


    Lâu nay, chúng ta thường chỉ phân biệt những Designer với nhau bằng số năm kinh nghiệm, làm được bao lâu rồi. Thường thì họ cũng mặc định cho rằng, những người đi làm lâu năm thì sẽ tốt hơn những người đi làm ít năm. Tuy nhiên, xét một cách khách quan, số năm kinh nghiệm không phải là một vấn đề quá lớn. Quan trọng là người ấy trong thời gian đấy đã học được những gì, làm được những gì và đúc rút ra được những gì cho bản thân, những sản phẩm họ làm ra là gì. Có đa dạng hay không, mức độ khó, dễ như thế nào hay 3 năm kinh nghiệm mà chỉ liên tục làm đi làm lại một công việc, cùng một loại lĩnh vực, ngành nghề và mức độ khó dễ không có gì thay đổi.

    Hiện nay, ở Việt Nam hầu như rất ít công ty hoặc những người phân biệt rõ ràng UI/UX Designer với Graphic Designer và để chi tiết hơn thì phân biệt UI Designer và UX Designer thì càng hiếm có. Chỉ có những công ty lớn thì họ mới phân chia riêng cho từng designer cho từng công việc như vậy. Sự phân chia rõ ràng này thực chất chỉ mang tính chất "chuyên biệt" để cho mỗi người chuyên một việc, từ đó nâng cao tính chuyên nghiệp trong quy trình làm việc và đảm bảo chất lượng sản phẩm được tốt hơn.

    4. UI/UX Designer cần học những gì?

    Câu trả lời đơn giản là cần làm những gì thì cần học cái đấy.

    Vậy làm thế nào để biết là mình cần làm những gì? Trước hết, các bạn nên xác định rõ cho mình hướng mà bạn đam mê và muốn theo đuổi. Sau đấy là tìm một công việc liên quan đến nó.

    Có vài câu hỏi mà mình luôn hỏi các anh/chị tuyển dụng mỗi khi có lời mời ứng tuyển là:
    1. Công ty bên anh/chị đang cần tuyển thiết kế CHỦ YẾU làm về mảng gì: theme/template, website nội bộ, ứng dụng trên nên web (web-based application), ứng dụng di động (mobile application) hay game trên di động (mobile game).
    2. Lĩnh vực CHỦ YẾU là gì: giáo dục, y tế, tin tức hay đa dạng mọi thể loại, đủ kiểu con đà điểu...
    3. Hình thức làm việc CHỦ YẾU như thế nào: làm các dự án nội bộ, làm các dự án cho khách hàng nhỏ lẻ, làm theme/template, hay làm outsouce...

    Tại sao mình lại nhấn mạnh từ CHỦ YẾU. Vì mình biết khi viết tin tuyển dụng, các anh/chị nhân sự họ thường liệt kê rất nhiều trong phần chi tiết công việc và thường khá không rõ ràng.

    Có nhiều anh em chuyển làm logo/branding apply vào vị trí Graphic Designer nhưng khi vào làm việc lại suốt ngày làm banner, poster các kiểu. Nhưng lỗi không phải ở nhà tuyển dụng. Họ đã nói đúng, công việc họ đang tuyển là sẽ thiết kế logo/branding và làm poster, banner các kiểu. Nhưng vấn đề là ở đấy, trong giai đoạn này, thì công việc thiết kế poster, banner là CHỦ YẾU, logo/branding chỉ là PHỤ thôi. Vì vậy, khi vào làm việc, nhiều anh em sẽ cảm thấy không hứng thú và phí thời gian. Do đó, trước khi vào một chỗ nào đấy chúng ta nên hỏi rõ ràng và nhấn mạnh từ CHỦ YẾU để tránh những nuối tiếc về sau. :))

    AFzU5mI.jpg

    Vậy, chốt lại là chúng ta cần học những gì?

    - Kiến thức nền tảng về thiết kế thật tốt: lý thuyết màu sắc, cách trình bày bố cục, lý thuyết về font, các nguyên lý cơ bản khác của thiết kế...
    - Kỹ năng sử dụng phần mềm đồ họa tốt, đặc biệt là Photoshop và Illustrator.
    - Có kiến thức nền tảng về IT tốt, đặc biệt nên tìm hiểu về Phân tích thiết kế hệ thống. Bác nào học IT ra mà làm thiết kế chắc sẽ biết lý do tại sao? :D
    - Làm nhiều dự án khác nhau, nhiều lĩnh vực khác nhau để biết nhiều hơn về quy trình nghiệp vụ của nhiều lĩnh vực, từ đó hiểu nhiều hơn về những gì người dùng và những gì họ cần ở sản phẩm.
    - Test những website, sản phẩm nổi tiếng mọi lúc, mọi nơi. Đây là cách học nhanh nhất và hiệu quả nhất.

    Ngoài ra, những bạn muốn đi sâu về UX Design thì cần:
    - Tự trau dồi hoặc học thêm về quy trình nghiệp vụ của nhiều lĩnh vực.
    - Rèn luyện tư duy phân tích và suy nghĩ logic, giải quyết vấn đề. Nó sẽ giúp bạn tổ chức thông tin trên website/app một cách khoa học và hợp lý.
    - Copyrighting và maketing là một công cụ hỗ trợ đắc lực cho UX Design. Cách bạn viết tiêu đề cho website có hấp dẫn để người đọc xem tiếp hay không, các nút button CTA đặt tên như thế nào để người dùng tò mò click vào...
    - Luôn luôn đặt câu hỏi. Tại sao nó như thế này, như thế nọ... để luyện cách tư duy và kiểm chứng dưới nhiều góc độ.

    Tài liệu tham khảo ở đâu:
    - Sách có mấy cuốn khá hay nên xem: Don't make me think, The Principles of Beautiful Web Design, The Essentials of Interaction Design, Professional Web Design, A Practical Guide to Designing for the Web, Pixel Perfect Precision...
    - Website thì mấy cái như: UXPin, Invision, uxd.vn,...
    - Ngoài ra, follow mấy Designer nổi tiếng trên Behance, Dripple, Themeforest, Pinterest để cập nhật xu hướng và lấy cảm hứng...
    - Bla bla...



    5. Những phần mềm nào mà UI/UX Designer thường sử dụng?

    a/ Phần mềm dùng cho UI Design
    - Photoshop, Illustrator là 2 công cụ phổ biến nhất.
    - Nếu thiết kế web thì chủ yếu Photoshop. Còn mobile app thì có thể Photoshop hoặc Illustrator. Vì Illustrator hỗ trợ thiết kế định dạng theo vector, khi chúng ta muốn thiết kế cho nhiều kích thước màn hình thì keo có cho tiện.

    b/ Phần mềm dùng cho UX Design
    - Mình làm web nên mình thấy chủ yếu bên web thì vẽ phác thảo trên giấy và giải thích cho developer là nhanh và thuận tiện nhất.
    - Ngoài ra, muốn vẽ wireframe/prototype thì có thể dùng Axure hoặc mấy tool khác. :))

    Các phần mềm phổ biến trên các bạn có thể tìm trên diễn đàn VietDesigner

    CswnC3U.jpg

    6. Mất bao lâu để trở thành một UI/UX Designer chuyên nghiệp?


    Lâu hay nhanh còn ở chữ "TÙY"! Tùy bạn xuất phát từ đâu, bạn học ở đâu, học từ ai, học được những gì, bạn làm được những gì. Nhanh thì vài tháng, lâu thì 1-2-3 năm.

    Đừng bao giờ nghĩ quy trình mình đang làm đã chuyên nghiệp!

    Công nghệ luôn luôn thay đổi từng ngày, thị hiếu và thói quen của người dùng cũng sẽ thay đổi theo. Bởi vậy, có thể những quy trình và cách làm việc của chúng ta hiện tại đang hoạt động khá ổn định và trơn tru, nhưng biết đâu được trong nay mai nó sẽ thay đổi và trở nên lạc hậu. Bởi vậy, từ bỏ suy nghĩ mình đã "pro" và giỏi rồi để bạn có chí mà phấn đấu làm mọi thứ trở nên tốt hơn.

    Kết luận

    UI/UX Design thật sự là một chủ đề khá hay. Hiện nay, internet quá phổ biến. Việc sở hữu một website là một điều vô cùng dễ dàng. Các website hơn nhau ở chỗ ngoài đẹp ra thì thân thiện, dễ dùng và mang lại hiệu quả (cả về hiệu quả truyền thông và hiệu quả kinh tế) là một điều đáng suy ngẫm. Bởi vậy, UI/UX Designer hứa hẹn là một công việc hấp dẫn dành cho những người thích làm việc với người dùng.

    Chém gió mỏi tay rồi =))) Anh em xem còn thiếu gì và còn gì muốn chia sẻ thì cmt để mình học hỏi và bổ sung nha. Đặc biệt là trong Web Design và UX Design ạ. :D

    Chỉnh sửa lần cuối: 26/2/17
    Mèo Boorin, solomoon2, mr.kotjk4 người khác thích bài viết này.
  2. Phạm Hữu Dư

    Phạm Hữu Dư phamhuudu.com Ban quản trị

    Bài viết hữu ích nhưng lại hơi khô khan vì thiếu hình ảnh, hy vọng chủ thớt sẽ update thêm ảnh cho bài viết thêm sinh động, dễ dàng tiếp thu hơn.
  3. Táo Lùn

    Táo Lùn Thành viên cấp 1

    Dài, nhiều chữ quá đến độ iem không thể đọc 1/3 :((
  4. t0nguyen95

    t0nguyen95 Thành viên cấp 1

    Mình bổ sung thêm chút về UI Design
    UI Design không đơn thuần là một giao diện đẹp, trong UI sẽ có cả Ux người thiết kế ui phải tính đến cảm giác của người dùng khi trải nghiệm một ứng dụng hoặc một trang web mình lấy VD như các web thương mại điện tử nút mua ngay của trang detail luân luân để màu đỏ hoặc cam hoặc các gram màu nóng và sặc sỡ vậy tại sao ko để màu xanh màu tím ?? chỉ vì muốn kích thích và làm nổi bật nút mua ngay nên thông thường để các gram màu nóng. Với app thì xử lý graphic trên app còn khó khăn hơn nhiều vì app mức độ phức tạp và hoàn thiện khi design ui nó khó hơn web tỉ mỉ đến tưng khoảng cách px tỉ mỉ từ các element được hiển thị sao cho từng màn hình của smartphone bây giờ và độ dpi theo từng góc độ trên từng loại smartphone.

    Nói thêm chút về Ux design
    Với ux design mình nghĩ nó không khác gì nghề product manger ( phát triển sản phẩm ) tìm hiểu sâu hơn thì ux có mặt ở khắp mọi nơi mọi thứ ta cầm ta sử dụng. Để phát triển 1 ứng dụng mà phù hợp với nhu cầu của từng khu vực vùng miền và mọi lứa tuổi đều dễ dùng thì ux sẽ phải lên 1 kế hoạch như tìm hiểu thói quen người dùng từ già đến trẻ thường sử dụng internet lúc nào truy cập app của mình trong thơi gian bao lâu v.v trong 1 dự án thì ux design gần như quyết định thành công của dự án đó tới 80%

    Cá nhân mình đánh giá thì ui/ux design là 1 mảng khó vậy nên ai mới bắt đầu đi theo mảng này thì nên đi từ ui trước, tu luyện khả năng xử lý ux trong ui và hơi cưng cứng trong nghề rồi thì có thể tiến hoá lên ux design vì khi trở thành ux design bạn gần như không phải động chân động tay design nữa rồi
    THANH_vhvThevipdarcularII thích bài viết này.
  5. ducuong233

    ducuong233 Thành viên cấp 4

    Chấm phát, rảnh ngồi đọc :D
  6. nerog93

    nerog93 Thành viên cấp 2

    Rất hay, mình cũng đang theo đuổi UI UX Design ngay từ khi còn đi học cho tới giờ.
    Nói chung là kinh nghiệm trong thiết kế và cả những linh vực cận kề đến không có vẻ là liên quan là điều cực kì quan trọng (mức độ quan trọng sống còn) , và cái này thì tùy thuộc vào mỗi con người, khả năng nhận thức xung quanh hay phương pháp xử lý các tình huống tinh tế bằng cách đặt mình vào những người có thể sử dụng sản phẩm của mình trong tất cả hoàn cảnh có thể xảy đến(chứ không chỉ là một hay hai góc nhìn khác đi một chút - đó là chưa đủ)

    Nói chung là ngách này phải "thấm hành" mới khá được, chưa thấy "màu xám" thì sẽ khó mà tích lũy nhiều kinh nghiệm nhanh chóng được :D
  7. hoangng102

    hoangng102 Thành viên cấp 1

    Bổ sung thêm về software, với kinh nghiệm cá nhân làm chủ yếu client nước ngoài (châu âu+mỹ) thì mình ko đánh giá cao photoshop và AI trong thời điểm hiện tại. Nó khiến việc giao tiếp giữa dev và designer bị thụt lùi vì dev ko phải ai cũng có skill PS/AI tốt hoặc take too much time để support dev. Nếu bạn nào muốn tập trung UI/UX thì nên biết SketchApp + Zeplin + Principle/Flinto + invision đây là những tool cơ bản, cực dễ học và ngày càng tỏ ra là sự thay thế tốt nhất cho PS/AI vốn quá cồng kềnh và thực ra là rất đắt (mình ko so sánh trong việc dùng hàng cracked nhé :) )
    impossible thích bài viết này
  8. Nguyễn Hoài Sơn

    Nguyễn Hoài Sơn Mới đăng kí

    Phạm Hữu Dư thích bài viết này
  9. lylymeow

    lylymeow Thành viên cấp 2

    SketchApp mình mua cũng mất toi 2 củ rồi mà, sao lại không đắt :((
  10. hoangng102

    hoangng102 Thành viên cấp 1

    lylymeow mua giá sanh ziên có 50$ thôi =)) tìm bạn troẻ nào có cái thẻ sanh ziên của bất kì trường nào còn thời hạn, chộp lại (ko xài hằng google search nha) rồi vào phần đăng ký mua = giá sanh ziên của sketchapp. đợi 1-2 bữa dc approval qua email thì mua thoi. mình đã thử và thành công. Sketch kể ra 2tr hay 5tr thì mình nghĩ vẫn xứng đáng vs giá trị của nó.
    xuanxuxulylymeow thích bài viết này.
  11. xuanxuxu

    xuanxuxu Thành viên cấp 2

    Bác hoangng102 ơi, sketchapp dùng hay lắm hông bác
  12. lylymeow

    lylymeow Thành viên cấp 2

    Bài viết hay quá <3
  13. Nguyễn Hoài Sơn

    Nguyễn Hoài Sơn Mới đăng kí

    t0nguyen95 UX Design lâu năm có thể làm Product Manager hoặc Project Manager đấy :D
  14. anhtuan1006

    anhtuan1006 Thành viên cấp 2

    UI là Front-end còn UX là back-end đúng không anh/chị ?
  15. vutxdesigner

    vutxdesigner Thành viên cấp 1

    Để làm PM thì UX designer vẫn thiếu nhiều lắm, :D
    Nói như bạn hoangng102 cũng đúng, hiện mình dùng Adobe, SketchApp , Invision, Moqups, ... và một số trình khác. Nhưng nói chung 1 là dùng quen, 2 là mức dộ công việc, 3 là công cụ hiện có là iOS hay Win, mọi người lựa chọn cho mình cái phù hợp vì mỗi trình đều có trải nghiệm riêng phù hợp với mỗi người.
    UX có thể đi lên từ UI, đó là 1 con đường. Ở việt Nam rất ít cty phân biệt 2 ngành này vì có nhiều yếu tố ảnh hưởng. Nên có thể nói đây là cơ hội cũng là thử thách cho các bạn làm đồ họa :)
  16. hanuanvds

    hanuanvds Thành viên cấp 1

    bài viết bác chủ thớt hay quá@-)@-) những mình chưa đọc hết 1/3 bài viết :D:D:D
  17. mr.kotjk

    mr.kotjk Thành viên cấp 2

    note lại một thời gian rồi, giờ mới rảnh để ngồi đọc. nhưng ngang bài của bác thôi, còn mấy góp ý của anh/chị em thì chắc để tập 2 đọc tiếp :))
  18. hoanganhpocolo

    hoanganhpocolo Mới đăng kí

    Bổ sung cho chủ thớt tí ra là đã có Adobe XD dành riêng cho UI/UX designer nha.
    phantrunganh thích bài viết này
  19. HoaiNguyen1995

    HoaiNguyen1995 Mới đăng kí

    Thêm mấy cái làm ui ux dễ hơn nữa là Adobe Muse và Adobe Experience Design (Beta) Mình cực kỳ thích Ex vì có cả prototype luôn nên khỏi cần dùng phần mềm của bên thứ 3
  20. ThanhNguyen88

    ThanhNguyen88 Thành viên cấp 1

    dù gì cũng cảm ơn chủ thớt nhé, chấm 3 chấm đọc sau
Từ khóa:

Ủng hộ diễn đàn