2024-12-01
This is a very high-level UIUX history. At the design department of an electronics manufacturer, UIUX started with the UI of embedded hardware, and was a separate department from the marketing creative web and mobile. In considering the design department of services and products, I think it is necessary to bring together the UIUX designers scattered around the hardware and create a cohesive UIUX. This is a form of front-line service business, separate from brand management.
| Period | Characteristics and background | Main features of UI/UX design |
| ----------------- | ------------------------------------------------------------------------------ | --------------------------------------------------------------------------------------------------------- |
| Mainframe | - Large computers are shared<br>- Operations are handled by specialists | - Text-based interface<br>- Command line operation is the norm |
| Personal Computer | - Personal computers become widespread<br>- GUI appears | - Introduction of windows, icons, menus, and pointers (WIMP)<br>- Intuitive operation using mouse control |
| Internet | - Information access via web browsers becomes commonplace<br>- Web 2.0 appears | - Navigation menus, hyperlinks<br>- User-participatory design (blogs, SNS) |
| Mobile | - The spread of smartphones<br>- Touch operation becomes mainstream | - Responsive design<br>- Simple, finger-friendly UI<br>- App-centered design |
| AI | - Individual optimization using AI<br>- The spread of interactive interfaces | - Voice assistants, chatbots<br>- Personalized UX<br>- Interfaces that anticipate the user's intentions |
UI design is also changing to become multi-modal as the target changes. People in the future will probably wonder at the input styles of buttons, mice and keyboards.
| **Category** | **Definition** | **Examples** | **Applications** |
| --------------------- | --------------------------------------------------------------------------------- | ----------------------------------------------- | ---------------------------------------------------------- |
| **Hardware UI** | Physical user interfaces involving direct interaction with devices or hardware. | Buttons, knobs, touch panels, embedded displays | Consumer electronics, industrial machines, medical devices |
| **Desktop UI** | Interfaces designed for personal computers and laptops. | GUI like Windows, macOS; software applications | Office tools, design software, video editing |
| **Web UI** | Interfaces accessible through web browsers, built with HTML, CSS, and JavaScript. | Websites, web applications, SaaS dashboards | E-commerce, social media, data visualization |
| **Mobile UI** | Interfaces designed for smartphones and tablets, optimized for touch interaction. | Mobile apps, responsive websites | Gaming, communication, navigation |
| **Voice UI** | Interfaces that rely on voice commands for interaction. | Alexa, Siri, Google Assistant | Hands-free operation, accessibility, home automation |
| **Conversational UI** | Interfaces that mimic human-like conversation via chat or voice. | Chatbots, AI assistants | Customer support, e-commerce, scheduling |
| **AR/VR UI** | Interfaces for augmented reality and virtual reality experiences. | Immersive VR apps, AR overlays | Gaming, training, interactive design |
| **Embedded UI** | Interfaces embedded into specialized systems or devices. | Smart appliances, automotive infotainment | IoT, smart cities, healthcare systems |
| **AI-Powered UI** | Interfaces enhanced with AI for personalized or predictive interactions. | Recommendation systems, dynamic content | E-commerce, adaptive learning, predictive text |