Menu lưới Grid menu có thể hỗ trợ các điểm nhập cảnh nhiều hơn phong cách suất tiêu chuẩn. Điều này có thể thích hợp cho các ứng dụng mà có một loạt các tính năng hoặc ứng dụng điều hướng trực quan. Ví dụ, Facebook đã có một màn hình 3 × 3 lưới điện, và các trang khác có thể được thêm cho bạn bè hoặc trang (Hình 9,29). Cách tiếp cận này có thể hữu ích trong các ứng dụng nhiều nơi nhiều cấp cao các tính năng được mong muốn | FIGURE USA TODAY uses tiered tabs along the top to access the newspaper sections. Grid Menu Grid menus can support more entry points than the standard Productivity style. This may be appropriate for apps that have a wide range of features or apps with visual navigation. For example Facebook has a 3 x 3 grid home screen and additional pages can be added for Friends or Pages FIGURE . This approach can be useful in many apps where more top-level features are wanted. But resist the temptation unless it s absolutely necessary every feature should be essential and contextually relevant. Also keep in mind that the grid requires an extra step to move between sections. For example it takes two steps to navigate from Facebook Photos to Events it would be one step if a tab bar were used. Other apps that use the grid menu are LinkedIn and Viper. FIGURE Facebook uses the grid style on the home screen. 208 CHAPTER 9 USER INTERFACE DESIGN Download from Top Tabs Top tabs are similar to the standard ones except they appear along the top of the app. Apps tend to use this approach to save vertical space omitting the traditional navigation bar. For example Yahoo Finance devotes more real estate to stock information using this model FIGURE . Although the approach can work well don t use it unless you have a strong reason. WARNING As mentioned earlier diverging from the standards may make your app more difficult to learn and use plus it may be rejected by Apple. FIGURE Yahoo Finance displays tabs at the top of the screen. HOW SHOULD I PRESENT TASKS ON THE PRODUCTIVITY-STYLE DETAIL VIEW Tasks on the Productivity detail view can be presented in-line via the toolbar or some combination of the two. Your approach will depend largely on the type of tasks and the desired navigation model. In-line Tasks should be presented in-line when they relate to a specific piece of content on the detail view as is done on Foursquare FIGURE . This is .
