Please enable JavaScript.
Coggle requires JavaScript to display documents.
Cross platform interface design (Desktop (Interaction with different form…
Cross platform interface design
Web
Responsive
Not always viewed in browsers
Cross-browser (Chrome, Mozilla, etc.)
User-centered design
Web UI designers should know about who is your target user and how to put yourself in user’s shoes to consider about the design process. User is the one who will experience your final product. What’s more, users never read, they just scan the web to find the information which can meet their expectations. Once they find it, they will skip to next page without hesitation. Web UI designers should be aware of the different operating habits, needs and abilities among users. But you can not meet all users expectations and needs. Never try it, because it is impossible. What we have to do is follow the web user interface design pinciples to make the web more easy to understand and navigate.
Clarity
Clarity is the most important web user interface design principle, it means that users can effectively use the interface that you have designed and they can recognize what it is, how they can interact with interface, what problems can be solved and predict what will happen when they use it. Clarity also means that the information can be accurately conveyed to users. It prevents user from making mistakes, and presents important information and meanwhile delivers a perfect user experience.
KISS (Keep It Simple Stupid)
KISS, which is the most basic web user interface design principle. Users always feel most comfortable when they can control something. User's habits and abilities have a huge difference, they aren’t web designers, and they can not fully understand the design principles and operations of the web you have designed, what you do is to reduce the burden on users, keep operations simple and stupid.
Consistency
Consistency is the main principle of web UI design. Consistent construction design can leave a good impression on user’s mind; Consistent navigation design can guide users to find their most needed information quickly and effectively; Consistent operation design can make user quickly learn various functions of the entire site. If you not comply with consistency principle, it may mislead the users, make the site disorganized and leave a bad impression on users. Of course, the consistency principle does not mean invariable. As time goes on, some websites may change the styles in different columns, and it will give users a fresh feeling when they change the version of the site.
Strong Visual Heirarchy
Visual hierarchy is the key principle of web user interface design and it can be achieved when there is a clear viewing order to the visual elements on a screen, which you should possess the abilitiy to distinguish the primary and secondary information. The primary information should be bold and placed in the center position to catch the eyes of users, like navigation, logo, title. But the secondary information should always stay in secondary.
“When everying is bold, nothing is bold”
Mobile
Apps
Native
Cross-platform (for iOS&Android)
Gestures can be used instead of using the mouse to right click
Infinite Scrolling is used a lot more (i.e. Instagram/Facebook)
at the forefront of technology and offers tons of exclusive features
Virtual reality
Augmented reality
Multiple cameras
Accelerometers and gyro sensors
Mobile contact lists
Magnetic sensors
Responsive webpages
Users tap their screen and gesture to interact with interface elements
Mobile sites are better suited to vertical, rather than horizontal navigation
Desktop
Interaction with different form of cursors
Screen Size
Windowed interfaces
Scrolling (both vertically and horizontally)
Ease of use/user friendly
Versatile
Consistency
Windowed error messages to bring it to the users attention
Progress bars
Icons
Confirmation messages
Creating a seamless experience across mobile, desktop and tablet is very important for your users.