TAILIEUCHUNG - Web Application Design Patterns- P12

Web Application Design Patterns- P12: This is the type of book you’ll want to read with your entire team and a fl ip chart because every page will produce a list of actionable changes for the applications you’re developing. Pawan Vora has produced an amazing catalogue of the essential patterns for designing today’s web-based applications. | 31 CHAPTER 10 Internationalization FIGURE As the browser window expands Gmail shows more text in message rows without affecting page layout. For narrower browser widths Gmail truncates data and shows an ellipsis at the end. translation then can be easily accommodated without affecting page layout Figure . Do not force form elements or tabular data to fixed widths. Data in form elements such as buttons and dropdown lists may get clipped or appear in multiple lines giving the page an unprofessional appearance. Similarly translated data in narrower columns may cause information in a table cell to spill over to adjacent cells or information may end up in several lines making tabular data difficult to read. For secondary data it may be acceptable to truncate or expand the data based on the browser window s width Figure . Allow graphical elements to expand vertically and or horizontally. Designing visual elements that allow for text swell makes their reuse possible regardless of the language to which the application is localized Figure . Allow sufficient space for icon labels. Because icons are not universally understood see the ICONS pattern in Chapter 12 they are usually supplemented with a text label. Labels placement and icon design should also be accounted for with text expansion to avoid potential design issues during localization Figure . DESIGN MESSAGES TO ACCOMMODATE VARIABLE TEXT Variable text also referred to as concatenated strings refers to text that is constructed using both static and variable text fragments and is usually presented in sentence form. For example Figure a shows Google s search results page with the message Results 1-10 of about 1 620 000 000 for website. Variable texts in this message are the number of results being shown 1-10 the total number of search results 1 620 000 000 and the search query web site . A similar message on Google India in Figure b has a different order of variables. It first displays

• Đồ họa - Thiết kế - Flash
• thiết kế web
• giáo trình CSS
• thủ thuật cắt html
• photoshop căn bản
• đồ họa máy tính
• Thiết kế trang web
• hướng dẫn Thiết kế trang web
• kinh nghiệm Thiết kế trang web
• tài liệu Thiết kế trang web
• cẩm nang Thiết kế trang web
• kỹ thuật Thiết kế trang web
• Bài giảng Thiết kế Web
• Đại cương Thiết kế Web
• Tổng quan Thiết kế Web
• Môn học Thiết kế Web
• Mục tiêu Thiết kế Web
• Giáo trình Thiết kế giao diện web
• Thiết kế và quản lý website
• Thiết kế giao diện web
• Nhận dạng các trang web
• Cấu trúc trang web
• phương pháp thiết kế trang Web
• kỹ thuật thiết kế Web
• thiết kế web nhanh
• thực hành thiết kế web
• thiết kế web đẹp
• tài liệu về thiết kế web
• thủ thuật thiết kế web
• mẹo dùng web
• học thiết kế web
• Thiết kế web động
• tài liệu Thiết kế web động
• hướng dẫn Thiết kế web động
• kinh nghiệm Thiết kế web động
• cẩm nang Thiết kế web động