based in utrecht, the Netherlands. Currently working
as an in-house senior UX/UI Designer at
Ivanti.
As a seasoned Senior UX/UI Designer, I bring over 10 years of diverse experience in user research, interaction design, and usability testing. Currently at Ivanti, I lead customer-centric research initiatives and collaborate on global design projects. My previous roles at SPACEWELL and as a freelance web designer have equipped me with a robust skill set that spans UX/UI design, project management, and team leadership. Holding advanced degrees in Computer Science, I am dedicated to creating seamless user experiences through meticulous design principles and innovative solutions. Explore my journey and portfolio to see how I can contribute to your project's success.
Location:
Expertise:
Educational Background:
Experience:
Current Role:
Company:
UX Technical Skills:
Creative Skills
Soft Skills
Documentation and Communication
Tools and Software Proficiency
Coding skills
Tools & Technologies
Project Goal:
Enhancing Ivanti Neurons Bots with an Adaptive Survey Feature
Project Goal:
To create an adaptive survey tool for business administrators that provides qualitative and quantitative user experience data. The aim is to empower these administrators to utilize the tool for various needs, such as HR checks or device preferences, and integrate it into the DEX (Digital Experience) score for a comprehensive view of the work environment.
Project Scope:
The Ivanti Neurons Bots project aims to introduce a flexible yet controlled survey feature that seamlessly integrates into the DEX (Digital Experience) score, ensuring meaningful and accurate insights. The key challenges are to strike a balance between providing too much control, which could overwhelm users, and implementing guardrails to maintain the integrity of the DEX score.
Project Phases:
Resources:
Axure RP, Figma, Ivanti design system.
In the initial phase of our project to introduce an adaptive survey feature within Ivanti Neurons Bots, we adhered to a thorough empathize process to fully understand our users’ needs, pain points, and motivations. This phase was crucial in ensuring that our solutions would be user-centered and effectively address real-world challenges.
User Research
Stakeholder Interviews:
We began by conducting detailed stakeholder interviews with the project PM, focusing on two primary personas:
Goals:
Insights Uncovered:
From Admins:
From End-users:
Conclusion
The Discover phase was pivotal in laying a solid foundation for our project. By thoroughly understanding the needs, challenges, and motivations of both IT administrators and end-users, we gathered invaluable insights that will guide the development of a truly adaptive and user-centered survey feature within Ivanti Neurons Bots. This deep dive into user experiences has empowered us to move forward with a clear perspective, ensuring that our solutions are not only effective and efficient but also resonant with the real-world needs of our users.
In the define phase of our project to introduce an adaptive survey feature within Ivanti Neurons Bots, we consolidated our findings from the empathize phase to articulate clear problem statements and objectives. This step was essential in setting a focused direction for our design and development efforts.
Problem Statement
After synthesizing insights from our stakeholder interviews and research, we formulated the following problem statement:
Administrators need a flexible yet controlled survey tool that can gather meaningful user feedback, integrate smoothly with the DEX (Digital Experience) score, and provide comprehensive analytics to enhance the digital work environment.
Key Challenges:
Objectives
Based on the defined problem statement, we established the following project objectives to guide our design and development process:
Key Findings and Personas
Admin Persona (IT Manager/Administrator):
End-user Persona (Employee/Surveyee):
Conclusion
The empathize phase provided invaluable insights into the needs and pain points of our key personas. By deeply understanding the perspectives of both administrators and end-users, we were able to define clear problem statements and objectives for the project. This user-centered groundwork laid the foundation for developing a survey tool that not only meets administrative requirements but also enhances the end-user experience, ensuring meaningful and actionable feedback integration into the DEX score. Including use cases in the define phase allowed us to clearly articulate specific scenarios and requirements, ensuring that our solutions were tightly aligned with user needs. This provided a solid foundation for the subsequent ideate phase, where these detailed scenarios were translated into practical, user-centered design solutions.
In the ideate phase, we leveraged the insights and problem statements identified in the earlier stages to brainstorm and conceptualize innovative solutions for the survey feature within Ivanti Neurons Bots. This phase involved generating and refining ideas to address the key challenges of balancing flexibility with control, preventing survey fatigue, and ensuring seamless integration with the DEX (Digital Experience) score.
Brainstorming Sessions
We conducted several brainstorming sessions with stakeholders, including project manager, Engineering, During these sessions, we focused on generating a wide range of ideas and potential solutions, which we then refined based on feasibility and user needs.
Admin Features:
End-user Features:
Use Cases
Use Case 1: Monthly Device Experience Survey
Use Case 2: Investigating High Memory Usage
User Flows
The brainstorming sessions and user flows enabled us to visualize the user journey and identify potential pain points or areas for improvement. We used techniques to map the user flows and refine the most promising ideas. These iterative discussions and stakeholder feedback ensured our solutions were both effective and user-centered.
Conclusion
The ideate phase allowed us to creatively explore and refine a variety of solutions to address the identified problems. By focusing on user-centered design principles and collaborative brainstorming, we developed a comprehensive set of features and functionalities that would enhance the survey experience for both administrators and end-users. These ideas laid the groundwork for the subsequent prototyping and testing phases, ensuring that our solutions were well-targeted and effective in meeting user needs and project goals.
In the prototype phase, we transitioned from ideation to action, transforming our conceptual solutions into tangible, interactive representations. This phase was crucial for validating our designs and gathering early user feedback to iteratively refine the adaptive survey feature for Ivanti Neurons Bots. Using a combination of high-fidelity wireframes and interactive prototypes, we delivered a realistic simulation of our proposed solution to stakeholders and end-users for comprehensive evaluation.
Tools and Resources
To create our prototypes, we utilized a suite of design tools aligned with our project needs:
Focus Areas for Prototyping:
Test Overview: The usability test aimed to evaluate the new "Survey Bots" feature's effectiveness and user-friendliness for IT Admins. Specific focus was on whether users could navigate the interface and complete various tasks, as well as gathering qualitative feedback to improve the overall user experience.
Participants:
Methodology:
This qualitative study involved observing users as they attempted to perform specific tasks using the Survey Bots prototype. Think-aloud protocols were used, and participants completed a questionnaire and a System Usability Scale (SUS) survey post-test.
Key Findings
Recommendations
Conclusion:
The usability test featuring Chad Dahlberg, Jared Carver, and Sara Holmes provided valuable insights into the user experience of the Neurons Survey Bots feature. While the core functionalities were well-received, addressing issues related to navigation, recurring options, and introducing educational aids for new concepts will significantly enhance overall user satisfaction and the effectiveness of the feature.
Highlights:
Personas:
Admin Use Cases:
Scenarios
Scenarios for managing surveys can be divided into four key sections:
Prototype: Survey Bot Results
Survey Results User Testing
Participants:
Overview:
The usability test aimed to evaluate the new "Survey Bots" feature's effectiveness and user-friendliness for IT Admins, focusing on task navigation and feature usability.
Purpose:
Assess IT Admins' ability to navigate and complete key tasks using the "Survey Bots" feature.
Product Team Goal:
Enable IT Admins to obtain qualitative and quantitative insights to form improved strategies.
Methodology:
Testing Environment:
Conducted virtually using Mac laptops, Microsoft Teams, Google Forms, and the Axure prototype.
Key Findings:
Conducted virtually using Mac laptops, Microsoft Teams, Google Forms, and the Axure prototype.
Jesse's Feedback:
Multiple Users' Feedback (Jack, Diane, Julian):
Conclusion:
The testing sessions provided valuable insights into the strengths and areas for improvement of the "Survey Bots" feature. Key feedback includes the need for clearer guidance, more collaborative features, advanced filtering, and comprehensive data displays. These insights will guide future enhancements to make the tool more efficient and user-friendly.
Project Overview:
The goal of this project is to integrate Ivanti's on-premises Environment Manager (EM) into the cloud-based Ivanti Neurons platform. By migrating EM to the cloud, we aim to enhance desktop personalization and policy management, enabling a subscription-based payment model that offers flexibility and cost-efficiency. The objective is to deliver personalized, consistent desktop environments and streamline desktop configuration and policy management for IT administrators. This integration is designed to support scalability, improve adaptability to business needs, increase user productivity, and optimize IT resources by reducing complexity and aligning costs with actual usage.
Executive Summary:
Project Goal:
The goal of the project is to integrate Ivanti's on-premises Environment Manager (EM) into the cloud-based Ivanti Neurons platform. This integration aims to enhance desktop personalization and policy management by transitioning EM functionalities to the cloud. The key objectives are to provide users with personalized, consistent desktop environments and to simplify desktop configuration and policy management for IT administrators. The expected impacts are scalable and adaptable solutions, increased user productivity, and optimized IT resources with cost-efficiency through a subscription-based payment model.
Project Scope:
The project will focus on the integration of core Environment Manager functionalities into Ivanti Neurons. The primary features to be integrated include configuration policies and the minimal viable product (MVP) with basic EM functionalities. This scope will address the complexities of transitioning from on-premises to cloud, simplifying EM’s complexity, reducing the learning curve for users, and utilizing Ivanti Neurons bots framework. Key UI challenges, such as harmonizing nodes with the linear bot instructions and supporting multi-layered, nested, and parallel node execution, will also be addressed.
Project Phases:
Resources:
Axure RP, Figma, Ivanti design system.
During the initial phase of our project to deliver a functional Minimum Viable Product (MVP) by integrating the core functionalities of Environment Manager into the Ivanti Neurons platform, we conducted a comprehensive empathy process. This approach allowed us to thoroughly understand our users’ needs, pain points, and motivations. This phase was essential in ensuring that our solutions were user-centric and effectively addressed real-world challenges.
User Research
In transitioning Ivanti's Environment Manager (EM) to the Ivanti Neurons platform, comprehensive user research is indispensable. Initially, the project faced significant challenges due to time constraints that led to insufficient user research. This resulted in relying on presumed requirements and hypothesis-driven development, rather than user-validated data. As a consequence, there was a mismatch in expectations, where EM could not seamlessly fit into the Bots framework envisioned, leading to user dissatisfaction. This highlights the crucial role of thorough user research in accurately gathering user requirements and ensuring the final product meets user expectations effectively.
User Research: Why It's Essential
User research is the cornerstone of the discover phase. Understanding the needs, pain points, and expectations of users is critical in ensuring that the integrated solution is user-centric and effective. Initial user requirements are to transition on-prem EM to Neurons, utilize the Neurons bots framework, and incorporate drag-and-drop instructions to build configurations. Users also expect an intuitive design where everything is visible on a canvas for easy access and troubleshooting. Initial User Interviews: Gather feedback from internal and external EM users across various roles and industries. Focus on understanding the advantages, pain points, and general comments from users.
Admin Persona:
IT managers and administrators who are responsible for configuring and deploying Environment Manager policies.
Research Goals:
Gain an in-depth understanding of the workflow and challenges encountered by IT administrators when creating, managing, and deploying Environment Manager policies. Additionally, examine users' experiences with the existing on-premises version of Environment Manager, identifying their pain points and difficulties associated with these processes.
Initial Challenges:
User Interviews and Design Review - Environment Manager:
Conducting detailed user interviews with internal and external EM users from diverse roles and industries provided us with a wealth of valuable data. Participants were asked about their experiences, advantages, pain points, and general feedback regarding the current EM system.
Participants:
Data Collection Focus:
Outcome & Key Takeaway:
Conclusion
The discover phase provided in-depth insights into user needs, pain points, and expectations. By engaging with a diverse group of users, we identified critical features and functionalities necessary for the successful integration of EM into Ivanti Neurons. The findings underscored the importance of a user-centric design, comprehensive configuration management tools, and a seamless transition from on-prem to cloud-based solutions. This phase lays a solid foundation for defining the project's goals, objectives, and scope in the subsequent phases of the design thinking process.
In the define phase of our project to integrate the Environment Manager into the cloud-based Ivanti Neurons platform, we synthesized our findings from the empathy phase to articulate clear problem statements and set precise objectives. This step was critical in establishing a focused direction for our design and development efforts, ensuring that we address user needs and business requirements effectively.
Problem Statement
The current on-premises Ivanti Environment Manager (EM) is limited in its capacity to provide scalable, flexible, and user-friendly desktop management solutions. The complexity of managing multi-layered configurations, the steep learning curve for new users, and the reliance on multiple agents for endpoint management present significant challenges for IT administrators and end-users alike. Additionally, the static on-premises infrastructure does not offer the financial and operational flexibility that modern IT environments require.
Key Challenges:
Impact on Users and IT Administrators:
Business Implications:
Objectives for Solution:
The project aims to transition the on-premises EM to a cloud-based Ivanti Neurons platform, providing a scalable, flexible, and user-friendly desktop management solution that addresses the identified challenges. The solution will:
Personas
Admin Persona (IT Manager/Administrator):
Conclusion
In the define phase, we set clear goals, objectives, and scope for integrating Environment Manager (EM) into the Ivanti Neurons platform. By addressing key challenges and adhering to user-centered design principles, we developed a strategy to deliver a user-friendly and efficient desktop management solution. This phase aligns the project with business objectives and user needs, providing a foundation for ideation, prototyping, and testing. Integrating Ivanti's on-premises EM into the cloud-based Neurons platform will address existing challenges, offering a scalable, flexible desktop management solution. This transition promises improved efficiency, reduced complexity, and enhanced user satisfaction, aligning IT resources with modern business needs and financial models.
The ideate phase is dedicated to generating innovative ideas and solutions that address the key challenges, goals, and objectives identified during the define phase. This phase involves brainstorming, conceptualizing, and refining concepts to create a user-centered design that enhances desktop management within the Ivanti Neurons platform.
Brainstorming and Concept Development:
Based on insights gathered during the discovery and define phases, the ideation process focuses on the following key areas:
Simplified Configuration Management:
Utilize with Neurons Bots Framework:
Efficiency and Scalability::
Key Features and Functionalities:
Phase 1 (MVP)
Configuraton managment:
Drag and drop:
Multiple Configurations:
Configuration Summaries:
Phase 2 (Advance)
Exportable Configuration Reports:
Draft-Saving Capability:
Copy-Paste Functionality:
Profile Management Configurations::
Concept Refinement and Prioritization:
User Feedback Integration:
Prototype Development Considerations:
Prioritization Framework:
Visualization and Storyboarding:
Mockups and Wireframes:
User Scenarios:
Userflow
Admin Persona (IT Manager/Administrator):
Conclusion:
The ideate phase has resulted in a wide range of innovative solutions and features that address the key challenges identified in the define phase. By focusing on user-centered design principles and continuous user feedback, we have conceptualized a detailed and prioritized plan for enhancing desktop management within Ivanti Neurons. These concepts will serve as the foundation for the subsequent prototyping and testing phases, ensuring that the final product is user-friendly, efficient, and aligned with both business goals and user needs.
The prototype phase involves translating the innovative ideas generated during the ideate phase into tangible, interactive models that can be tested and refined. This phase is crucial for visualizing the proposed solutions, obtaining user feedback, and making iterative improvements to ensure the final product meets user expectations and business objectives.
Development of Prototypes
To create our prototypes, we utilized a suite of design tools aligned with our project needs:
Conclusion
The prototype phase has resulted in the development of interactive models that visualize the innovative solutions and features conceptualized during the ideate phase. By conducting user testing and iterative refinements, we have created prototypes that effectively address user needs and business objectives. These validated prototypes provide a solid foundation for the subsequent testing phase, ensuring that the final product is user-friendly, efficient, and aligned with both the goals of the project and the expectations of its users
The user test phase is critical for validating the prototypes developed during the prototype phase. This phase involves rigorous testing with real users to ensure that the solutions meet user needs, are user-friendly, and function correctly. Based on the test results, refinements will be made to optimize the final product.
Participants:
The user testing sessions involved various internal and external users, including system administrators, technical directors, and professional services managers. Feedback was gathered from clients in different industries to ensure diverse perspectives.
Methodology:
User interviews with Figma prototypes, Four different prototypes where presented to participants.
Key Findings
Advantages:
Pain Points:
User Recommendations:
Design Specific Feedback:
General Comments:
Conclusion:
The user test phase provided extensive insights and validated the proposed solutions' effectiveness. Users generally appreciated the intuitive design and potential enhancements in EM integration with Neurons. Feedback highlighted key areas for refinement, such as reducing complexity, adding comprehensive search features, and ensuring a seamless user experience. These suggestions and identified pain points will guide iterative design adjustments to ensure the final product aligns with user needs and business goals..
Project Overview:
Digital Employee Experience (DEX) refers to how employees use digital tools and systems at work, including hardware, software, and support. In today's remote and hybrid workplaces, DEX is vital for communication, collaboration, and efficiency. A positive DEX ensures smooth digital interactions, much like how companies strive to provide great experiences for their customers. Effective DEX management boosts productivity and satisfaction. Solutions like Ivanti Neurons for Digital Experience help organizations offer secure, tailored, and productive digital experiences for employees.
Project Goal:
The goal of the DEX Awaking project is to create an integrated management system that improves the digital experience for employees. By combining various tools and metrics into one system, the project aims to provide seamless, proactive, and contextual support. This will help IT teams effectively monitor and optimize employee digital interactions, leading to higher productivity, satisfaction, and operational excellence.
Project Scope:
The DEX Awaking project aims to build an integrated system to enhance Digital Employee Experience (DEX). This system will combine DEX scoring, ITSM systems, bots, analytics, and security tools into one platform. The project involves developing comprehensive metrics, using AI for proactive issue resolution, offering real-time support, and continuously monitoring security and compliance. It will also gather user feedback for ongoing improvements, ensuring seamless digital interactions and improved employee productivity and satisfaction.
Project Phases:
The DEX project enhances IT environment management through two key phases:
Resources:
Figma, FigJam and Ivanti design system (IDS).
This discovery phase sets the foundation for enhancing Ivanti Neurons DEX system, focusing on creating a seamless, efficient, and secure digital experience for Ivanti Neurons users.
Objective:
The discovery phase aims to understand the current challenges and potential improvements for the Digital Employee Experience (DEX) within our organization. This phase focuses on gathering insights from users and analyzing existing systems.
Key Activities:
Stakeholder Interviews:
User Survey:
Insights Uncovered:
Findings:
User Feedback:
Next Steps:
Conclusion
The discovery phase identified major issues with our current DEX system, such as fragmented tools, inadequate metrics, reactive support, and data silos. User feedback emphasized the need for customizable dashboards and real-time issue resolution. These insights will guide us in developing an integrated, efficient, and user-friendly DEX management system, focused on enhancing security and employee satisfaction. This foundation prepares us for the next steps in improving our digital employee experience.
The define phase clarifies the project's objectives and provides a roadmap for developing an effective DEX management system that meets user needs and addresses key challenges identified during the discovery phase.
Objective:
The define phase uses insights from the discovery phase to set clear goals, scope, and requirements for the DEX Awaking project. This phase is crucial for understanding what the project aims to achieve and how it will address the identified challenges.
Key Activities:
Key Findings and Personas
Mark: IT Administrator:
Mark is the IT Administrator at a mid-sized company, responsible for maintaining the organization's IT infrastructure. His daily tasks include monitoring system performance, managing updates, and troubleshooting technical issues to ensure seamless digital operations for employees.
Sarah: Security Administrator:
Sarah is the Security Administrator focused on protecting the company's digital assets. She ensures robust security protocols, monitors for threats, and addresses security incidents, especially in a remote and hybrid work environment.
Lisa: Service Desk Manager:
Lisa is the Service Desk Manager who leads a team dedicated to resolving employees' technical issues promptly. She values tools that streamline support workflows, provide actionable insights, and enhance the digital experience, minimizing downtime and boosting productivity.
User Stories
IT Administrator - Mark
As an IT Administrator, I want to view digital experience information segmented by buildings, departments, and job titles so that I can understand the relative health and challenges within different parts of the organization.
Acceptance Criteria: The dashboard must display DEX information segmented by these categories, with customizable filters and drill-down functionality.
As an IT Administrator, I want to see trends and anomalies affecting DEX scores so that I can identify and address issues proactively.
Acceptance Criteria: The dashboard should include trend graphs, highlight anomalies, and suggest potential resolutions based on analytics.
As an IT Administrator, I want an effective root cause analysis process so that I can understand the issues impacting experience, productivity, and manageability.
Acceptance Criteria: The dashboard must enable RCA with drill-down capabilities, integrating the process within the workflow.
Security Administrator - Sarah
As a Security Administrator, I want visibility of the impact of security policies on users and devices so that I can tune those policies for better adoption and success.
Acceptance Criteria: The dashboard must display policy impact on productivity and performance, offer tuning recommendations, track adoption rates, and provide real-time and historical data.
As a Security Administrator, I want a security-centric view of the tools supporting a defense-in-depth strategy so that I can understand the impact of security changes on user experience and compliance levels.
Acceptance Criteria: The dashboard should monitor and analyze security changes, track compliance levels, provide insights on user experience shifts, and display historical compliance data.
Service Desk Manager - Lisa
As a Service Desk Manager, I want to understand the bigger picture by viewing issues beyond just the reported tickets, so that I can address the larger set of users experiencing the same issues.
Acceptance Criteria: The dashboard must display both reported and unreported issues, allow for segmentation and analysis, highlight patterns, and enable proactive measures with comprehensive report generation.
As a Service Desk Manager, I want to retrospectively analyze ticket history to identify automatable issues so that I can optimize resource allocation and improve efficiency.
Acceptance Criteria: The dashboard must provide analytics to identify automatable issues, measure their impact, and offer automation recommendations with historical insights on potential savings.
As a Service Desk Manager, I want to view issues through different lenses, such as the impact on end users and the cost to the support desk, so that I can prioritize and address the most critical and costly problems.
Acceptance Criteria: The dashboard must segment issues by impact and cost, enabling prioritization and effective resource allocation.
Conclusion
The define phase set a clear roadmap for enhancing Digital Employee Experience (DEX).
By integrating DEX scoring, ITSM systems, bots, analytics, and security tools into a unified platform,
we aim to boost productivity and satisfaction.
We outlined key requirements: a unified user experience, customizable settings, comprehensive analytics,
intuitive interfaces, and strong security. Focus on proactive issue resolution and real-time support
ensures the system will be effective and user-friendly.
This phase provides clear direction for the next stages, aligning our solutions with user needs and
organizational goals, thus setting the stage for a robust and continuously improving DEX management system.
The ideate phase focuses on generating a wide range of ideas and potential solutions to tackle the challenges identified in the discovery and define phases. This creative process encourages brainstorming and collaboration to develop innovative concepts for enhancing the Digital Employee Experience (DEX).
Key Activities:
Proposed Ideas:
Expected Outcomes:
Conclusion
The ideate phase generated innovative solutions to enhance the Digital Employee Experience (DEX), including integrating DEX scoring, ITSM systems, bots, analytics, and security tools into a unified platform. We focused on creating customizable scoring systems with real-time insights and trend analysis, using AI for proactive issue detection and resolution. Additionally, we designed user-friendly dashboards with detailed analysis and root cause identification, along with intuitive interfaces for guided troubleshooting and contextual support. These ideas provide a solid foundation for prototyping and testing, aiming to develop a robust DEX management system that boosts employee productivity and satisfaction.
In the prototyping phase of the DEX project, we will create functional prototypes of our integrated DEX management system. These will combine DEX scoring, ITSM systems, bots, analytics, and security tools into a unified platform. Prototypes will feature customizable scoring with real-time insights, AI-driven issue detection, and user-friendly dashboards for detailed analysis. This phase aims to validate concepts, gather feedback, and refine solutions to enhance Digital Employee Experience (DEX), ultimately improving productivity and satisfaction for employees.
Tools and Resources
To create our prototypes, we utilized a suite of design tools aligned with our project needs:
Prototype
The user testing phase for the DEX project is scheduled to take place in 2025. During this phase, we will conduct comprehensive usability tests to evaluate the functionality, efficiency, and overall user experience of our integrated DEX management system.
Our goal is to gather valuable feedback from IT Administrators, Security Administrators, and Service Desk Managers using detailed test scenarios that reflect real-world tasks. Participants will interact with the system's customizable scoring, AI-driven issue detection, user-friendly dashboards, and intuitive interfaces to complete typical workflows and troubleshooting processes.
The insights gained from these tests will be crucial in identifying any usability issues, areas for improvement, and validating that the system meets the needs of its users. Based on the feedback, we will make iterative enhancements to ensure the final product delivers a seamless, productive, and satisfying Digital Employee Experience (DEX). This user-centered approach will help us achieve a robust and effective DEX management system aligned with user expectations and organizational
Axxerion's users using the mobile device's camera in the web browser want to upload multiple images to attach with a request to report an incident/anomaly or to a property inspection questionnaire. The mobile device's camera usage in Axxerion's AUI (Adaptive User Interface) a web-based interface is a highly demanded feature request.
Axxerion is a completely cloud-based information system for Facility and Property Management, next-generation smart IWMS. Axxerion is a product brand of Prop-Tech solutions, software, and advisory firm Spacewell. for more visit: www.spacewell.com
This project was part of an epic project to introduce the missing features in AUI (Adaptive User Interface) Axxerion's web-based interface to deprecate "Axxerion Mobile" a legacy mobile app to have a single code base and a single entry point to the cloud-base application.
My role and responsibilities
Tools: Adobe XD, Adobe Photoshop, Adobe Illustrator, Trello, App.Mural and Axxerion
Timeline: 8 weeks.
Team and collaboration
The Goal
Allow user to take or upload images in Axxerion's
AUI (Adaptive User Interface) using a web browser, User should be able to add
multiple images to a single document object.
Also, the user should be able to:
Goal: Build deep understanding and identify user needs, At this stage of the project, I conducted user interviews in order to get a better understanding of the problem. I choose this research method to observe real users.
Research Venue
Research questions
What did I find?
There were two main use cases in this project, the first use case was to report an incident or an anomaly via submitting a request by a technician, and the second use case was to inspect the properties/buildings by a property inspector
Below are the two main use cases User Flow Diagrams, one diagram at the left for the user "technician" reporting an incident by submitting a request, and one diagram at the right for the user "Property Inspector", who inspects the properties and buildings.
Below you can find two main use cases Use Case Diagrams, at left Diagram for user "technician" and at right diagram for the user "Property Inspector"
The users’ steps were mapped out to see how to simplify their journey to help them reach their most important goal.
Highlights:
At the beginning of design process, wireframes for testing purposes and to share with team.
Highlights:
Before launching the product, I did a testing round in order to reveal possible usability problems.
Highlights:
After prototype usability test and discussions with team and PO, there were three iterations before the final design.
Highlights:
First use case: Adding images to a request to report an incident using a mobile device
Second use casae: Adding images to a propeery inspection using a tablet device
First use case: Adding images to a request via a desktop device
This project provides an opportunity to plan and conduct user interviews have not only taught me how to reach the root of the problem and gather insights that will help drive user-centric design but also during the process, I discover other potential areas of improvement that drives future projects as well.
Axxerion's old UI OUI (original user interface) and new AUI are two entry points to the system, the aim is to eventually completely deprecate old UI but the issue is the portals uses OUI, It is the major blockade to deprecate the old user interface, before OUI is deprecated the portals must be migrated to Axxerion's AUI (adaptive user interface) which also require a complete redesign of portals to align with AUI.
Axxerion:
Axxerion offers powerful, highly configurable CMMS and IWMS software that is completely role-based.
This means it is specially customized for each type of user, whether it be a maintenance manager,
a tenant, or a vendor. This allows for the optimization and personalization of the user experience,
which means its client organizations can get the most out of this software. Axxerion is part of the Spacewell family.
for more visit: www.spacewell.com
Portals:
Portals are use as intranet for companies internal use and also as web portal for their exteral client,
Axxerion provides both out-of-the-box and customized portals with features that are configured to
the needs of the users in client organization.
This project was an epic project to "Migrate portals to AUI (adaptive user interface)" to have a single entry point to the system, which require complete redesigning of portal UI to align with AUI and introduce new features in new portal UI.
Use cases
Portals replaced by adaptive user interface, Possible a specific mode of the AUI.
Facilicom internal multi-client use case:
Facilicom applies regions as a concept to seperate internal clients. Each client can
have its own portal although not directly tight to the region, they have their
own custom menu that is related to the region. The custom menu enables seperate
stylesheets to allow the branding per internal client. Facilicom engineers use the
regions and the portals to 'go' to an internal client 'environment'.
Samsung Usecase (Samsung is a new customer so not a real migration case).:
As these usecases define by Team lead:
Business case
Portals use old user interface, It is the major blockade to deprecate the old user interface, Migrate portals to adaptive user interface
Scenario
The new functionality is expected to work as follows: A portal can not just be replaced with the adaptive user interface as is. It requires a special mode where the user is focused on a limited set of offered use cases. This portal mode makes sure the user stays within boundaries of the a particular use case and does not stray off to other areas. The consultant should be able to setup the 'portal' that it can offer this focused use cases. Clients are used to the portal to mimic there corporate identity or are branded for the particular usage the client intended.
Aims and Objectives
Portals migration and Re-designing of new portal UI
My role and responsibilities
Timeline: 14 weeks.
Tools: Adobe XD, Adobe Illustrator, Adobe Photoshop, Trello and Axxerion
Team and collaboration
Around 100 selected client portals were analyzed to understand the usages and to find similarities and differences.
Research questions
What did I find?
Interviews with Samsung
Interviews finds
The testing was conducted internaly in form of disucssion within the team and PO and Samsung, and the result was 4 versions and 12 sub-versions before the final design was concluded.
Highlights:
Desktop version Samsung portal as a use case.
Tablet version Samsung portal as a use case.
Mobile version Samsung portal as a use case.
This project provides an opportunity to plan and conduct qualitative and quantitative research.
Axxerion's users using the mobile device's web browser want to get signature from their clients when work is done or have contract signed.
Axxerion is a completely cloud-based information system for Facility and Property Management, next-generation smart IWMS. Axxerion is a product brand of Prop-Tech solutions, software, and advisory firm Spacewell. for more visit: www.spacewell.com
Axxerion's users want to more control on the way a signature is exported in a document so that the exported document looks professional and not wrongly generated which would reflect badly on user and client company.
Provide a signature feature that works, and looks the part it, so Axxerion's customers can rely on it to work as expected and looks professional. The feature is part of the interaction of Axxerion's customers and business partners.
This project was part of an epic project to introduce the missing features in AUI (Adaptive User Interface) Axxerion's web-based interface to deprecate "Axxerion Mobile" a legacy mobile app to have a single code base and a single entry point to the cloud-base application.
My role and responsibilities
Tools: Adobe XD, Adobe Illustrator, Trello, and Axxerion
Timeline: 8 weeks.
Team and collaboration
The Goal
Allow users to sign a property inspection or to get singature from their clients in Axxerion's AUI (Adaptive User Interface) using a web browser, Also, the user should be able to:
Understanding and identify user needs, I conducted user interview in order to get a better understanding of the problem. I choose this research method to observe real users.
Research Venue
Research questions
What did I find?
There were two main use cases in this project, the first use case was a technician who go to the site to fix something in response to a request submitted by the clients, and, the second use case was to inspect the properties/buildings by a property inspector
Below are the two main use cases User Flow Diagrams, one diagram at the left for the user "technician" getting signature from the client at of the end the work and the second diagram at the right for the user "Property Inspector", who inspects the properties and buildings, after completion signing the inspection.
Below are the two main Use Case Diagrams, at left a diagram for the user "technician" and at the right a diagram for the user "Property Inspector"
Before launching the product, there was testing session in order to reveal possible usability problems.
Highlights:
After discussions with team and PO, there were four iterations before the final design.
Highlights:
First use case: Adding images to a request to report an incident using a mobile device
Second use casae: Adding images to a propeery inspection using a tablet device
First use case: Adding images to a request via a desktop device
This project provides an opportunity to plan and conduct user interviews have not only taught me how to reach the root of the problem and gather insights that will help drive user-centric design but also during the process, I discover other potential areas of improvement that drives future projects as well.
Design agency ask me to redesign Doula App with modern look and feel and add new features.
A pregnancy app to help you through contractions, Doula is pregnant women personal labor coach that will help pregnant women breath through labor, ease contractions, will provide with psychological comfort and calm.
(Brief from design Agency) Download the Doula Labor Coach app from the App Store or the Google Play Store and study the app carefully. We ask you to redesign the app and make a complete workflow of the app based on your new design.
All functionalities that are currently available in the app should be included in the new workflow:
Add a minimum of 1 and a maximum of 3 new functionalities to the app:
In this app, expert midwife coaches pregnant women during labor contractions. User just have to listen to the audio coaching to relax. The statistics and history of labor times are automatically displayed in a clear table. Make photo albums, Save appointments. The app is available in several languages: English, Dutch, German, Spanish, Russian, French, Turkish and Moroccan.
The purpose of this project was to upgrade the existing app to a more fresh and modern look and feel with addition of extra useful features.
Two new features were added:
User Consultation:
Goal: Build deep understanding and identify user needs, At this stage of the project, I conducted user interviews in order to get a better understanding of the problem. I choose this research method to observe real users.
(Brief from design Agency) Briefing Starbucks would like to provide payment convenience and speed via an app, and also generate customer loyalty and repeat-purchases through a loyalty system.
Provide payment convenience and speed for customers, to generate extra revenue:
Binding customers, and generating repeat-purchases, through a loyalty system:
The Starbucks pre-order app is a convenient way to order ahead for pickup, and pay online and customize your favorites. Rewards are built right in, so you'll earn Stars towards free drinks and food on your purchases. Rewards points encourages the customer to repeat-purchases through a loyalty system. Customize and place your order, then pick up from a nearby participating store without waiting in line.
The purpose of this project is to demonstrate UX/UI design skills.
Design agency ask me to design Starbucks Pre-Order App with modern look and feel.
Resources:
Pixabay, Pixeden, Freepik, Flaticon, Svgrepo.
iNDUS Online Shopping is a fictional ecommerce app. for those who are always busy and don't have time to go out. they can use this service and order online.
The purpose of this project is merely to demonstrate UX/UI design techniques.
Adobe XD, Photoshop CC and InVision.
Pixabay, Flaticon, Pixeden, Google Material Design UI Kit and Material Icons by Skyler Westby
Indus Food is a fictional food delivery service. for those who are always busy and don't have time to cook. they can use this service and order their meal online. This is single page responsive website.
The purpose of this project is merely to demonstrate web development technologies including HTML, CSS and Jquery skills.
Tools and Technologies
HTML, CSS and Jquery, Photoshop and VS Code.
Resources:
Pixabay, Pixeden, Freepik, Flaticon, Google Fonts.
Visit Pakistan is a fictional tour Pakistan service. user can booking tours in groups small or large, This is single page responsive website.
The purpose of this project is merely to demonstrate web development technologies including HTML and CSS.
Tools and Technologies
HTML, CSS, SASS, Photoshop and Visual Studio Code.
Resources:
Responsive Grid System, Codepen, Pixabay, FontIcons, Google Fonts, BDEX.
Indus Bakers is a fictional bakery service website. provide Bakery products for all events and arrange vast variety of events at Indus hall or at customers venue for all kind of events, thanks to indus webshop, bakery items can be purchased online, This is responsive website.
The purpose of this project is to demonstrate UX/UI design skills. In UI section you will find desktop, tablet and mobile version of Indus Bakers.
Resources:
Pixabay, Pixeden, freepik, flaticon.