Ngôn ngữ thị giác mới của dịch vụ số BBC (3)

Được cung cấp quan điểm triết học mới, chúng tôi bắt đầu tạo ra các mẫu thiết kế theo nhiều đặc tính: BBC tin tức, trang chủ, tìm kiếm, iPlayer, các trang chương trình và chèn media vào tin tức.

Nơi làm việc tại BBC

Trong quá trình thực hiện điều này, chúng tôi thu thập tỉ mỉ những giá trị cơ bản về kiểu thị giác mới. Tôi sẽ chia sẻ với các bạn vài điều cơ bản, bắt đầu từ các đường kẻ trong trang.

 

Chúng tôi đã được truyền cảm hứng từ nhiều nguồn kiến thức khác nhau. Điều chúng tôi cố gắng đạt được là một hệ thống đường bản uyển chuyển đủ để đáp ứng những kiểu thiết kế độc nhất sao cho độc giả vẫn cảm thấy tính liền mạch và tỉ mỉ.

 

Mạng lưới mới dựa trên 31 cột, mỗi cột có 16 điểm ảnh với hai cột bên trái có thể tách thành bốn, và một cột rộng hơn bên tay phải dùng để đăng tải các biển quảng cáo sẽ xuất hiện trên phiên bản quốc tế của trang web.

  

Chúng tôi muốn tạo ra hiệu ứng của việc kết hợp các dải dọc và ngang, tạo nên một dải đường chữ thập về bên phải trang.

 Cùng với đường kẻ dọc 16 pixel, chúng tôi  lần đầu tiên có sự kết hợp với những ô cơ bản 8 pixel để có thể sắp xếp các yếu tố trong trang cả ngang lẫn dọc

 

Yếu tố đặc trưng của GVL mới nhiều hơn là cách sắp xếp bảng kiểu và cỡ chữ. Dưới đây là những kiểu chữ in đậm Helvetica hoặc Arial với những kích cỡ khác nhau mà chúng tôi đạt được sự thống nhất chung trong suốt cả trang web.

 

Đây là ví dụ về việc kết hợp tất cả những thành phần trên trong cùng một trang, và vài ví dụ của kiểu bảng chữ trong quảng cáo. Chúng tôi chú trọng vào những điểm chỉ thị và sự kết nối, bạn có thể thấy qua các đánh dấu thời gian và các biển báo về những sự kiện trực tiếp.

 

Dưới đây là mẫu ví dụ về sự kết hợp lời kêu gọi hành động trong một đoạn clip có lời trích dẫn bên cạnh, bạn có thể thấy hiệu quả ấn tượng lần nữa của việc sử dụng chữ in với các biểu tượng lớn in đậm.

 

Dưới đây là một vài ví dụ về kiểu chữ, được trình bày ngay trên hình ảnh và việc sử dụng lớp hình để tạo ra những cấp bậc và tính ấn tượng trong cách liên kết.

 

Chúng tôi cũng phát triển những bảng màu sáng cho những khu vực không có thương hiệu của trang, hoặc những nơi mà BBC nhằm thẳng vào độc giả (như trang chủ, ô tìm kiếm…) Mỗi màu có dải sắc độ rộng để sử dụng trong tương phản hoặc hòa hợp với các màu khác.

 

Chúng tôi cũng có một bảng màu trung tính có nhiệt độ màu được sử dụng giản dị hơn khi các màu có sắc độ khác nhau đứng cạnh nhau trong bảng màu.

 

 

 

Chúng tôi gợi ý là một trang nên có những màu trung tính chiếm ưu thế hơn sẽ cung cấp tính hình tượng nhiều hơn. Những màu sáng chỉ nên dùng để tạo nên sự nhấn mạnh và thu hút mắt đến những khu vực quan trong trong trang.

Chúng tôi chuyển thanh công cụ bên trái sang một vị trí mới: đặt nằm ngang trong suốt các trang, đây là ví dụ từ trang Thể thao:

 

Chúng tôi cũng thiết kế một cách nhìn mới và dường như có thể chèn thêm media. Điều này đây vẫn còn đang thử nghiệm, nhưng bạn có thể thấy hiệu quả phần nào của lời kêu gọi được in đậm.

 

Chúng tôi có bốn kiểu chạy tin hình, một kiểu vừa khít với cột bên phải, một nằm ở các ô kép bên trái, một kiểu có chiều rộng đầy đủ lấn ra ngoài các ô cơ bản và kéo dài đến cạnh các trình duyệt để tạo nên một màn hình rộng.

 

Và cuối cùng, chúng tôi tạo ra một tập hợp các biểu tượng mới.

Những chỉ dẫn trên đây chỉ là những yếu tố cơ bản trong một trang có thể được kết hợp bằng nhiều cách. Chúng tôi muốn tạo nên một điều gì đó uyển chuyển để có thể cho phép tất cả thương hiệu của mình đầy sức biểu cảm trong thống nhất một cách liền mạch với những độc giả giàu kinh nghiệm. Chúng tôi cũng muốn lột bỏ bất cứ sự trang trí rườm rà nào và để tự nội dung và tính hình tượng của bản tin tỏa sáng. Đối với tôi, ngôn ngữ thị giác mới này thật sự thú vị và mới mẻ. Cảm giác này như vô tận, trong mỗi khoảnh khắc, và tôi hi vọng bạn đồng ý.

Những bước kế tiếp, chúng tôi sẽ tiếp tục hoàn thành các banner và chân trang. Chúng tôi cũng đang nhắm tới web trên điện thoại và TV internet, cũng như xử lí với các tương tác xã hội trong trang (đánh dấu trang, chia sẻ chức năng, bình luận, xếp hạng…). Chúng tôi sẽ làm việc với các chi tiết trong thư viện widget và kết hợp tất cả với nhau để cho ra kiểu giao diện gây ấn tượng trực tiếp vào mắt độc giả, thư viện mã cùng với một hệ những tiêu chuẩn và chỉ dẫn mới.

Tác giả: Bronwyn van der Merwe – Head of Design and User Experience, Central Team, BBC FM&T

Link nguồn tại đây

Ngôn ngữ thị giác mới các dịch vụ số của BBC (2)

Chúng tôi muốn tạo ra một triết lý về thiết kế, hay một tập hợp giá trị, nhằm thống nhất kinh nghiệm của những người sử dụng trong lĩnh vực truyền thông. Chúng tôi đưa ra 9 từ chính để tóm tắt những gì chúng tôi đang làm và đang cố gắng đạt được:

Ănglê hiện đại

Chúng tôi muốn tạo ra thẩm mỹ thiết kế mang tính Ănglê- Anh hiện đại, đầy sinh lực để có thể giới thiệu về chúng tôi với những quốc gia khác.

 Hiện tại

Luôn cần thiết để cảm nhận và phản ánh được hiện tại những gì đang diễn ra ở Anh lúc này, ở thời điểm này. Chúng tôi đại diện cho mốc thời gian ở Anh và tạo ra những liên kết với quá khứ bằng kho dữ liệu phong phú của mình.

Độc đáo

Dù chúng tôi được lắng nghe ở bất kỳ đâu, chúng tôi cũng cần tạo ra những âm thanh độc đáo, xác thực, ấm áp và nhân văn. Chúng tôi muốn nói về di sản truyền thông và thiết kế đầy tính biểu tượng của BBC. Chúng tôi luôn trân trọng niềm tin của quý vị dành cho chúng tôi.

 Thú vị

Chúng tôi mê hoặc đọc giả của mình bằng những câu chuyện lôi cuốn. Các tác phẩm của chúng tôi tôi từ nghiêm túc, chính luận đến nhẹ nhàng và giải trí.

 Riêng biệt

Chúng tôi đứng nổi bật trong đám đông. Chúng tôi tạo ra sự cân bằng riêng giữa các mẫu thiết kế mẫu đẹp, các kiểu thiết kế giống nhau như đúc hay những vẻ đẹp riêng. Chúng tôi liều lĩnh và kịch tính.

 Tiên phong

Chúng tôi tiên phong trong các khám phá mới về thiết kế, mang lại sự ngạc nhiên và thích thú để làm hài lòng độc giả của mình.

 Kết hợp

Chúng tôi cho rằng tất cả dịch vụ và các trang là một, nhưng đưa đến những trải nghiệm tùy vào hoàn cảnh sử dụng của chúng.

 Toàn cầu

Tất cả các dịch vụ của chúng tôi hoàn toàn mở và dễ truy cập. Giao diện đơn giản, hữu dụng và trực quan.

 Tốt nhất

Tham vọng của chúng tôi là tạo ra thương hiệu truyền thông số tốt nhất thế giới.

(Còn nữa)

Ngôn ngữ thị giác mới của dịch vụ số BBC (1)

Đây là chia sẻ của những người thiết kế giao diện mới nhất của BBC về cách họ làm việc. Cám ơn bạn Cảnh Toàn – sinh viên Đại học KHXH-NV đã giúp tôi dịch bản ban đầu của bài này. Tôi cũng gặp rất nhiều khó khăn khi gặp những khái niệm mới về công nghệ web và không biết chuyển tải sang tiếng Việt thế nào, vì không có từ tương đương, hoặc có thì không hết nghĩa (nhưng hiểu được trong tíêng Anh).

Website của BBC bắt đầu đi vào hoạt động tháng 12-1997 với hình thức rất đơn giản.

Trang đầu tiên của BBC

Giao diện website lúc đó chỉ có hai cột. Theo thời gian, website được bồi đắp thêm rất nhiều. Nhưng cùng với sự phát triển đó, cộng với sự tham gia của  hàng chục các nhóm thiết kế nhỏ làm việc độc lập, trang web đã có vẻ bị rối loạn khi bạn lần tìm vào những ngóc ngách của nó.

Hai năm trước, sau khi in ra tất cả những giao diện của trang BBC và dán kín trên một bức tường ((mà chúng tôi nói đùa với nhau là Bức tường của sự hổ thẹn), chúng tôi quyết định tiến hành một dự án đầy tham vọng mang tên Global Visual Language 2.0 (Ngôn ngữ thị giác toàn cầu 2.0), với mục đích hợp nhất về thị giác và tương tác trong thiết kế web của BBC và giao diện web dành cho điện thoại.

Bức tường Hổ thẹn

Chúng tôi tạo ra kiểu mẫu trang rộng hơn, mang tính trung tâm hơn để tận dụng lợi thế của màn hình rộng và lần đầu tiên tạo nên hệ thống đường kẻ ẩn bên dưới.

Đường kẻ ẩn bên dưới

Chúng tôi đưa hàng trăm mẫu banner khác nhau về chung một thương hiệu địa phương toàn cầu cùng hệ thống thanh định hướng.

Chúng tôi dừng nhiều trang trang riêng cho audio hay video mà tạo nên các nút tích hợp để nhúng các media player.

Và chúng tôi thiết kế lại trang chủ, tạo nên kiểu thị giác mới và trở nên dễ sử dụng cho web và cả trên điện thoại.

Trang mobile

Chúng tôi đã sống và yêu thiết kế ‘web 2.0’  được một thời gian rồi và những sản phẩm đó làm chúng tôi tự hào. Tuy nhiên, thời gian không ngừng trôi, và mùa thu năm ngoái chúng tôi quyết định tái khởi động dự án.

Chúng tôi quyết định nâng cao những tham vọng về tạo ra một triết lý và tầm thế giới mới về tiêu chuẩn thiết kế mà tất cả những nhà thiết kế toàn cầu đều có thể theo đuổi. Chúng tôi tìm ra tâm hồn của BBC, một thứ gì đó thật đặc trưng nhưng dễ nhận biết. Chúng tôi biết rằng tất cả những gì chúng tôi tạo ra đều cần là một nền tảng đa chức năng (cross-platform), và chúng tôi cần phải làm đơn giản hóa hành trình của những độc giả của mình.

Neville Brody

Chúng tôi không thực hiện dự án một mình mà có những cộng sự trong công việc này, dẫn đầu nhóm dự án là giám đốc sáng tạo Ben Gammon, người lập ra Nhóm thiết kế toàn cầu, và sau đó chúng tôi lập ra nhóm hướng dẫn GVL để giúp quản lí và định hướng lịch trình của dự án. Chúng tôi cũng đã đi tìm đối tác để cùng tạo ra quyển hướng dẫn thiết kế: Neville Brody và công ty của anh Research Studios.

Sau khi đã trải qua một quá trình lựa chọn từ sáu đơn vị mà chúng tôi mời tham gia dự án, chúng tôi chọn Research Studios vì chúng tôi cảm thấy đơn vị này có cái nhìn thấu đáo về BBC, tôn chỉ hoạt động và cách thức vận hành của công ty này. Chúng tôi cũng ấn tượng về những sản phẩm và các mẫu mã chào hàng của Neville.

Cùng với nhau, trong vòng 4 tháng qua, chúng tôi đã dành không biết bao nhiêu thời gian để cùng nhau tạo ra những kiểu thiết kế bị trùng, các thành tố của trang, banner, bản đồ, văn bản, pdf, cột cơ bản… và trong khi nó vẫn còn đang tiến triển, tôi muốn chia sẻ với các bạn về nơi chúng ta đang đứng với cả triết lí thiết kế và phiên bản mới nhất của những hướng dẫn về ngôn ngữ thị giác toàn cầu của chúng tôi.

(còn nữa)