You're about to create your best presentation ever

Get started with Prezi

Ui Presentation Template

Create your presentation by reusing one of our great community templates.

UI presentation

Transcript: UFCFHC-15-3 Usability and Interaction Design Presentation Group Member: Kong Chun Man But Ka Cheuk Lau Yiu Chung Ho Ka Ming Overview Overview Background Research method Result of the research Summary Our Product Screen capture Main page capture - 9 different area Tutorial of Web coding PHP , HTML , JavaScript Guideline of photoshop GIMP Our product description: Sub page capture PHP Sub page capture JaveScript Sub page capture HTML Sub page capture GIMP Goal of the Evaluation: Goal of the Evaluation: Improve the Usability Make it more User-friendly Two Approaches to evaluate o... Two Approaches to evaluate our product: Usability test Cognitive walkthroughs Questionnaire Time task Three question Cognitive walkthroughs Cognitive walkthroughs Purpose : To study about the ease of learning. Why choose cognitive walkthroughs to do? Find out the efficiency of the product Expert go throughs the senarios Guide by the questions each step 屠油Question for Experts - Cognitive walkthroughs 屠油Question for Experts - Cognitive walkthroughs Will the correct action be sufficiently evident to the user? Will the user notice that the correct action is available? Will the user associate and interpret the response from the action correctly? Practical issues - Cognitive walkthroughs Practical issues - Cognitive walkthroughs Q 1 Q 2 Own computer How can we find the equipment? Computer room Group member How can find the experts Procedure - Cognitive walkthroughs Procedure - Cognitive walkthroughs Step: 1. Click the “php” button in the home page 2. Click the “next” button in the bottom to the next page, if the page does not have the title 3. Click the text of the title they want Task: Search the PHP explode function Step 1 - Cognitive walkthroughs Step 1 - Cognitive walkthroughs Question No. Q1 Q2 Q3 Answer Click the “php” button in the home page Yes, when the user finish the step, the website will switch to the page of the PHP page Yes, the user Interface will show the button in the top of the page which can easy to find Yes. When website to the next page, the user can know the step is finish and the page is they want Click the “next” button in the bottom Step 2 - Cognitive walkthroughs Step 2 - Cognitive walkthroughs Question No. Q1 Q2 Q3 Answer Yes, when the user finish the step, the website will switch to next page Yes, the user Interface will show the button in the bottom of the page which can easy to find and suitable for the user when they are look all of the page Yes. When website to the next page, the user can know the step is finish and the page is they want Click the text of the title they want Step 3 - Cognitive walkthroughs Step 3 - Cognitive walkthroughs Question No. Q1 Q2 Q3 Answer Yes, when the user finish the step, the website will switch to the page and show the information they need. Yes, the user Interface will show the text of the information which can notice user. Yes. When website to the next page, the user can know the step is finish and the page is they want by checking the information and know whether the action is correct Screen Capture - Cognitive walkthroughs Screen Capture - Cognitive walkthroughs Usability test Usability test Target user : Students or developer Purpose : Know more about the response of the product and find out the problem of the product Why choose usability test to do? Data similar to the real user Practical issues - Usability Test Practical issues - Usability Test How to select user? Invite the people who have experience or interested in developing website How to do the test? Venue : computer lab Ask the user to do the different tasks Observe the time of the task finish, any difficulty of doing the task Ask the user to do the questionnaire to collect the user experience Ethical issues and solution - Usablii... Ethical issues and solution - Usabliity Test How to protect user personal privacy? Encrypt personal information Clean all data when finished research Tasks Tasks We will ask the user to the following tasks: Searching information about PHP Find how to use some functions of the HTML included in the site Find how to use some function of the JavaScript which is not included in the site Observe the user and compare with other website In questionnaires, tester will use the grade to mark the site. (1 is the worst ,5 is the best) Usability test - Questionnaires Usability test - Questionnaires 1. Usability test - Questionnaires Response Result and Analysis Result and Analysis 2. Usability test - Comparison 3. Task Comparison 4. Analysis - Usablitiy Test Usability test - Questionnaires Response Around 40% user give 4 mark Usability test - Questionnaires Response Above 48.6% user give lower than 2 mark Above 45.7% user give higher than 4 mark Above 78.6% user give higher than 4 mark Around 37.1% user give lower than 2 mark Above 48.6% user give lower than 2 mark Usability test - Comparison Usability test - Comparison User interface design(1-5) Our Product(Webtech) Comparison Product (W3CSchool)

Presentation Template.

Transcript: Presentation Name. By: Liam Lawrence Text. Topic. Topic. Text. Topic. Topic. Text. Topic. Topic. Text. Topic. Topic. Text. Topic. Topic. Text. Topic. Topic. Text. Topic. Topic. Text. Topic. Topic. Text. Topic. Topic. Text. Topic. Topic. Text. Topic. Topic. Text. Topic. Topic. Text. Topic. Topic. Text. Topic. Topic. Text. Topic. Topic. Text. Topic. Topic. Text. Topic. Topic. Text. Topic. Topic.

UI Presentation

Transcript: Appointment Scheduling for small businesses Universal Login and social networking tie-in Terrible existing attempts Customers Business Owners Employees The Customer View Scenario: Reschedule Appointment Calendar interface displays upcoming appointments, time appointments may be scheduled, and unavailable time Simple display shows upcoming events Buttons clearly labeled for actions Therapist picture helps with recognition over recall Current status clearly displayed Options identified Language options explicitly confirm or reject actions Therapist image was requested by Customer walkthrough user Inclusion of therapist image helps customers familiar with social networking sites feel comfortable with the interface Additionally, the image helps the therapist maintain a more personal connection with the customer The OWNER / OPERATOR View Scenario: Confirm Appointment Request The OWNER / EMPLOYER Modifications Lessons Learned Simplify, simplify simplify Those Heuristic walkthroughs were nice for evaluating our design Breakthroughs: History management was a really good idea Total Failures None We feel that this is a solid design for managing/maintaining a schedule where new users and power uses will feel like they are able to be productive and the UI will help facilitate their actions instead of hinder them. General Impressions: Ryan Glasspoole William Palmer Jeff Larsen Jemiah Aitch Confirm Appointment Set Availability Change Appointment Cancel Appointment Persona: Andrea - Self-employeed sole proprietor - Moderate techinical skills - Highly organized - Requires a flexible scheduling package Employees The user can select the employee to take the assignment Translucence used in the calendar area to overlay employee availability Persona: Bruce - Trained massuese - New business owner - Has two employees - Web and technology savvy Confirm Appointment Set Availability Change Appointment UI Presentation Blue highlights draw attention to the most recent changes Temporary buttons in case of error User Tasks The accordion area maintains visibility of data and reduces pop-ups Extended customer information is available with a button press The Problem: Business Owners Use alternative log-in Schedule Appointment Cancel Appointment Reschedule Appointment Who are the users? Color used to highlight notification Attention drawn to potential action and its effect on the schedule Persona: Brett - Former pro-athelete - Not very tech savvy, but uses email and Facebook - Changes schedule often - Choosy about his masseuse Customers Team Indecisive

presentation ui!!

Transcript: RELIGIOUS TOLERANCE IN MALAYSIA #PRAY4SYRIA Article 12 - Rights in Respect of Education; there shall be no discrimination against any citizen on the grounds only of religion, race, descent or place of birth. Malaysia is the country that tolerates the practice of diverse religious faiths. There are provisions in the country's law that protects all Malaysians of their own identity and heritage.Lastly,as a Muslim,we must applying a good relationship with non-Muslims to show them Islam is a true religion. JAZAKALLAH FOR YOUR ATTENTION!! Q&A CONCLUSION INTRODUCTION RELIGIOUS TOLERANCES IN MALAYSIA & RELATIONSHIP BETWEEN MUSLIMS AND NON-MUSLIMS The Concept of Tolerance #PRAY4EGYPT INTRODUCTION WHAT ISLAM ALLOWS FOR MUSLIMS RELATING NON-MUSLIMS Article 11(1)- Freedom of Religion ; every person has the right to profess and practice his religion. Constitution Right Constitutional Right National Public Holidays Vernacular Chinese and Tamil Schools The Federal Constitution also guarantees the right of education by stipulates there is no form of discrimination on the grounds of religion,race,descent or place of birth. The Chinese and Indians are allowed to send their children to Chinese and Tamil vernacular schools in which the medium of instructions are Mandarin and Tamil,respectively. The Malays have no qualms for their existence as there are also Islamic religious schools run by states through the Department of Religious Affairs. Muslim festivals and observances, such as Eid Celebration and Maulidur Rasul are declared as official public holidays. Similarly, other celebrations in Malaysia such as Chinese New Year, Deepavali and Christmas are also declared as national public holidays. Other important festivities that are declared as public holidays are Thaipusam, Wesak and Tadau Keamatan. For the Malaysian, the many festivals spanning the many racial and ethnic groups express the true racial and religious harmony and tolerance. Let there be no compulsion in religion: Truth stands out clear from Error: whoever rejects evil and believes in Allah hath grasped the most trustworthy hand-hold, that never breaks. And Allah heareth and knoweth all things.[Surah Al Baqarah:verse 256] O mankind! We created you from a single (pair) of a male and a female, and made you into nations and tribes, that ye may know each other (not that ye may despise (each other). Verily the most honoured of you in the sight of Allah is (he who is) the most righteous of you. And Allah has full knowledge and is well acquainted (with all things).[Surah Al-Hujurat:verse 13] Religious tolerance is one of the important aspects in multicultural society in the world including Malaysia. In this presentation,we are going to discuss on what had been done by our country about this situatiom. HOW TO DEAL WITH NON-MUSLIMS ACCORDING TO SHARI'AH Commercial transactions The development of friendship and social relations Visiting each other Calling on the sick Marriage Giving and receiving gifts Business Vernacular Chinese and Tamil Schools Literal Meaning : To bear, to endure or to put up with. Tolerance comes from Latin, 'tolerantia' which means flexibility, softness of the heart, broadmindedness and volunteering. From Islamic perspective : The term "tolerance" in Arabic, which refers to al-tasamuh which defines giving and receiving, not only hoping for some to give and others to receive. In respective to 1 Malaysia concept, the celebration of every religion is celebrated as a symbol of respects to all Malaysians. However, due to the lack of understanding about the limitations on the concept from the Malaysian community eventually gives various controversies like in allegation of apostasy and polytheism among Muslims. Article 13 (1)-Religion of the federation; Islam is the religion of the federation, but other religions may practiced in peace and harmony in any part of the country. Allah forbids you not, with regard to those who fight you not for (your) Faith nor drive you out of your homes, from dealing kindly and justly with them: for Allah loveth those who are just..Allah only forbids you, with regard to those who fight you for (your) Faith, and drive you out of your homes, and support (others) in driving you out, from turning to them (for friendship and protection). It is such as turn to them (in these circumstances), that do wrong. [Surah Al Mumtahanah:verse 8-9] National Public Holiday RELATIONSHIP BETWEEN MUSLIMS AND NON-MUSLIMS The laws provides equal right of each citizen to continue with the tradition inherited from his forefathers and this laws also give the freedom to citizen to build their own house of worship such as mosques ,temples and churchs. 1. Muslims are commanded to call non-Muslims to Islam with wisdom and beautiful preaching and by debating in manner is better. 2. The Muslims should give the non-Muslims the opportunity to hear the words of Allah. 3. The Muslims should differentiate between different kinds of non-Muslims in their dealings with

UI/UX Designer Portfolio Presentation Template

Transcript: User frustration with navigation Lack of accessibility features Problem Statement Inconsistent visual elements Project Intro Slide This slide serves as an introduction to the project, outlining key components that define its essence. It includes sections for the project name, type, role, tools used, and a visual mockup representation. Limited user feedback integration UX Process A structured timeline illustrating the key stages of the UX design process. Mobile App 1: Productivity Boost This mobile app focuses on enhancing user productivity with intuitive task management features. Mobile App 2: Fitness Tracker A mobile app designed to help users track their fitness goals and activities with real-time data. Projects Overview Mobile App 3: Meal Planner Wireframes An innovative mobile app that offers personalized recipes and meal planning based on dietary preferences. Testing UI Design Research Develop low-fidelity wireframes to structure layout and functionality before high-fidelity designs. Landing Page: E-Commerce Hub Conduct usability tests to observe real users interacting with the product and identify areas for improvement. Translate wireframes into high-fidelity visual designs, focusing on color, typography, and overall aesthetics. Conduct user interviews, surveys, and market analysis to gather insights and understand user needs. User Flow Prototype A landing page designed for an e-commerce website, focusing on user-friendly navigation and attractive product displays. Create user journey maps to visualize the steps users take to achieve their goals within the application. Build interactive prototypes to simulate user experience and gather feedback for enhancements. About Me This section showcases your professional background, core skills, and design tools that shape your work as a UI/UX designer. Use this space to highlight your experience, proficiency in various design tools, and a personal touch with your profile image. Low-Fidelity Wireframes These frames are designed for showcasing the early conceptual layouts of your projects. Include low-fidelity wireframes that help illustrate the structure and functionality without focusing on visual design elements. Wireframes Slide Mid-Fidelity Wireframes Cover Slide Utilize these placeholders to present the mid-fidelity wireframes, which offer a better representation of layout, spacing, and interactions. This stage bridges the gap between sketches and final designs. Results & Impact Showcasing the tangible results and outcomes of your design projects is crucial for demonstrating effectiveness. Include metrics such as user growth, engagement rates, or performance improvements to highlight the impact of your work. This cover slide serves as the introduction to the UI/UX Designer Portfolio Presentation. It showcases your name, job title, and a compelling tagline that encapsulates your design philosophy or unique selling point. Final UI Mockups This section showcases the final user interface screens for the project, presented on various devices. Use high-quality mockups to display the app's design across different platforms, ensuring a professional representation. Multiple Screen Views Final UI Screens Include multiple screens that illustrate key functionalities and user interactions of the application or website. This helps in visualizing how the user will navigate through the product. Descriptive Captions Provide brief captions for each screen to describe the purpose and features being highlighted. This will guide the viewer's understanding of the design choices made throughout the project. Feature card placeholder one Key Features Feature card placeholder two Feature card placeholder three Feature card placeholder four UI/UX Designer Portfolio Presentation Template A customizable and modern template designed for showcasing UI/UX design expertise with professional aesthetics.

UI Presentation

Transcript: 1. Project Brief 2. User Persona 3. Goals 4. Process 5. Moodboards 6. Visual Competitive Analysis Final Version Visual Competitive Analysis: 1. Create a stress relieving app - make it easy to navigate through 2. Innovative features 3. Flexible and customizable Project Brief https://invis.io/2TVVFFV6FMD Style Tile Initial Version 8. Sketches 9. Wireframes 10. Style Tiles 11. Final Designs 12. Style Guide Concept Statement: February 6, 2020 Moodboards: Wireframes Provided by the UX Team Website Design High Fidelity Mobile Screens: Style Guide Process: Goals: Agenda 1. Gather information - Research the users & competition (make a Visual Competitive Analysis) 2. Establish concept statements for different ideas 3. Collect references, create a moodboard, logos, style tiles, wireframes, high fidelity mobile designs, microinteractions, market site designs, and style guide (& several iterations of these) Link to prototype: This design of the gym will feel sleek and of premium quality, while also being accessible to the common day athlete. Monica Huang FITNESSE Creating a user interface for a mobile platform that reimagines how people can find and engage with fitness recommendations and health plans. Competitors: Sketches Finalized Logos: Screen & Website Sketches:

UI Presentation

Transcript: General interest in food systems According to CUFBA the number of college and university food banks in 2007 was 1. In 2015 the number was 185. However, 14.2% of Johnson County residents are food insecure No comprehensive study of food insecurity among college students Representative studies: Patton-Lopez, 2014: found 59% of students at Oregon State reported food insecurity Nellum, 2015: 40% of students at City University of New York (CUNY) 25% of students in the UC system Reflection Activity Why add a session on food insecurity to the BUILD curriculum? 12.7% of Iowa's population is food insecure - below the national average of 14% From the K-12 literature (Cady, 2014): Do not achieve at the same level as food secure peers Increased behavioral issues Decreased memory Lower scores in reading and math Increased risk of mental illness Local and State Resources Two Why's and a What Why choose to present on food insecurity? Why add a session on food insecurity to the BUILD curriculum? There is currently no comprehensive study on the effects of food insecurity on educational outcomes in higher education (Cady, 2014). What questions do you have for me? What would the session (tentatively) cover? Experiences at Iona College What would the session (tentatively) cover? A state in which "consistent access to adequate food is limited by lack of money and other resources at times during the year." Food insecurity is NOT hunger Food insecurity is about access to nutritious and desirable food Why choose to present on food insecurity? Iowa-Specific Statistics (2014) Growing issue in higher education Hunger Free U: Awareness, Reflection, and Resources on Food Insecurity in Higher Education

presentation template

Transcript: IP Meeting with CDC Nigeria Dr. Christopher-Izere/ CIHP 27/11/yyyy Outline Outline Challenge 1 Update on Index Case Testing 1 Challenge 2 Linkage of positives from NAIIS lenge 2 Challenge 3 Update on Granular Site Management 3 ICT update ICT Update Trend 1 Trend 1 Trend 2 Trend 2 Trend 3 Trend 3 Solutions Solutions Solution 1 Solution 1 Solution 2 2 Solution Solution 3 3 Solution Solution 4 Solution 4 Working together Working Together Tiers of service Tiers of service Tier 1 Tier 1 Tier 2 Tier 2 Tier 3 Tier 3 Pricing Pricing Standard Standard Premium Premium FAQ FAQ

Explore our templates for more presentation inspiration

Training - EDU

Description: A well-organized training presentation template is a critical tool for education professionals. From roadmaps to reviews, this training template will help you take your next EDU training presentation to the top of the class.

Resume-Blue

Description: Rise way above the stacks and stacks of two-dimensional paper resumes on the hiring manager’s desk with a Prezi resume template. Simply personalize this Prezi presentation template to create your very own “Prezume” and impress them with your dynamism, originality, and cool.

Best Creative Resume Templates to Customize | Prezi

Description: Stand far above the stacks and stacks of flat, boring resumes on any hiring manager’s desk with a Prezi resume template. Just customize this Prezi presentation template to create your very own “Prezume” and impress them with your dynamism, coolness, and originality.

Lesson Plan - Board

Description: A well-organized lesson plan is the difference between getting things done and things getting out of hand. This vibrant, customizable, easy-to-use Prezi presentation template features a sticky note theme, so you'll be able to keep track of topics, assignments, exams, and more without missing a beat.

Now you can make any subject more engaging and memorable

Get started with Prezi