Làm thế nào để làm cho hệ thống treo mềm hơn - chúng tôi đang khám phá tất cả các tùy chọn có thể. Thị trường và cơ chế thị trường

"Khung xe" bao gồm một tổ hợp các nút được thiết kế để di chuyển một chiếc xe trên đường. Các cơ chế của nó cho phép người lái xe di chuyển với một sự thoải mái nhất định, vì nó là yếu tố chính ảnh hưởng trực tiếp đến sự an toàn. Việc lái xe bị gãy yên xe, móp chắn bùn là điều hoàn toàn có thể xảy ra, nhưng chính việc hư hỏng khung xe có thể gây ra tai nạn trên đường.

Phần gầm của ô tô bao gồm các yếu tố như khung hoặc thân xe, hệ thống treo bánh xe, dầm trục, lốp và bánh xe. Mỗi yếu tố thực hiện các chức năng riêng của nó, cho phép người lái xe và hành khách di chuyển vào điều kiện thoải mái mà không gặp phải các rung động cơ học khác nhau và đảm bảo an toàn trong các tình huống khẩn cấp. Các cơ cấu khung xe liên kết thân xe với các bánh xe, đồng thời cũng điều chỉnh các lực tác động lên xe, rung và lắc. Khi ô tô đang đi với tốc độ cao trên khung xe sẽ bảo vệ khung xe khỏi các dao động chậm.

Cơ thể người

Ở nhiều xe du lịch, chức năng khung được thực hiện bởi thân chứ không phải khung, không giống như xe tải, xe buýt hoặc xe máy. Là một phần của cơ thể có các đơn vị bản lề và khung. Phần gầm của ô tô thường được lắp trên khung.

Huyền phù

Hệ thống treo được gọi là một số thiết bị, nhiệm vụ chính là kết nối giữa bánh xe và thân xe. Nó biến đổi, hấp thụ và làm dịu các cú sốc có thể truyền từ đường vào cơ thể. Có hai loại mặt dây chuyền. Chúng được chia thành độc lập và phụ thuộc. Không giống như hệ thống treo phụ thuộc, được coi là hơi lỗi thời, hệ thống độc lập cho phép các bánh xe nằm trên một trục chung di chuyển trong mặt phẳng thẳng đứng, không phụ thuộc vào nhau. Đó là hệ thống treo này thường được sử dụng nhất trong các loại xe hiện đại.

Các yêu cầu chính đối với hệ thống treo là: độ nhẵn; tuân thủ đầy đủ các thiết bị lái và bánh xe; kết nối chắc chắn của bánh xe với thân xe; sức mạnh và tuổi thọ lâu dài của các bộ phận.

Hệ thống treo trước gồm có: lò xo, đĩa phanh, khớp tay lái, đệm nén, thanh ổn định, trục bánh xe, giảm xóc, tay đòn trên và tay đòn phía trên và chốt đỡ bi.

Phần gầm của xe được kết nối với thân xe với sự hỗ trợ của các bộ phận như giảm xóc và lò xo. Chức năng chính của lò xo là giảm thiểu các tác động nhận được từ đường. Tuy nhiên, tại thời điểm này, chiếc xe có thể bắt đầu lắc lư, và khi đó bộ giảm xóc đến để giải cứu, làm giảm độ rung của hệ thống treo.
Một chi tiết quan trọng không kém là thanh chống lật. Nếu xe lăn bánh khi quay đầu, nó bắt đầu xoắn và sửa lại vị trí của thân xe.

Hệ thống treo sau cũng được chia thành độc lập và phụ thuộc. Nó bao gồm một lò xo, bộ giảm xóc, một bộ đệm hành trình nén, một bộ đệm nén bổ sung và một cần dẫn động điều áp.

Lốp và bánh xe

Các yếu tố tiếp theo của thiết bị chạy là lốp và bánh xe. Bánh xe được tạo thành từ vành và lốp. Lốp xe được thiết kế để hấp thụ tác động từ va đập do khả năng phục hồi và không khí nén. Chúng có thể là mùa hè, mùa đông hoặc tất cả các mùa. Chúng cũng được chia thành đường chéo và xuyên tâm. Lốp bias bền hơn, trong khi lốp radial đàn hồi tốt hơn.

Nguyên nhân dẫn đến hỏng hóc ô tô

Tải thường xuyên vào các yếu tố khác nhau khung xe, không dừng lại ngay cả sau khi dừng chuyển động, có thể dẫn đến nhiều sự cố khác nhau.

  • Nếu xe bắt đầu gặp khó khăn khi vượt qua các góc cua ở tốc độ cao hoặc phải cố gắng hơn để giữ xe trên đường, rất có thể khung xe cần được sửa chữa.
  • Một chỉ số khác là thân xe có thể dao động và lắc lư khi phanh và vào cua. Nguyên nhân có thể nằm ở việc giảm xóc bị hỏng, lò xo bị hỏng hoặc các bộ phận của hệ thống treo.
  • Rung động được cảm nhận khi di chuyển. Hiện tượng rung lắc có thể xảy ra do giảm xóc sau bị mòn; lò xo hư hỏng; do áp suất lốp không đạt tiêu chuẩn nhất định; hoặc vòng bi bánh xe ở tình trạng kém.
  • Trong quá trình chuyển động của ô tô, hệ thống treo bắt đầu gõ. Sự cố có thể phát sinh do lỏng bu lông lắp hoặc vành bánh xe bị biến dạng.
  • Tiếng gõ và tiếng kêu cót két của bộ giảm xóc xảy ra do sự cố của chúng; lỏng két hoặc piston, cũng như rò rỉ chất lỏng.
  • Tiếng kêu khi phanh khi vào cua. Theo quy luật, tiếng kêu cót két như vậy xảy ra do sự cố của bộ giảm xóc hoặc thanh chống lật.
  • Chất lỏng bắt đầu rò rỉ từ bộ giảm xóc. Điều này có thể do sự phá hủy các tuyến thân hoặc sự xâm nhập của các phần tử cơ học lạ trên các mép niêm phong.

Chẩn đoán và sửa chữa xe

Ngay khi có nghi ngờ nhỏ nhất về việc khung xe không hoạt động bình thường, cần đưa xe đến dịch vụ để các bác sĩ chuyên khoa chẩn đoán bằng thiết bị được thiết kế đặc biệt cho việc này. Xe càng vận hành thường xuyên thì càng phải theo dõi kỹ khung gầm, chẩn đoán xác định, điều này là điều mong muốn thực hiện sau mỗi 30 nghìn km.
Cần nhớ rằng việc sửa chữa khung xe phải được tiếp cận một cách có trách nhiệm. Tất nhiên, bạn có thể thay thế tất cả các bộ phận một cách đơn giản, nhưng trong trường hợp này, chi phí sửa chữa sẽ khá cao. Tùy chọn tốt nhất sẽ là thực hiện chẩn đoán và xác định danh sách các phần tử không sử dụng được.

Chẩn đoán phương tiện bao gồm:

  • kiểm tra giảm xóc, cần gạt, lò xo, cốc đỡ;
  • kiểm tra các khuyên lái, ổ bi;
  • trạng thái nút;
  • kiểm tra ổ trục bánh xe;
  • kiểm tra độ kín của hệ thống phanh và các hệ thống thủy lực của máy;
  • xác định mức độ mòn của đĩa, ống mềm, má phanh và tang trống.

Chẩn đoán thường xuyên cho phép bạn xác định các vấn đề với khung gầm của ô tô ở giai đoạn đầu, khi không có dấu hiệu hư hỏng rõ ràng trong hoạt động của bất kỳ yếu tố nào. Sau khi kiểm tra tất cả các lỗi, các bậc thầy sẽ giúp xác định các vấn đề mà chiếc xe có thể gặp phải trong tương lai và ngăn chặn sự xuất hiện của chúng. Dựa trên kết quả chẩn đoán, các bác sĩ chuyên khoa đưa ra một danh sách cần thiết công việc sửa chữa và bắt đầu thực hiện chúng.

18 07 2015

“Mọi thứ trực tuyến trong tương lai sẽ giống như một trò chơi nhiều người chơi”. Eric Schmidt, Giám đốc điều hành Google

Bài viết này dựa trên phổ biến Gamification Dự án Coursera , cũng như cuốn sách Tham gia và chinh phục của Kevin Werbach và Dan Hunter. Trò chơi tư duy phục vụ doanh nghiệp "(tựa gốc" Vì người chiến thắng: Cách tư duy trò chơi có thể cách mạng hóa doanh nghiệp của bạn.

Theo bài báo, một ghi chú là một tập hợp các ghi chú mà tôi đã ghi lại khi xem các bài giảng. Nó được viết rất ngôn ngữ đơn giản, vì tôi chủ yếu viết phần tóm tắt cho chính mình, và sau đó tôi quyết định chỉnh sửa nó và xuất bản nó trên blog.

Gamification (trò chơi hóa) trong giáo dục và kinh doanh vẫn chưa phổ biến ở Nga, chẳng hạn như ở Hoa Kỳ, nhưng tôi nghĩ rằng sự quan tâm đến chủ đề này sẽ tăng lên trong những năm tới.

Vì có nhiều tư liệu nên tôi quyết định chia nhỏ thành nhiều bài. Đây là phần đầu tiên, phần hai và phần ba sẽ sớm xuất hiện.

Gamification là gì?

Mọi người đã phát minh ra nhiều trò chơi khác nhau trong suốt lịch sử. Mỗi người trong chúng ta đều đã từng thực sự đam mê một loại trò chơi nào đó. Ai đó đang chơi bóng đá, ai đó đang chơi cờ, ai đó là Monopoly, và ai đó là World of Warcraft hoặc FarmVille. Trò chơi có sức mạnh tuyệt vời và khiến chúng ta có nhiều cảm giác khác nhau. Chúng tôi thích quá trình của trò chơi, cảm thấy sự tham gia của đội và sự hài lòng từ kết quả đạt được.

Có những nguyên tắc mà trò chơi được xây dựng và các kỹ thuật làm cho chúng trở nên thú vị. Những nguyên tắc và kỹ thuật này có thể được áp dụng không chỉ trong trò chơi, mà còn trong các lĩnh vực khác. chẳng hạn như tiếp thị, nguồn nhân lực, chăm sóc sức khỏe, quốc phòng Môi trường và Đào tạo.

Một trò chơi được thiết kế tốt là một công cụ phức tạp và nhiều mặt có thể ảnh hưởng đáng kể đến động lực của chúng ta.

Đây là bản chất của phương thức kinh doanh mới được gọi là trò chơi hóa (gamification). Chúng tôi sử dụng các yếu tố và phương pháp tiếp cận trò chơi được sử dụng trong thiết kế trò chơi điện tử và áp dụng chúng cho các tình huống không phải trò chơi..

Thuật ngữ trò chơi hóa (gamification) xuất hiện cách đây không lâu, và thường gây ra hiểu lầm. Gamification thường bị nhầm lẫn với các khái niệm khác liên quan đến trò chơi theo cách này hay cách khác. Trước khi chúng ta xem xét thực chất gamification là gì, trước tiên chúng ta hãy làm rõ nó KHÔNG PHẢI là gì.

  • Đây không phải là một cuộc đắm chìm trong thế giới ảo 3D như Second Life.
  • Đây không phải là trò chơi trong khi làm việc hoặc học tập.
  • Đây không phải là việc sử dụng các trò chơi trong bối cảnh kinh doanh, chẳng hạn như trong dự án Độc quyền của McDonald.
  • Đây không phải là những trình mô phỏng khác nhau được sử dụng trong việc đào tạo phi công, bác sĩ và chuyên gia quân sự (mọi thứ trong Gần đây thường được nhóm lại dưới thuật ngữ trò chơi nghiêm túc).
  • Gamification không chỉ được sử dụng để tiếp thị và thu hút khách hàng mới.
  • Đây không phải là lý thuyết trò chơi (một nhánh của toán học ứng dụng liên quan đến việc nghiên cứu các chiến lược tối ưu trong trò chơi).
  • Nếu bạn đã đọc một cái gì đó về chủ đề này, thì có lẽ bạn đã bắt gặp các từ viết tắt PBL, viết tắt của điểm (điểm, điểm), huy hiệu (huy hiệu, huy hiệu, giải thưởng), leaderboars (bảng xếp hạng, bảng thành tích). Gamification không giới hạn ở việc triển khai các yếu tố này, và hơn nữa, nó không nhất thiết phải bao gồm chúng.
  • Gamification không nhất thiết phải được áp dụng kỹ thuật số. Vì vậy, nếu chúng ta làm việc với trẻ em, thì huy chương hoặc sọc thật trên quần áo cũng có thể đóng vai trò là huy hiệu.
  • Gamification một mình không thể là chìa khóa thành công. Không nhiều hơn yếu tố phụ trợ. Vì vậy, ứng dụng của bạn sẽ không được sử dụng chỉ để ở vị trí đầu tiên trong bảng xếp hạng. Nó sẽ được sử dụng chủ yếu vì nó hữu ích theo một cách nào đó và trò chơi hóa chỉ là một công cụ để tăng động lực và mức độ tương tác.
Tại sao sử dụng Gamification?

Tại sao hàng trăm triệu người trên thế giới dành hàng trăm tỷ giờ mỗi tháng để chơi trò chơi bằng máy tính, bảng điều khiển trò chơi, điện thoại di động và máy tính bảng? Tại sao không chỉ thanh thiếu niên đam mê trò chơi máy tính, mà cả người lớn, những người được giáo dục tốt và có thành tích, những người dường như không nên lãng phí thời gian cho những điều vô nghĩa như vậy?

Câu trả lời rất đơn giản: bởi vì những trò chơi này được thiết kế một cách khéo léo. Họ tính đến đặc điểm tâm lý của những người tham gia; công việc khổng lồ và kinh nghiệm của các nhà phát triển đã được đầu tư vào quá trình sáng tạo của họ.

Thực hiện thành công trò chơi hóa có thể là một nhiệm vụ khó khăn, vì nó đòi hỏi kiến ​​thức trong các lĩnh vực rất khác nhau. Vì vậy, nếu chúng ta sử dụng trò chơi hóa trong lĩnh vực kinh doanh, thì điều này sẽ đòi hỏi cả sự hiểu biết về các nguyên tắc thiết kế trò chơi và khả năng quản lý các quy trình kinh doanh. Nếu trong đào tạo, thì theo đó, hiểu được cơ chế tạo trò chơi và kinh nghiệm trong việc biên soạn các khóa đào tạo. Tìm một chuyên gia với tất cả các năng lực cần thiết có thể là một nhiệm vụ khó khăn. Nhưng tình huống này có lợi thế của nó, vì nó dành chỗ cho các thử nghiệm và ý tưởng mới.

Điều chính trong quá trình trò chơi là không tập trung vào các thuộc tính bên ngoài, bề ngoài của trò chơi, chẳng hạn như PBL (điểm, huy hiệu, bảng thành tích), và không để mất các thuộc tính khác khía cạnh quan trọng cơ bản của nó.

Nhu cầu sử dụng trò chơi hóa phát sinh do thực tế là các kế hoạch tạo động lực cũ thường không hoạt động. Phương pháp cà rốt và cây gậy không phải lúc nào cũng hiệu quả. Phần thưởng, địa vị và sợ bị trừng phạt bằng tiền đều có giá trị, nhưng chỉ đến một giới hạn nhất định. Thế giới xung quanh chúng ta đang thay đổi nhanh chóng, các cơ hội mới liên tục xuất hiện và mọi người thường hành xử theo cách không được mong đợi, dựa trên các khái niệm cơ bản về quản lý và tiếp thị tồn tại ở thời điểm hiện tại. Có thể đáng để thử một số mạch mới?

Khi học ở trường và đại học, chúng tôi đều nhận được điểm. Điểm là cơ chế mà giáo viên đo lường kiến ​​thức và thúc đẩy học sinh đạt được các mục tiêu mới, và khi bạn nghĩ về nó, chúng có rất nhiều điểm chung với các điểm trong trò chơi vi tính. Trong công việc, chúng ta chuyển từ vị trí này sang vị trí khác, cao hơn, khi chúng ta tích lũy kinh nghiệm và kiến ​​thức, giống như trong một trò chơi, chúng ta chuyển từ cấp độ này sang cấp độ khác, phức tạp hơn. Công việc và giáo dục nói chung là trò chơi. Vì vậy, tại sao không làm cho những trò chơi này thú vị hơn?

Các yếu tố trò chơi có thể làm tăng đáng kể động lực. Hơn nữa, không phải lúc nào cũng cần bồi thường bằng tiền, vì trò chơi tự nó là một phần thưởng. Vì vậy, khi chơi trò chơi điện tử, người ta có thể tiêu tốn một lượng tài nguyên khổng lồ để có được những vật ảo không có giá trị thực, chưa kể trong một số trường hợp phải bỏ ra tiền thật để có được những vật này.

Ví dụ về việc sử dụng trò chơi hóa trong kinh doanh.

Hàng triệu người sử dụng Microsoft Windows và Microsoft Office mỗi ngày. Phần mềm này được phát triển bởi hàng trăm chuyên gia, trải qua nhiều lần sửa đổi trong nhiều năm và được bản địa hóa cho tất cả các ngôn ngữ chính trên thế giới. Như là hệ thống phức tạp không tránh khỏi sai sót. Chúng được xác định bởi người kiểm tra, người có nhiệm vụ trong trường hợp này là xem xét từng hộp thoại trong mỗi ngôn ngữ để tìm lỗi. Công việc được thực hiện bằng tay hệ thống tự động không đủ hiệu quả. Vấn đề ở đây không chỉ nằm ở khối lượng công việc khổng lồ mà còn nằm ở việc công việc này vô cùng nhàm chán và đơn điệu. Ngay cả một công ty như Microsoft cũng không dễ tìm đủ người để thử nghiệm sản phẩm của họ. Khó khăn nảy sinh ngay cả với việc tìm kiếm các chuyên gia kiểm tra phần mềm bằng tiếng Anh, chưa kể đến những ngôn ngữ hiếm như tiếng Slovenia hoặc tiếng Urdu.

Một trong những nhóm thử nghiệm do Ross Smith dẫn đầu, người đã có cách tiếp cận sáng tạo để giải quyết vấn đề bằng cách biến thử nghiệm phần mềm thành một trò chơi thú vị gọi là Trò chơi Chất lượng Ngôn ngữ.

Hàng nghìn nhân viên của Microsoft trên khắp thế giới đã tham gia trò chơi này vào thời gian rảnh (!) Của họ. Họ nhận được điểm cho mỗi lỗi họ tìm thấy (có vẻ như họ sử dụng ngôn ngữ không chính xác) và kết quả của họ chiếm một vị trí nhất định trong bảng xếp hạng (càng ghi được nhiều điểm, vị trí trong bảng càng cao). Để đảm bảo rằng người chơi không chỉ “nhấp qua” các trang mà không cần xem mà thực sự cố gắng tìm ra những điểm không chính xác, ban tổ chức trò chơi cho biết thêm một số lượng lớn lỗi cố ý và rõ ràng là dịch sai. Hệ thống tính điểm theo dõi kết quả của cả từng người chơi và khu vực.

Trò chơi góp phần làm nảy sinh tinh thần cạnh tranh. Các nhân viên muốn giành chiến thắng. Họ cũng muốn ngôn ngữ của họ chiến thắng. Cuối cùng, 4.500 người tham gia đã xem hơn nửa triệu hộp thoại Windows 7, báo cáo 6.700 điểm không chính xác, dẫn đến hàng trăm bản sửa lỗi đáng kể. Họ không chỉ làm một việc không thuộc trách nhiệm công việc của mình mà còn nhận thấy quá trình tìm lỗi hấp dẫn và gây nghiện.


Tôi không tìm thấy một bức ảnh đẹp về Ros Smith, vì vậy tôi đã chụp ảnh màn hình từ bài phát biểu này:

Ảnh chụp màn hình được lấy từ trang này. Thành thật mà nói, tôi không chắc rằng họ đề cập cụ thể đến dự án được mô tả trong bài báo và không phải một trong những dự án tương tự, nhưng, trong mọi trường hợp, nguyên tắc là giống nhau.

Gamification nội bộ là gì.

Dự án Trò chơi Chất lượng Ngôn ngữ của Ros Smith là một ví dụ về trò chơi hóa nội bộ, nghĩa là việc áp dụng trò chơi hóa trong một tổ chức để tăng năng suất làm việc.

Gamification nội bộ có hai đặc điểm. Đầu tiên, những người chơi đã là một phần của một cộng đồng được thiết lập, trong trường hợp này là một công ty. Nhân viên của công ty có thể là những người rất khác nhau, với những khả năng và sở thích rất khác nhau. Nhưng họ thường xuyên tương tác với nhau, chia sẻ văn hóa doanh nghiệp tổ chức muốn được thăng tiến và đạt được một vị thế nhất định. Trò chơi Chất lượng Ngôn ngữ đã thành công vì nhân viên của các bộ phận Microsoft muốn đánh bại các đồng nghiệp của họ từ các khu vực khác và vì tất cả đều đoàn kết với nhau bởi một mục tiêu toàn cầu - tạo ra một hệ điều hành tốt hơn.

Thứ hai, thành phần động lực của trò chơi hóa phải tương tác với các phương pháp quản lý hiện có của công ty và các kế hoạch khuyến khích. Trò chơi Chất lượng Ngôn ngữ đã hiệu quả vì người chơi không được công ty thuê làm người thử nghiệm. Họ không tham gia trò chơi vì nó ảnh hưởng đến họ. tiền công, nhưng vì họ rất thích quá trình của trò chơi.

Gamification bên ngoài là gì.

Trò chơi hóa bên ngoài gắn liền với sự tương tác với khách hàng hiện tại và thu hút khách hàng mới, tức là nó thường được sử dụng cho mục đích tiếp thị. Đánh bạc trong trường hợp này là một cách để tăng lòng trung thành của khách hàng, do đó dẫn đến tăng lợi nhuận.

Một ví dụ về việc sử dụng trò chơi bên ngoài là Record Searchlight, một tờ báo hàng ngày xuất bản ở Redding, California. Bất kỳ ấn phẩm in nào cũng gặp khó khăn lớn do độc giả ngày càng ưa chuộng ấn phẩm điện tử. Họ lấy tin tức từ các blog và tìm các bài viết về các chủ đề có liên quan trên web, điều này dẫn đến giảm số lượng người đăng ký và giảm doanh thu quảng cáo.

Ban quản lý của Record Searchlight đã quyết định tạo một trang web (có quảng cáo) với mục tiêu không chỉ là thu hút độc giả mà còn thúc đẩy họ tích cực tương tác với các bài viết và giới thiệu tài liệu cho bạn bè.

Họ giới thiệu một hệ thống huy hiệu (huy hiệu) mà độc giả có thể kiếm được cho những bình luận chất lượng trên các bài báo trực tuyến. Huy hiệu là một biểu tượng được phản ánh trong hồ sơ của một người dùng đã đạt được kết quả cần thiết (để lại một số nhận xét nhất định). Một trong những mục tiêu của việc giới thiệu huy hiệu là giữ chân người dùng trên trang web.

Sau 3 tháng, lượng bình luận tăng 10% và thời gian người dùng dành cho trang web tăng 25% mỗi phiên. Một mục tiêu khác là cải thiện chất lượng của các cuộc thảo luận trên trang web. Vì độc giả ủng hộ các bình luận tốt của độc giả khác, nên huy hiệu đã giảm số lượng các phát biểu xúc phạm và nghi vấn, điều này làm giảm chi phí kiểm duyệt.

Gamification thay đổi hành vi là gì.

Các tài liệu khóa học đã sử dụng thuật ngữ trò chơi hóa thay đổi hành vi. Tôi đang dịch nguyên văn vì tôi không thể nghĩ ra từ tương đương phù hợp. Thay đổi hành vi ở đây đề cập đến việc hình thành những thói quen và chuẩn mực xã hội mới. Hoạt động cờ bạc trong trường hợp này là nhằm thúc đẩy lối sống lành mạnh, phổ biến thông tin về sử dụng hợp lý tài nguyên thiên nhiên và học các kỹ năng mới hữu ích như hiểu biết về tài chính.

Một ví dụ là Keas Health Management, nhằm mục đích thúc đẩy mọi người lối sống lành mạnh sự sống. Keas được thành lập bởi Adam Bosworth, người trước đây từng làm việc tại Microsoft, BEA Systems và Google. Lúc đầu, công ty tập trung vào việc cung cấp cho người dùng thông tin toàn diện về tình trạng sức khỏe, tin rằng nếu mọi người có thể thấy rõ chế độ ăn uống và tập luyện ảnh hưởng đến sức khỏe của họ như thế nào, họ sẽ điều chỉnh hành vi của mình. Nhưng nó không hoạt động. Cho dù thông tin được trình bày đầy đủ và thuyết phục đến đâu, người ta vẫn không thể loại bỏ những thói quen cũ.

Sau đó công ty thay đổi chiến lược. Đầu tiên, họ trình bày thông tin dưới dạng các bài kiểm tra nhằm kiểm tra nhận thức về sức khỏe. Sau đó, chúng tôi đưa các bài kiểm tra vào một trò chơi đồng đội, có các cấp độ, chiến lược và bảng thành tích. Công ty không chắc chắn thành công. Rốt cuộc, ai yêu thích các cuộc thăm dò và kiểm tra? Nhưng, đề phòng, họ đã tạo ra một số lượng lớn các câu hỏi. Đáng lẽ chúng đã đủ cho 12 tuần mà chương trình kéo dài. Người dùng đã vượt qua tất cả các bài kiểm tra trong một tuần.

Sau đó, công ty tiếp tục phát triển theo hướng này. Làm cho việc chăm sóc sức khỏe trở thành một trò chơi đã giúp nhiều người thay đổi thành công hành vi và phát triển những thói quen mới lành mạnh. Ví dụ, nhân viên tại một trong những bệnh viện tham gia chương trình Keas đã giảm (cùng nhau) hơn 1.200 pound, với 64% người tham gia nói rằng năng suất của họ tăng lên.

Thoạt nhìn, các hệ thống mà Microsoft, Record Searchlight và Keas đã triển khai dường như không có nhiều điểm chung, vì chúng được thiết kế để hoạt động trong các bối cảnh rất khác nhau. Nhưng tất cả chúng đều là những ví dụ về trò chơi hóa và ứng dụng tư duy trò chơi để giải quyết các vấn đề kinh doanh và xã hội.

Định nghĩa của thuật ngữ gamification là gì?

Các công ty đã sử dụng tư duy trò chơi để giải quyết các vấn đề kinh doanh trong một thời gian dài, nhưng chưa khai thác hết tiềm năng của trò chơi hóa. Thuật ngữ trò chơi hóa xuất hiện vào năm 2003, nhưng chỉ được sử dụng rộng rãi vào năm 2010. Mặc dù nhiều tạp chí danh tiếng gọi trò chơi hóa là một xu hướng phổ biến mới trong kinh doanh, thuật ngữ này thường được hiểu theo nhiều cách khác nhau.

Trong bài viết này, trò chơi hóa đề cập đến việc sử dụng các yếu tố trò chơi và kỹ thuật được sử dụng trong thiết kế trò chơi trong các bối cảnh không phải trò chơi. Có ba điểm quan trọng trong định nghĩa này:

1) các yếu tố trò chơi,

2) kỹ thuật thiết kế trò chơi,

3) các bối cảnh (tình huống) phi trò chơi.

Hãy xem xét từng chi tiết hơn.

Bất kỳ trò chơi nào cũng được xây dựng từ các phần riêng biệt, có thể được gọi là các yếu tố của trò chơi. Các yếu tố là một bộ công cụ mà bạn có thể xây dựng trò chơi. Vì vậy, cờ caro bao gồm các yếu tố như chip (quân cờ), các tính năng tương tác giữa các quân cờ, chẳng hạn như chuyển động của quân cờ theo đường chéo và khả năng “ăn” quân cờ của đối thủ, và các quy tắc theo đó các quân cờ đã đến hàng cuối cùng trở thành vua. Do đó, các yếu tố của trò chơi bao gồm cả các đối tượng, các tính năng tương tác của chúng và một bộ quy tắc.

Trong Trò chơi chất lượng ngôn ngữ, các yếu tố của trò chơi là sự cạnh tranh giữa các bộ phận công ty trong nhiều nước khác nhau và bảng xếp hạng, cho phép bạn so sánh kết quả của những người tham gia.

Cũng giống như chúng ta có thể lắp ráp các đồ vật khác nhau từ các mảnh Lego, chúng ta có thể tạo ra một cái gì đó mới từ các yếu tố khác nhau của trò chơi. Chúng tôi có thể làm trò chơi mới, hoặc chúng ta có thể kết hợp các yếu tố của trò chơi và tạo ra một thứ gì đó không thực sự là một trò chơi. Ví dụ: nếu chúng tôi đưa các phần của trò chơi và triển khai chúng vào thực tiễn kinh doanh, chúng tôi đặt nhiệm vụ cho người kiểm tra là tìm ra lỗi trong bản địa hóa phần mềm, sau đó chúng tôi đưa vào trò chơi hóa, mục đích là tăng năng suất lao động.

Một điểm quan trọng. Gamification không có nghĩa là tạo ra một trò chơi chính thức. Chúng tôi chỉ sử dụng các yếu tố riêng lẻ của trò chơi, điều này mang lại cho chúng tôi sự linh hoạt hơn. Khi chúng ta chơi cờ caro, chúng ta không thể thay đổi các yếu tố của trò chơi - nếu không nó sẽ không còn là cờ caro nữa. Với gamification, mọi thứ đã khác. Khi chúng tôi phát triển một hệ thống trò chơi hóa, nhiệm vụ của chúng tôi chính xác là thay đổi các yếu tố trò chơi theo cách chúng giúp chúng tôi đạt được mục tiêu của mình.

Sử dụng trò chơi thủ thuật, điển hình cho việc tạo ra các trò chơi điện tử, nhưng mọi thứ không hề đơn giản như thoạt nhìn. Có vẻ như không có gì phức tạp trong việc giới thiệu hệ thống điểm cho trang web, nó chỉ là một đoạn mã. Bạn có muốn khách hàng truy cập trang web của bạn thường xuyên hơn không? Sau đó, chỉ cần cho họ 100 điểm mỗi khi họ đăng nhập. Bạn cũng có thể thêm một bảng xếp hạng để theo dõi điểm số của mình! Nhưng đây là một ví dụ về cách tiếp cận sai đối với gamification. Cách tích điểm là gì? Nó có thể hấp dẫn một số người dùng đạt điểm cao hoặc đứng đầu trong bảng xếp hạng, nhưng chúng sẽ không tồn tại lâu. Người dùng mới có thể chọn không tham gia kiếm điểm vì họ thấy rằng kết quả bảng xếp hạng khó đạt được hơn. Chưa kể thực tế là hầu hết người dùng chỉ đơn giản là không quan tâm đến điểm.

Ngay cả những công ty sử dụng gamification thành công cũng thất bại. Ví dụ: Record Searchlight đã sử dụng thành công phương pháp phân bổ bên ngoài để thu hút và giữ chân người đọc. Nhưng, tại một số thời điểm, các biên tập viên đã đi xa và giới thiệu một huy hiệu đặc biệt cho những người đăng ký danh sách gửi thư quảng cáo. Ý tưởng không thành công, người dùng khó chịu vì những email quảng cáo, lượng người đăng ký giảm dần.

Làm thế nào để xác định các yếu tố của trò chơi là tốt nhất để sử dụng khi nào? Gamification không chỉ là danh sách các thành phần có thể có và hướng dẫn từng bước trên ứng dụng của họ. Đó là một chút khoa học, một chút nghệ thuật, và rất nhiều thử nghiệm và sai lầm. Thiết kế trò chơi không phải là một nhiệm vụ dễ dàng. Ngay cả những công ty thành công như Electronic Arts và Sony đã chi hàng chục triệu đô la để phát triển trò chơi mà không bán được. Nhưng, nếu chúng ta không sử dụng kinh nghiệm có được của người khác và các kỹ thuật đã được kiểm chứng bằng thời gian, thì cơ hội thành công sẽ rất nhỏ.

Yếu tố thứ ba của định nghĩa là bối cảnh không phải trò chơi(tình huống). Trong tất cả các trường hợp sử dụng của trò chơi, cho dù mục tiêu nội bộ, bên ngoài hay hành vi, phi trò chơi đều phải đạt được. Đội của Ross Smith không tiêu diệt lũ thây ma, họ lướt qua các hộp thoại để tìm lỗi dịch thuật. Nhưng, theo một cách khó tin nào đó, hoạt động này đối với họ dường như là một trò chơi .

Tại sao sử dụng gamification?

Có ba lý do: sự tham gia, thử nghiệm và kết quả.


Sự tham gia.
Gamification là một cách để phát triển các hệ thống có thể thúc đẩy mọi người. Bất cứ điều gì có thể thu hút khách hàng mới và giữ chân khách hàng hiện có, hoặc truyền cảm hứng cho nhân viên giải quyết vấn đề hiệu quả đều đáng để thử.

Lý do ở đây rất đơn giản. Trò chơi kích hoạt sản xuất dopamine, "hormone khoái cảm", mang lại cho chúng ta niềm vui của sự tán thành và chiến thắng. Vì vậy, bằng cách tạo ra một hệ thống được đánh bạc, chúng ta có thể biến quá trình hoàn thành một nhiệm vụ thành một niềm vui. Điều chính ở đây là không tập trung hoàn toàn vào niềm vui của quá trình, và không chỉ dựa vào các cơ chế nguyên thủy, vì tất cả những điều này đều là yếu tố của động lực bên ngoài. Bạn có thể tạo ra động lực nội tại, tức là làm cho nó để việc hoàn thành nhiệm vụ tự nó trở nên có ý nghĩa.

Vì vậy, với sự trợ giúp của gamification, có thể thúc đẩy mọi người tập thể dục thường xuyên, ăn thức ăn lành mạnh và sử dụng hợp lý các nguồn tài nguyên thiên nhiên. Bạn có thể tập hợp nhân viên của công ty hoặc thực hiện một nhiệm vụ đòi hỏi nỗ lực tập thể. Ví dụ, nghiên cứu hình ảnh của NASA để tìm ra những hành tinh mới mà hệ thống tự động không thể phát hiện được.

Cuộc thí nghiệm.Để cải thiện trong trò chơi có nghĩa là thử nghiệm. Bạn biết rằng một ngày nào đó bạn sẽ không tránh khỏi thất bại, nhưng bạn cũng biết rằng bạn luôn có thể bắt đầu lại, vì vậy khả năng thất bại không đáng sợ. Trong hầu hết các trò chơi điện tử, bạn có thể thắng, nhưng không thể thua hoàn toàn. Vì vậy, nếu trò chơi cân bằng, không quá khó và không quá dễ, thì người chơi luôn nỗ lực để cải thiện kết quả của mình, và không ngừng tìm ra những cách giải quyết vấn đề mới, thường là bất ngờ nhất. Cách tiếp cận này rất quan trọng trong môi trường kinh doanh ngày nay, nơi mà sự đổi mới đóng vai trò then chốt.

Cảm ơn, bây giờ nó rõ ràng hơn nhiều.

Marketing hỗn hợp là một bộ công cụ đặc biệt cho phép nhà tiếp thị đạt được mục tiêu chính: thỏa mãn nhu cầu của khách hàng và tăng doanh số bán hàng. Với sự trợ giúp của các công cụ này, nhu cầu được hình thành và quản lý được thực hiện.

Khái niệm và mục tiêu của marketing

Khái niệm tiếp thị xuất hiện vào nửa sau của thế kỷ 19, khi đối phó với tình trạng sản xuất quá mức, người ta cần tìm ra các công cụ mới để kích thích việc bán sản phẩm. Khái niệm mới được định nghĩa là một hoạt động nhất định nhằm mục đích tăng lợi nhuận của công ty. Ngày nay có ít nhất một nghìn định nghĩa khác nhau. Nhìn chung, marketing được hiểu là một quá trình nhằm nghiên cứu thị trường và hình thành một nhóm người tiêu dùng hàng hoá.

Mục tiêu chính của marketing là thoả mãn nhu cầu của người tiêu dùng. Để làm được điều này, cần nghiên cứu thị trường, thiết kế sản phẩm, xác định giá và lên kế hoạch xúc tiến. Tiếp thị tìm cách thiết lập mối quan hệ giữa người sản xuất và người mua sản phẩm nhằm tối đa hóa khả năng tiêu thụ. Ngoài ra, anh ta phải đối mặt với các mục tiêu nghiên cứu sâu về tình hình thị trường và nghiên cứu nhu cầu của người tiêu dùng và các đặc điểm hành vi của họ. Nó được thiết kế để tăng sự hài lòng của khách hàng đối với sản phẩm để khiến họ mua hàng nhiều lần. Nâng cao chất lượng cuộc sống của người tiêu dùng, mở rộng chủng loại sản phẩm để đáp ứng tốt nhất nhu cầu của dân cư - đây cũng là phạm vi của marketing. Dựa trên các mục tiêu này, các chức năng tiếp thị được xác định: tiếp thị, phân tích, sản phẩm và sản xuất, truyền thông, quản lý và kiểm soát.

Lý thuyết Marketing hỗn hợp

Năm 1953, thuật ngữ “hỗn hợp tiếp thị” lần đầu tiên được sử dụng trong tiếp thị Mỹ, nhờ đó Neil Borden hiểu được một bộ công cụ đặc biệt để đạt được kết quả tiếp thị mong muốn. Sau đó, McCarthy đã cải tiến khái niệm này và phát triển khái niệm tiếp thị 4p, khái niệm này đã trở thành đồng nghĩa với khái niệm "tiếp thị hỗn hợp". Nó bao gồm các yếu tố như sản phẩm, giá cả, địa điểm, khuyến mãi. Ông phát hiện ra rằng bốn yếu tố cơ bản không thể tổ chức được doanh nghiệp tồn tại trong bất kỳ hình thức sản xuất nào và có tính phổ biến.

TRONG nhìn chung marketing mix là một tập hợp các biện pháp và công cụ cho phép một công ty tác động đến nhu cầu về hàng hóa và dịch vụ được sản xuất.

Sản phẩm

Đầu tiên là sản phẩm (hoặc sản phẩm). Đây là điểm khởi đầu hoạt động tiếp thị, và nó được hiểu là một mặt hàng hoặc dịch vụ nhất định có giá trị nhất định đối với người tiêu dùng. Ngay cả ở giai đoạn thiết kế, cần phải đưa vào sản phẩm những phẩm chất và đặc tính mà người tiêu dùng yêu cầu. Để thực hiện thành công sản phẩm, nhà tiếp thị cần phải có một ý tưởng tốt về những gì anh ta có thể đáp ứng nhu cầu, những ưu điểm và nhược điểm của sản phẩm. Bạn cũng nên hình dung những cải tiến sản phẩm nào có thể tăng doanh số bán hàng của nó, ở những thị trường nào mà sản phẩm có thể có nhu cầu. Để tăng doanh số bán hàng, cần phải quan tâm đến bao bì của hàng hóa, tính hấp dẫn và tính thông tin của hàng hóa cũng như để người tiêu dùng nhận biết sản phẩm một cách nhanh chóng. Để hình thành lòng trung thành của người tiêu dùng đối với sản phẩm, sẽ rất tốt nếu cung cấp các bảo đảm và các dịch vụ bổ sung cho khách hàng.

Giá bán

Hỗn hợp tiếp thị bao gồm định giá. Đây là một hành động rất quan trọng mà sự thành bại của một sản phẩm trên thị trường phụ thuộc vào nó. Không nên để giá quá thấp hoặc cao bất hợp lý vì nó có thể khiến người mua sợ hãi. Mặc dù rõ ràng là dễ dàng tối đa hóa lợi nhuận thông qua giá cao, bạn nên rất cẩn thận về việc đặt chi phí cao hay thấp, vì nó là một yếu tố ảnh hưởng mạnh mẽ đến hình ảnh của sản phẩm và nhà sản xuất. Giá cả phải cạnh tranh, phù hợp với sức mua của người tiêu dùng và chiến lược đã chọn. Giá cả có thể trở thành một công cụ quảng cáo trong các chiến lược như thâm nhập thị trường hoặc hớt váng kem. Khi thiết kế giá thành của sản phẩm, cần đưa ra một số lựa chọn cho các kênh phân phối khác nhau, khả năng cung cấp chiết khấu.

Nơi bán

Lựa chọn địa điểm phân phối hàng hóa - yếu tố quan trọng marketing-mix phức hợp. Sự lựa chọn này dựa trên sự phân tích cẩn thận. hành vi của người tiêu dùng. Trong quá trình nghiên cứu, cần xác định những nơi mà người tiêu dùng sẽ mua hàng thuận tiện nhất. Tổ chức bán hàng, giống như các phương pháp xúc tiến bán hàng khác, nên khuyến khích một người mua. Thủ tục mua sản phẩm cực kỳ đơn giản và nhanh chóng, người tiêu dùng không phải tốn nhiều công sức để mua hàng. Khi xây dựng chiến lược tiếp thị, bạn nên xác định thị trường mục tiêu và kênh phân phối. Ngoài ra, một phần quan trọng của tổ chức bán hàng là hệ thống bán hàng (quảng cáo tại điểm bán, bao gồm trưng bày sản phẩm, bầu không khí và điều hướng trong cửa hàng).

Khuyến mãi

Hỗn hợp tiếp thị là những gì thường được kết hợp nhất với khuyến mại. Thật vậy, xúc tiến là một thành phần thiết yếu của hỗn hợp tiếp thị. Trong cấu trúc của nó, người ta thường phân biệt 4 nhóm công cụ: quảng cáo, các phương pháp xúc tiến bán hàng, PR, các nguồn vốn này được sử dụng tổng hợp, giải quyết các nhiệm vụ dài hạn và ngắn hạn. Quảng cáo và xúc tiến bán hàng thường cho kết quả nhanh chóng, PR là công nghệ cường độ thấp và tạo ra hiệu ứng chậm trễ. Một tập hợp các công cụ khuyến mại được thực hiện dưới dạng chiến lược truyền thông của công ty. Đối với thị trường B2B và B2C, các công cụ khác nhau được sử dụng.

Công cụ tiếp thị

Hỗn hợp tiếp thị là một kế hoạch hành động nhất định, các hoạt động không thể được hoán đổi hoặc giải phóng khi không cần thiết. Mỗi yếu tố của phức hợp đòi hỏi các hành động tiếp thị phối hợp và chu đáo. Các công cụ tiếp thị chính là chính sách tiếp thị, định giá, sản phẩm và truyền thông của doanh nghiệp. Ngoài hỗn hợp tiếp thị, còn có khái niệm về hỗn hợp truyền thông - một tập hợp các phương tiện quảng bá sản phẩm trong môi trường thông tin. Nó bao gồm quảng cáo trực tiếp trên các phương tiện truyền thông (đài, truyền hình, v.v.), tiếp thị sự kiện, các chương trình khuyến mãi khác nhau, quảng cáo trên Internet.

Foundation là một trong hai framework HTML / CSS / JS nổi tiếng dành cho các nhà phát triển front-end. Và điều này là tự nhiên. Trong bài viết này, chúng tôi sẽ giải thích nó được sử dụng để làm gì.

Đầu tiên cho những người có thể đang viết HTML của riêng họ nhưng chưa bao giờ làm việc với một khuôn khổ trước đây:

Về cơ bản, các khung công tác là những đoạn mã lớn được viết sẵn sẽ giúp bạn bắt đầu các dự án của mình nhanh hơn. Trong trường hợp mã phía máy khách, HTML và CSS, điều này có nghĩa là bạn sẽ tìm thấy những thứ như bố cục lưới, kiểu nút cơ bản và các phần tử giao diện người dùng thường được sử dụng trong đó. Các khuôn khổ lớn hơn cũng có thể bao gồm các plugin jQuery.

Chúng không nhằm mục đích sử dụng làm chủ đề hoặc mẫu trang web đầy đủ, nhưng là một tập hợp các khối. Bạn lấy những gì bạn cần, thay đổi nó theo dự án và sử dụng nó trong công việc của bạn. Các khung công tác có nghĩa là chúng cần được cấu hình và tinh chỉnh một chút.

Đây có thể là một nhiệm vụ khó khăn ban đầu, vì các framework như Foundation và đối thủ cạnh tranh chính của nó là Bootstrap thực sự rất lớn. Mỗi cái chứa hàng nghìn dòng CSS. Trước khi quyết định sử dụng bất kỳ khuôn khổ nào cho dự án của mình, bạn cần đánh giá xem bạn sẽ thu được bao nhiêu thời gian từ nó.

Tuy nhiên, khi bạn đã quen với framework, việc sử dụng nó có thể giảm đáng kể thời gian bạn cần để viết mã đánh dấu và CSS.

Một chút về lịch sử

Foundation ban đầu được hình thành chỉ là một hướng dẫn phong cách chung với một số mã thường được sử dụng. Các nhân viên tại ZURB đã quyết định tăng tốc quá trình tạo mẫu bằng cách lấy một số mã và kiểu HTML mà họ đã sử dụng rất nhiều và biến chúng thành một khuôn khổ. Đó là tất cả. Theo quy luật, đây là cách mọi thứ trở nên tốt đẹp. Ai đó cần thứ gì đó và anh ấy đã làm được.

Theo thời gian, các nhà phát triển quyết định rằng chúng là một sản phẩm quá tốt để chỉ sử dụng cho riêng mình, vì vậy họ đã phát hành phiên bản 2.0.0 để sử dụng chung. Họ làm cho mọi thứ trở nên nhạy bén, đánh bóng các yếu tố và mở mã nguồn cho tất cả chúng ta. Giờ đây, các nhà thiết kế và nhà phát triển trên khắp thế giới đang sử dụng mã ZURB để thực hiện công việc của họ nhanh hơn và có lẽ, tôi dám khẳng định điều đó, tốt hơn.

Kể từ khi được phát hành vào ngày 18 tháng 10 năm 2011, framework được MIT cấp phép đã trở thành một trong Big Two và đã được sử dụng trên hàng nghìn trang web.

Sự phổ biến của nó là do tính hữu dụng và tính linh hoạt của nó. Nếu bạn quyết định rằng Foundation là thứ bạn cần, nó sẽ giúp bạn không thất vọng về bản thân.

Chức năng

Foundation đã được phát triển tích cực trong khoảng ba năm nay. Do đó, không có gì ngạc nhiên khi danh sách các chức năng của nó đã khá rộng rãi.

Trên thực tế, khung bao gồm các tệp CSS ( được tạo từ các tệp SASS cũng có sẵn để tải xuống) và một số plugin jQuery.

Các tệp khởi động cơ sở không bao gồm mã HTML ( ngoại trừ một trang demo rất đơn giản), bạn có thể viết tất cả cho mình.

Đồng thời, mỗi thành phần đều có kèm theo tài liệu hướng dẫn chi tiết. Mỗi phần của tài liệu có một ví dụ HTML mà bạn có thể sử dụng và tùy chỉnh khi cần. Nếu muốn xem tài liệu, bạn có thể tìm tại link này.

Nếu bạn muốn thiết lập một môi trường từ đầu, có hai cách để thực hiện việc này:

lựa chọn 1

Bạn có thể chọn chỉ tải xuống các thành phần bạn cần trực tiếp trên đó trang tải xuống chính. Nếu tất cả những gì bạn muốn là lưới, phong cách css, một menu điều hướng và một hoặc hai plugin jQuery, điều đó đủ dễ dàng để thực hiện. Chỉ cần bỏ chọn các hộp bên cạnh các mục bạn không cần và đi!

« Trình tạo khung cũng bao gồm các tùy chọn để tùy chỉnh lưới, màu chính và một vài tính năng bổ sung. Chẳng hạn, tùy chọn này tôi sẽ chọn để tạo mẫu hoặc phát triển các ứng dụng để sử dụng trong công ty. Các kiểu trình bày mặc định thường tuyệt vời cho mục đích này, vậy tại sao phải thay đổi chúng?

Lựa chọn 2

Tùy chọn này phù hợp cho những người sẽ sử dụng khuôn khổ cho các dự án công cộng. Bạn có thể sẽ không muốn sử dụng các kiểu trình bày mặc định, vì chúng có thể sẽ không phù hợp với thương hiệu của bạn. Để tùy chỉnh sâu hơn, bạn sẽ phải tham khảo các tệp nguồn.

Và theo các tệp nguồn, ý tôi là các tệp Sass. Với sự trợ giúp của họ, bạn có thể tùy chỉnh từng biến theo ý thích của mình.

(Lưu ý về tệp Sass: Một lần nữa, đối với những người có thể không quen với thuật ngữ này, Sass là một bộ tiền xử lý CSS đưa những thứ như biến, mixin và các tính năng lập trình khác vào CSS chuẩn. Thực hiện tìm kiếm trên Google với nội dung như "Trình biên dịch Sass cho [hệ điều hành của bạn]" và bạn sẽ tìm thấy thứ mình cần. Cá nhân tôi khuyên bạn nên sử dụng ứng dụng Koala đa nền tảng).

Khi các tệp Sass của bạn đã được biên dịch thành một tệp CSS thông thường, chỉ cần liên kết đến tệp đó trong một trong các phần của bạn như cách bạn làm với bất kỳ tệp CSS nào khác. Ví dụ: ứng dụng Koala sẽ tự động tạo các tệp Sass mỗi khi bạn lưu chúng để trình duyệt của bạn luôn nhìn thấy những thay đổi mới nhất.

Kết cấu

Lưới

Tôi không thể chắc chắn rằng tất cả các khuôn khổ HTML đều bao gồm hệ thống lưới bố cục, nhưng hầu hết đều có. Foundation Grid Out of the Box là một lưới mười hai cột cổ điển, lồng nhau, đáp ứng.

Đánh dấu và các lớp rất đơn giản, bao gồm cả việc điều chỉnh bố cục cho vừa với màn hình. Nếu bạn đã làm việc với các hệ thống lưới trước đây, chẳng hạn như Hệ thống lưới 960, bạn sẽ không gặp khó khăn gì khi hiểu rõ về Foundation Grids.

Lưu ý: Những trang này được thiết kế theo nguyên tắc ưu tiên thiết bị di động, vì vậy hãy ghi nhớ điều đó khi thiết kế trang web của bạn.

Lưới khối

Bạn có thể coi nó như một "lưới điện nhỏ". Nó được tạo ra để thiết lập một số phần tử nhất định, có cùng kích thước, nằm bất kể kích thước màn hình.

Ví dụ: Bạn có ba phần tử có cùng kích thước và bạn muốn chúng được đặt cạnh nhau trên bất kỳ thiết bị nào. Để làm điều này, bạn cần sử dụng ví dụ về lưới khối này, mà tôi đã lấy cắp một cách vô liêm sỉ trực tiếp từ tài liệu:

Lưu ý rằng bạn có thể chỉ định một số cột khác nhau cho các kích thước màn hình khác nhau nếu muốn. Các phần tử giữ nguyên kích thước. Thành phần này lý tưởng cho một phần tử chẳng hạn như thư viện ảnh.

Các tính năng thích ứng

Các truy vấn phương tiện vẫn đơn giản, nhưng chúng được thiết kế cho nhiều kích thước màn hình khác nhau, từ điện thoại thông minh đến màn hình iMac cực lớn.

Foundation ban đầu được phát triển với mục tiêu ưu tiên thiết bị di động. Do đó, khuôn khổ luôn đi trước một bước so với các khuôn khổ khác, kể cả khi đề cập đến các thành phần cụ thể sẽ giúp bạn phát triển các yếu tố thích ứng của trang web của mình.

Đầu tiên, nó có các lớp thông thường ẩn hoặc hiển thị các phần tử khác nhau ở các kích thước khung nhìn khác nhau. Bạn cũng nhận được một số thứ nâng cao hơn một chút như Interchange.

Interchange là một thư viện JS tự động tải các nội dung khác nhau dựa trên các truy vấn phương tiện. Bạn có thể sử dụng thư viện này để quyết định tải lên, ví dụ: hình ảnh bản đồ .jpg hay nhúng Google Maps.

Bằng cách sử dụng thư viện này, bạn có thể giảm mức tiêu thụ tài nguyên bộ nhớ truy cập tạm thời và các dung lượng khác của máy khách. Chỉ cần nhớ triển khai tính năng dự phòng cho những người dùng đã tắt JavaScript.

Chức năng điều hướng

Sự lựa chọn Các tùy chọn khác nhau Menu điều hướng trong Foundation rất đa dạng: từ một thanh điều hướng chung ( hoàn chỉnh với menu thả xuống) và kết thúc bằng các khối biểu tượng, chuỗi chuyển tiếp, menu tách, menu thanh bên và hơn thế nữa.

Tuy nhiên, có hai thành phần menu điều hướng làm cho Foundation khác với các khuôn khổ khác.

Magellan

Đầu tiên là Magellan Sticky Nav. Đặt thanh điều hướng này ở bất kỳ đâu trên trang, sau đó khi bạn cuộn xuống trang, thanh này cũng sẽ di chuyển theo khung nhìn.

Nếu bạn sử dụng nó để liên kết đến một phần của trang hiện tại, bạn có thể đánh dấu phần đó trong chính bảng điều khiển và sau đó nó sẽ hiển thị trong menu bất cứ khi nào bạn cuộn xuống hoặc lên từ phần đó.

Offcanvas

Thứ hai là Offcanvas, một thanh điều hướng dọc được ẩn theo mặc định. Nhưng khi bạn nhấn nút, menu sẽ bật lên từ mép của màn hình.

Hãy nhớ rằng, giống như tất cả các thành phần Foundation, các thành phần điều hướng này có thể được triển khai với một lượng đánh dấu tối thiểu. Các nhân viên tại ZURB đã nỗ lực rất nhiều để làm cho các yếu tố giao diện người dùng khá tiên tiến này dễ triển khai và điều đó cho thấy.

Phương tiện truyền thông

Các thành phần media của bất kỳ khuôn khổ nào có xu hướng được giữ càng đơn giản càng tốt và Foundation cũng không ngoại lệ.

Ví dụ: Hộp đèn xóa được bật theo mặc định. Đây là một thư viện hình ảnh hộp đèn đơn giản đến kỳ lạ. Chỉ cần thêm một vài hình thu nhỏ vào đó, bao gồm các lớp thích hợp và bạn có một thư viện cảm ứng xử lý hình ảnh. chiều cao khác nhau mà không có bất kỳ vấn đề.

Một ví dụ khác là Flex Video, về lý thuyết, thành phần này có thể được sử dụng cho bất kỳ đối tượng có thể nhúng nào.

Chỉ cần gói các video Youtube, iframe hoặc các đối tượng khác của bạn trong một div với class flex-video và phần còn lại sẽ được thực hiện tự động. Các đối tượng này sẽ không tự động thay đổi kích thước khi cửa sổ trình duyệt được thay đổi kích thước.

Cuối cùng, có một số kiểu để bao gồm hình thu nhỏ của hình ảnh. Không có hiệu ứng cụ thể ... chỉ cần họ sẽ có một vẻ bề ngoài.

Còn Orbit thì sao?

Những người đã sử dụng Foundation bên dưới phiên bản 5 có thể muốn biết mọi thứ hiện tại như thế nào với plugin ZURB - Orbit. Nó là một băng chuyền, đôi khi còn được gọi là trình chiếu, một thành phần đáp ứng với các tính năng có thể tải xuống. Vào thời điểm đó nó hoạt động rất tốt.

Tuy nhiên, mặc dù nó vẫn được bao gồm trong khuôn khổ, nhưng nó không còn được hỗ trợ bởi ZURB nữa và cũng không được phát triển tích cực nữa.

Các hình thức

Tất nhiên, những người tạo ra khuôn khổ cũng đã chăm sóc các phong cách cơ bản cho các biểu mẫu. Chúng đã được trau chuốt qua nhiều năm cho đến khi ngoại hình của chúng mang một vẻ đẹp thực sự có một không hai. Bạn có thể nghĩ rằng tôi đang phóng đại, nhưng hãy tin tôi đi.

Nhiều năm kinh nghiệm đã giúp tôi có thể biến các kiểu biểu mẫu cơ bản thành một thành phần mà tôi tin rằng có thể áp dụng cho hầu hết mọi dự án với mức tùy chỉnh tối thiểu.

Các nhân viên tại ZURB đã cố gắng biến một thứ nhàm chán như đồng phục thành một món đồ vừa tiện dụng vừa đẹp mắt. Vì vậy, không có gì ngạc nhiên khi nhiều framework mà tôi đã làm việc cố gắng bắt chước kiểu Foundation.

Trong khi các biểu mẫu vẫn bao gồm những thứ nhàm chán như trường văn bản và nút radio, một số yếu tố đã được thiết kế tùy chỉnh.

Lấy phần tử phạm vi giá trị làm ví dụ: Bạn có thể triển khai phạm vi thanh trượt HTML5, nhưng chúng nhàm chán và sử dụng giao diện mặc định bất kể hệ điều hành mà bạn đang sử dụng. Đồng thời, Foundation bao gồm các thanh trượt có thể được tạo kiểu trong CSS để tùy chỉnh nhiều hơn.

Khung cũng chứa một thư viện xác thực biểu mẫu ( nó chứa các tập lệnh JavaScript bổ sung ...), cho phép bạn đảm bảo tính chính xác của dữ liệu đầu vào của người dùng. Khi họ nhập sai, chẳng hạn như địa chỉ không chính xác E-mail, họ sẽ nhận được một tin nhắn tương ứng.

nút

Không thể xây dựng một khuôn khổ mà không có một vài kiểu nút mặc định. Các nút mặc định trong Foundation không quá khác biệt so với bất kỳ khuôn khổ nào khác. Có nghĩa là, chúng được thực hiện với đánh dấu tối thiểu và có các lớp khác nhau cho các kích thước và màu sắc cụ thể.

Bạn cũng có thể nhóm chúng thành các nhóm nút để sắp xếp hoặc các hành động nhóm khác. Các nhóm nút này ( ngang hoặc khác) được thiết kế để làm việc với lưới. Họ cũng có các lớp bổ sung cho kích thước, màu sắc và góc tròn ... các yếu tố tiêu chuẩn.

Thay đổi đánh dấu nhiều hơn một chút và Foundation cũng sẽ có thể cung cấp cho bạn nút thả xuống và chia các nút.

Hai thành phần cuối cùng này có thể được sử dụng làm plugin thả xuống tích hợp của Foundation. Điều này có nghĩa là, trong số những thứ khác, họ sử dụng JavaScript. Tuy nhiên, chúng rất dễ thực hiện. Đó là tất cả về các lớp học.

Phông chữ

Foundation sử dụng rất cài đặt đơn giản phông chữ. Chúng dễ dàng tùy chỉnh bằng cách sử dụng một số biến Sass cơ bản, đó là tất cả những gì cần thiết để điều chỉnh kích thước. Có, Foundation sử dụng rem.

Vì những người sáng tạo ra Foundation rất chú trọng đến khả năng sử dụng, nên tất cả các phông chữ đều đủ lớn để dễ đọc trên màn hình nhỏ. Đọc ở khoảng cách tiêu chuẩn từ màn hình / màn hình máy tính xách tay cũng không phải là một vấn đề.
Các tính năng phông chữ bổ sung bao gồm:

Danh sách tích hợp

Bạn có cần một danh sách với hướng văn bản ngang? Bạn có cần đặt thứ gì đó ở phần chân trang của trang web không? Tất cả điều này được cung cấp. Theo những người tạo ra khung, bạn cần:

Sử dụng danh sách nội dòng khi bạn cần linh hoạt hơn là chỉ khoảng cách giữa các mục.

Và họ đã đúng. Tiêu chuẩn sẽ rất tệ nếu bạn cần điều chỉnh không gian giữa các phần tử.

Thẻ

Về cơ bản, chúng là những đoạn văn bản nhỏ với nền màu. Bạn có thể sử dụng chúng để làm gì? Để chỉ ra các thẻ và siêu dữ liệu khác. Hoặc, như tên gợi ý, bạn có thể sử dụng chúng để đánh dấu các phần tử như trường biểu mẫu.

Foundation bao gồm nhãn tiêu chuẩn, nhãn cảnh báo, nhãn cần làm nổi bật. Đó chỉ là một trong những tính năng nhỏ, hữu ích mà tôi rất thích ở Foundation.

Xem thêm Tổ hợp phím.

Quy ước và gợi ý

Đôi khi trên trang web của bạn và thường xuyên hơn trên một ứng dụng web, bạn cần thu hút sự chú ý của người dùng. Điều này có thể là để cung cấp cho họ thông tin họ cần, hoặc cho họ thấy rằng một số trường biểu mẫu không được điền hoặc hành động không được hoàn thành, hoặc để dạy họ cách sử dụng ứng dụng.

Nếu bạn là một người không thân thiện, bạn có thể làm điều này bằng cách thêm cảnh báo ... bằng âm thanh.

Nhưng bạn cũng có thể làm điều này với một cửa sổ phương thức. Foundation có các cửa sổ phương thức tuyệt vời với hàng loạt các hành vi, tùy chọn thay đổi kích thước, đính kèm sự kiện ... thậm chí còn có tùy chọn xóa nền.

Ngoài ra còn có các thông báo trong khuôn khổ. Đây là những cửa sổ cảnh báo lớn, sáng sủa được đặt tĩnh và kéo dài để vừa với chiều rộng của thùng chứa. Bạn luôn có thể ghim chúng ở một vị trí cụ thể.

Tôi đã đề cập rằng bạn có thể thay đổi màu của chúng, đặt các góc tròn của cửa sổ và thêm các phần tử chế độ xem khác? Có lẽ điều này đáng phải dừng lại, bởi vì sự đa dạng như vậy vốn có trong nhiều thành phần của khuôn khổ.

Cũng có những gợi ý. Chúng có thể được áp dụng cho bất kỳ phần tử nào và có thể được đặt để chỉ hiển thị trên màn hình lớn hoặc trên tất cả các màn hình. ( Trên thiết bị di động, bạn phải nhấn vào mục có dấu chấm hỏi để xem chú giải công cụ). Chúng cũng có thể được đặt ở bất kỳ đâu trên phần tử.

Joyride đưa ra những gợi ý cho cấp độ tiếp theo. Đây là một plugin sử dụng chú giải công cụ (và những thứ khác) để cung cấp cho người dùng cái nhìn tổng quan về trang web hoặc ứng dụng của bạn. Tuyệt vời cho người dùng trang web mới bắt đầu.

Nội dung

Các khung HTML / CSS thông thường cung cấp cho bạn khả năng sắp xếp nội dung của mình trên trang và thiết lập một số kiểu. Tuy nhiên, Foundation là một trong những framework lớn nhất, có nghĩa là các tính năng bổ sung ngay cả cho nội dung.

Đầu tiên, chúng tôi có bảng giá, bởi vì những người đến từ ZURB biết khá rõ đối tượng của họ. Nhiều người cần một cách dễ dàng để hiển thị thông tin giá cả cho các sản phẩm và dịch vụ của họ. Tổ chức mang đến cho họ cơ hội này theo một định dạng tiêu chuẩn.

Foundation cũng bao gồm một plugin accordion cơ bản và plugin nội dung theo thẻ được mong đợi. Tôi nghĩ bạn sẽ rất thú vị khi biết rằng bạn có thể đặt một tab vào một trong các phần của đàn accordion.

Và cả những thành phần nhỏ mà tôi thấy vô cùng thú vị: thành phần cột có chiều cao bằng nhau. Các nhà phát triển gọi nó là Equalizer, nhưng cái tên này chỉ hấp dẫn bằng một nửa so với các tính năng mà thành phần này cung cấp. Tất nhiên, nó yêu cầu sử dụng JavaScript, nhưng đó là một cách rất đơn giản để làm cho tất cả các cột trong một phần nhất định giữ cùng một chiều cao trong một thiết kế đáp ứng.

Chỉ cần thêm một vài thuộc tính dữ liệu và bạn đã hoàn tất. Đây là giao diện của nó khi kết hợp với thành phần bảng giá:

Nơi để bắt đầu

Vì vậy, bạn đã bao gồm danh sách đầy đủ các tính năng và bạn muốn thử chúng! Đúng? Nếu tôi đúng, đây là cách bạn bắt đầu.

Bây giờ chúng ta sẽ tạo một mẫu cơ bản, đẹp, đơn giản trong Foundation. Bạn có thể làm theo khi thêm mã vào trình soạn thảo văn bản hoặc chỉ cần tải xuống mẫu.

Sau phần này, tôi sẽ liệt kê các bài hướng dẫn và hướng dẫn tuyệt vời khác để giúp bạn trở thành một Foundation Master.

Đi đến trang tải xuống và tải xuống gói cơ sở mặc định và bắt đầu.

Bao gồm các tệp cơ sở trong dự án

Sau khi bạn tải xuống gói, cấu trúc tệp bên trong nó sẽ trông giống như sau:

project-folder index.html (Demo file.) people.txt (Giống như một tệp readme.) robots.txt (Chỉ cần để điều này một mình.) / css foundation.css foundation.min.css * normalize.css * / img (Lưu ý : Empty) / js foundation.min.js * / foundation foundation.abide.js foundation.accordion.js foundation.alert.js (Vv. Danh sách lớn ở đây. Bạn có thể giữ các tệp này để xem / chơi với nguồn, nhưng bạn không thực sự cần họ sử dụng khuôn khổ.) / nhà cung cấp fastclick.js jquery.cookie.js jquery.js * modernizr.js placeholder.js

Bạn có thể nhận thấy rằng tôi đã đặt một dấu hoa thị bên cạnh một số tệp. Đây chỉ là những tệp bạn thực sự cần để khung hoạt động. Phần còn lại là các tệp nguồn hoặc các tiện ích bổ sung hữu ích. Những tiện ích này chắc chắn có thể giúp bạn tạo ra những điều đáng kinh ngạc, nhưng chúng không phải là điều cần thiết.

Ví dụ: placeholder.js triển khai thuộc tính placeholder cho các biểu mẫu HTML5 cho các trình duyệt không hỗ trợ nó.

Chỉ những tệp mà bạn thực sự cần đưa vào phần tương ứng của trang web / ứng dụng của bạn mới được đánh dấu. Đối với hướng dẫn này, tôi sẽ xóa hầu hết các tệp và chỉ giữ lại những tệp tôi cần. Tôi sẽ bắt đầu lại từ đầu với một tệp index.html sạch.

Hãy bắt đầu với thực tế là Trang chủ'sẽ trông như thế này:

Đang tải...
Đứng đầu