<\/p>\n
<\/p>\n
AIGlazz, an AI specific UI\/UX concept, introduces a revolutionary AI-focused UI\/UX that incorporates object-oriented design principles. A Generative AI specific UI\/UX created by BlueCallom presents an innovative approach when it comes to user journey design. User friendly interfaces must be easy for the usage and navigation. This is where AI comes to make everything easier.\u00a0<\/span><\/p>\n It all started with ChatGPT. <\/span>ChatGPT grew in popularity quickly, and BlueCallom was developing an enterprise process application. This was when we noticed a profound shift when designing the UI from forms and structures to dynamic interaction and the interest in analytics. It was obvious that this was just the beginning of a new UI design.\u00a0 It was a massive transformation based on needs, necessities, and throwing old world behavior overboard.<\/span><\/p>\n Moreover, most of us wanted to interact with a sophisticated application, like we interact with our car, our Alexa, and other tools. The whole story would fill a book so let us just dive into the key aspects and results.<\/span><\/p>\n UI is broken up into different tiles, each being an independent smart object with a unique ID and type. This smart approach for modularizing and organizing UI elements is a method which allows better manageability and enables easier recognition and handling of UI components without requiring training. The ID can now be handled in a very intent-specific and content-related manner when it comes to feedback, alerts, and response triggers.\u00a0<\/span><\/p>\n The first graphic attempt was based on Michal Malewicz’s Glassmorphism, which is a popular UI design trend with frosted glass look in which semi-transparent panels obscure backgrounds. This maintains the look of glass and creates a sense of depth and dimension while maintaining a sleek.<\/span><\/p>\n But to create a unique and tailored design of our own templates and structures, we integrated React Architecture and Bootstrap Framework. By combining those tools, we got access to a robust set of pre-designed components and the ability to build dynamic and interactive user interfaces, providing a solid foundation for scalability and maintainability.<\/span><\/p>\n AIGlazz has innovative features aimed at enhancing user experience and interaction.<\/span><\/p>\n Tile Illumination for Next Action Indication feature provides visual cues to users regarding which tile holds the next action, making navigation more intuitive. This function became the foundation for the future Augmented Reality handling:<\/span><\/p>\n BlueCallom created a specific design standard which all AIGlazz tiles must adhere to. AIGlazz has a navigation-free structure, there is no comprehensive navigation bar and within AIGlazz tile, all tasks or application related functions are provided.<\/span><\/p>\n When it comes to AIGLazz tile names, there is a unique name for every tile. There should be no buttons or icons in the immediate vicinity of the namespace and hovering over the name reveals<\/span> its purpose and\/or function. The name is always placed at the upper left-hand side of the tile.<\/span><\/p>\n <\/p>\n LIKE<\/b> We gave tiles specific locations and specific functions.<\/span><\/p>\n Profile<\/strong>\u00a0 \u00a0 \u00a0<\/span> \u00a0is always on the upper left hand side<\/span> <\/p>\n <\/b>Today, AIGlazz is more of an intelligent User Experience than a User Interface. And after a few months of development time, we see an all new future in AIGlazz. Thinking about Generative-AI interactions between the human neural network and the artificial neural network, we must understand that a PROMPT is the most strategic bridge between the two. A more intelligent interface is the least we can do to make that interaction more valuable and more beneficial.<\/span><\/p>\nOrigin<\/b><\/span><\/h3>\n
AIGlazz – an AI specific UI\/UX concept<\/span><\/h3>\n
AIGlazz Design<\/b><\/span><\/h3>\n
AIGlazz Features<\/b><\/span><\/h3>\n
\n
AIGlazz Standard<\/span><\/b><\/span><\/h3>\n
AIGlazz Tile Name<\/b><\/span><\/h3>\n
FUNCTION LOCATION<\/b><\/span><\/h3>\n
\n<\/span>The button is always placed left, next to the SHARE button at the upper right side of a tile. <\/span>
\n<\/span>
\n<\/span>SHARE<\/b>
\n<\/span>AIGlazz specific information can be shared via social Media, WhatsApp or eMail.<\/span>
\n<\/span>It’s always placed at the top right corner of any AIGlazz tile.<\/span>
\n<\/span>
\n<\/span>FEEDBACK<\/b>
\n<\/span>You can use the feedback button to share your thoughts and suggestions with the BlueCallom Team. Its location is at the bottom left corner of any AIGlazz tile.<\/span>
\n<\/span>
\n<\/span>HELP and SETTINGS<\/b>
\n<\/span>This function is right next to the FEEDBACK button to the right. Possibly followed by a settings button.<\/span>
\n<\/span>
\n<\/span>SMART AIGlazz Tiles<\/b>
\n<\/span>Each AIGlazz Tile is an object with a digital twin in the database.<\/span>
\n<\/span>Unique ID, Name, Type, Function, Profile, and a variety of logic, and behavior indicators.<\/span>
\n<\/span>It allows us to learn about usage patterns, issues, intensity and more. It also allows us to turn tiles on or off, feature them or put them into the background.<\/span>
\n<\/span><\/p>\nTILE FUNCTIONS<\/b><\/span><\/h3>\n
\n<\/span>Selection<\/strong> \u00a0is always on the lower left hand side<\/span>
\n<\/span>Control<\/strong>\u00a0 \u00a0 \u00a0<\/span>The control space for processes or function in the top middle<\/span>
\n<\/span>Content<\/strong>\u00a0 \u00a0 <\/span>The workspace below the control in the middle of the page<\/span>
\n<\/span>Analytics\u00a0<\/strong> Any kind of analytics and statistics typically on the upper right hand side<\/span><\/p>\nAIGlazz- an AI specific UI\/UX concept<\/span><\/h3>\n