Giảm nước da: Xu hướng mới trong thiết kế di động

bởi Michael Horton | Đồng sáng lập & Trưởng phòng sản phẩm tại Fontmoji

LƯU Ý: Cảm ơn tất cả các phản hồi tích cực về bài viết này. Đây hiện là một trong những bài viết thiết kế được đọc nhiều nhất trên Medium và đã được đăng lại trong Fast Co Design, Huffington Post và hàng tá các ấn phẩm tuyệt vời khác!

Chúng ta đã sống trong một thế giới ’sạch sẽ và tối thiểu trong một thời gian dài, vậy tiếp theo là gì?

Trong vài tháng qua, một số nhà lãnh đạo của thiết kế sáng tạo đã đưa design thiết kế tối thiểu vào cấp độ tiếp theo. Facebook, Airbnb và Apple đã theo một kế hoạch chi tiết tương tự để đơn giản hóa các sản phẩm nổi bật theo cách phản ánh xu hướng mới này của ‘Complexion Giảm trong thiết kế di động.

GIẢM GIÁ CẠNH TRANH LÀ GÌ?

Bạn nói chưa bao giờ nghe về ‘Giảm thiểu nước da? Vâng, đó là vì tôi chỉ làm cho thuật ngữ lên. Gần đây, tôi đã nhận thấy một xu hướng mới vượt ra ngoài thiết kế phẳng, vượt ra ngoài thiết kế tối thiểu và không phụ thuộc vào việc giảm dần. Một số người có thể cho rằng đây chỉ là bước tiếp theo của thiết kế tối thiểu được triển khai trong lĩnh vực di động nhưng tôi nói nó là một cái gì đó khác biệt hơn. Có những điểm tương đồng và đặc điểm cụ thể xác định xu hướng mới này. Vì vậy, tôi quyết định đặt tên cho nó. Tôi đã được phép làm điều đó, phải không?

Các đặc điểm xác định của xu hướng mới nóng bỏng này đang quét qua Thung lũng Silicon là:

  1. Tiêu đề lớn hơn, táo bạo hơn
  2. Đơn giản hơn các biểu tượng phổ quát
  3. Khai thác màu

Kết quả? Giao diện người dùng của một số ứng dụng yêu thích của chúng tôi bắt đầu trông ngày càng giống như tất cả chúng có thể được đặt dưới cùng một thương hiệu.

VẤN ĐỀ

Lần đầu tiên tôi bắt đầu chú ý đến xu hướng này vào đầu tháng 5 khi Instagram phát hành giao diện người dùng được thiết kế lại.

Một số thay đổi họ giới thiệu bao gồm loại bỏ phần lớn màu xanh lam và xám đen được sử dụng trong toàn bộ ứng dụng, làm cho các tiêu đề táo bạo hơn và đơn giản hóa các điều hướng và biểu tượng phía dưới. Những gì còn lại là một giao diện người dùng màu đen và trắng với các tiêu đề táo bạo trong đó nội dung tỏa sáng và chức năng rõ ràng. Tôi đánh giá cao giao diện ít lộn xộn và được nhắc nhở một chút về nền tảng mà tôi đã ngưỡng mộ từ khá lâu; Trung bình. Medium đã làm rung chuyển màu đen và trắng kể từ khi ra mắt vào năm 2012, và đã giảm sự lộn xộn với mỗi thiết kế lại kể từ đó; làm cho Medium trở thành một trong những người khởi tạo CR (Giảm phức tạp) mà không hề biết. Xin chúc mừng, vừa!

Ngay sau khi mọi người ở FB tiết lộ Instagram Nhìn, tôi đã mở ứng dụng Airbnb và bị ấn tượng bởi vẻ ngoài quen thuộc của nó. Đây là lần đầu tiên tôi duyệt ứng dụng kể từ khi họ phát hành thiết kế lại vào tháng 4, nhưng tôi cảm thấy như tôi đã thấy tất cả điều này trước đây.

Một tháng sau đó, Airbnb đã được thiết kế lại giao diện người dùng đã nhận được gần như các phương tiện truyền thông về thiết kế lại Instagram Instagram (một phần vì nó được kèm theo một biểu tượng ứng dụng mới sáng bóng) nhưng nó cũng tuân theo nhiều chiến thuật CR tương tự.

Thiết kế lại di động đã giới thiệu các tiêu đề lớn hơn, táo bạo hơn, loại bỏ hình ảnh và màu sắc không cần thiết và đơn giản hóa các biểu tượng của chúng để làm cho chúng dễ nhận biết hơn. Những gì còn lại là một giao diện người dùng rất đen và trắng, nơi nội dung tỏa sáng và chức năng rõ ràng.

Apple là ví dụ mới nhất về việc các nhà thiết kế trở nên say mê với phong trào Giảm phức tạp. Đầu tháng này, tại WWDC của Apple, gã khổng lồ công nghệ đã công bố một số điều thú vị mà người tiêu dùng mong chờ, bao gồm cả việc phát hành iOS 10, mà họ đang đặt tên là, Phiên bản phát hành iOS lớn nhất từ ​​trước đến nay! được gọi là bản phát hành của iOS, phiên bản iOS lớn nhất từ ​​trước đến nay!

Một thông báo đặc biệt lọt vào mắt tôi. Đó là thiết kế lại của Apple Music. Trong khi các khía cạnh quan trọng nhất của thiết kế lại là các bản cập nhật UX và các tính năng bổ sung, tính thẩm mỹ là điều đầu tiên tôi nhận thấy. Caitlin McGarry, một nhà văn nhân viên tại Macworld, đã mô tả ngoại hình được cập nhật tốt, đó là một diện mạo hoàn toàn mới, với các thẻ khổng lồ, phông chữ lớn hơn và táo bạo hơn, và nền trắng sạch sẽ cho phép nghệ thuật album tỏa sáng.

Nghe có vẻ quen? Thiết kế hơi khác so với bản thiết kế được sử dụng bởi Instagram và Airbnb (họ sử dụng các biểu tượng rắn! Cái quái gì vậy Apple?) Nhưng các yếu tố chính là ở đó: tiêu đề đậm lớn, giao diện người dùng màu đen và trắng.

VÌ VẬY, NHỮNG GÌ SẼ LÀM TẤT CẢ CÓ NGHĨA GÌ?

Như tôi đã đề cập trước đó, điều này có nghĩa là ngày càng nhiều ứng dụng yêu thích của bạn sẽ bắt đầu trông giống nhau. Tại sao? Giống như NFL, công nghệ là một giải đấu copycat. Những thiết kế lại này đã được đáp ứng với những đánh giá tích cực (một số người phàn nàn về 'sự thiếu cá tính' trong các UI đen trắng mới này nhưng họ sẽ sớm vượt qua điều đó. Bạn mở một ứng dụng cho chức năng của nó chứ không phải tính cách) mong đợi các ứng dụng cả mới và cũ sẽ bắt đầu nhảy vào bandwagon CR.

Điều này có nghĩa là màn hình chính trên iPhone của bạn sẽ sớm trở thành không có gì khác ngoài một bức tranh khảm đầy màu sắc của các cổng sáng đang đưa bạn đến Pleasantville.

Bây giờ, cho dù bạn đang ủng hộ hay chống lại mốt đơn sắc này, chắc chắn đó là một dấu hiệu của sự tiến bộ. Quá trình thiết kế sản phẩm đang tiến triển và phát triển từ cách tiếp cận phân khúc cũ đã khuyến khích thiết kế không cần thiết đến một quy trình toàn diện hơn thực sự tập trung vào người dùng. Trong quy trình thiết kế sản phẩm cũ, một nhà thiết kế giao diện người dùng có thể được người UX hoặc người sản phẩm trao cho các khung dây bằng cách làm cho nó trở nên đẹp mắt. Nhà thiết kế đó sau đó sẽ dành hàng giờ hoặc nhiều ngày để thêm màu sắc, loại bỏ màu sắc, thay đổi màu sắc khi giải pháp tốt nhất có thể đã ở ngay trước mặt họ cùng với các khung lưới! Khi ranh giới giữa nhà thiết kế UX và UI mờ đi trong quá trình thiết kế tích hợp ngày nay, các nhà thiết kế trở nên ít lo lắng hơn về trách nhiệm cụ thể của họ (như làm cho nó đẹp) và tập trung vào mục tiêu cuối cùng là tạo ra sản phẩm tốt nhất cho người dùng của họ.

HƯỚNG DẪN TUYỆT VỜI ĐỂ GIẢM GIÁ CẠNH TRANH

Vì vậy, bạn đã bán trên CR và sẵn sàng nhảy vào bandwagon? Tốt, hãy làm theo các hướng dẫn này và bạn sẽ có một ứng dụng giành giải thưởng ngay lập tức.

1. Xóa màu. Vâng, bạn có thể có một màu, nhưng sử dụng nó cực kỳ tiết kiệm để chỉ hành động. Mọi thứ khác tốt hơn là màu đen và trắng. Hãy để nội dung của ứng dụng của bạn mang lại màu sắc.
2. Tiêu đề lớn hơn, táo bạo hơn, đen hơn. Bạn thấy tiêu đề đó? Bump nó lên khoảng 20 đến 30 pixel và làm cho nó NẶNG.
3. Biểu tượng đơn giản, mỏng, dễ nhận biết. Biểu tượng của bạn tốt hơn là phổ quát và không có màu sắc được cho phép ở đây. Và nếu bạn muốn điểm thưởng, hãy đặt chúng từ trái sang phải theo cách này: nhà, tìm kiếm, hành động chính, hành động phụ, hồ sơ.
4. Nhân đôi, KHÔNG, Nhân ba khoảng trắng của bạn. Thậm chí có thể tăng gấp bốn lần nó. Bạn thực sự có thể đi sai ở đây.
5. Làm cho biểu tượng ứng dụng của bạn sáng hơn. Nếu bạn không thích thiết kế một cái gì đó với đèn flash và màu sắc, hãy biến nó thành biểu tượng ứng dụng. Đây là nơi bạn đặt cá tính và thương hiệu của bạn. Và làm cho nó nổi bật!

Cảm ơn vì đã đọc! Đánh vào trái tim nếu bạn thích.

Nếu bạn thiết kế một ứng dụng di động hoặc web của riêng bạn hoặc cho một khách hàng và muốn hướng dẫn từng bước của tôi về quy trình tôi làm theo để thiết kế các sản phẩm mới, hãy gửi email cho bạn dưới đây!

Điều ban đầu được công bố trên SWARM.