UX design is not a step in the process, it's in everything we do. More than anything it is a project philosophy, not just a set of tools, methods and deliverables.
In this presentation we explain how you can differentiate through design, why user experience design matters as well as share our knowledge around all the activities that helps ensure a great UX/UI design.
UX is omnipresent nowadays and will grow more and more the tool of innovation. Companies are becoming aware of the vitality of adopting this technology from the start. The Importance of UX is a presentation of how we as a UX Design Team implement UX in projects.
Your guide to picking the right User Interface (UI) and creating the best User Experience (UX) in just a short amount of time. Learn how to quickly create mockups, landing pages, and build mock integrations that turn into large ideas.
Have more questions about UX/UI? Contact mvp@koombea.com for additional information or questions and we will get back to you shortly.
The terms UI and UX (design) are very often and
used as a single term by many people or designers.
The first thing we need to know straight is that UI
and UX are not the same.
Design is a rather broad and huge term. When
someone says “I’m a designer,” it is not that clear
what they actually do. There are a number of
different responsibilities term designer. There are
many aspects of design now a days.
UX is omnipresent nowadays and will grow more and more the tool of innovation. Companies are becoming aware of the vitality of adopting this technology from the start. The Importance of UX is a presentation of how we as a UX Design Team implement UX in projects.
Your guide to picking the right User Interface (UI) and creating the best User Experience (UX) in just a short amount of time. Learn how to quickly create mockups, landing pages, and build mock integrations that turn into large ideas.
Have more questions about UX/UI? Contact mvp@koombea.com for additional information or questions and we will get back to you shortly.
The terms UI and UX (design) are very often and
used as a single term by many people or designers.
The first thing we need to know straight is that UI
and UX are not the same.
Design is a rather broad and huge term. When
someone says “I’m a designer,” it is not that clear
what they actually do. There are a number of
different responsibilities term designer. There are
many aspects of design now a days.
The Overview and basic guidance on User interface designing and User experience designing for designer and developers, The Difference in User Interface designing and User Experience Designing.
This presentation is an introduction to the fields of User Experience and User Interface design that I created for a Google Hangout talk for Saigon CoWorkshop.
This was a presentation done for a basics of UI/UX for basecode.
For more informaton, you can reach out to me on
Aroyewun Babajide
aroyewunbabajide@gmail.com
https://twitter.com/damaroy
https://www.linkedin.com/in/aroyewunbabajide/
https://www.behance.net/damaroy
A word “design” has a very broad meaning and is used in nearly every business or industry. We always have an intuitive awareness of what this is about though. But when we talk about UX and UI design terms, everything is getting a lot more complicated.
What is UI UX design? Is it a generic term? Or UX and UI are two separate concepts? If they are autonomous notions, so why are they always used together? In this article I want to answer all your questions concerning this topic.
https://spdload.com/blog/ux-vs-ui-design/
An introduction to UX - User Experience.
Where does UX come from, what are the benefits of using it, and how can it be applied to day to day agency work?
Understanding the User Centred Design process and how UX is an integral part of every piece of digital work that is produced.
What’s the difference between a UX and UI designer? (Part two)iFactory Digital
Welcome to the second instalment in our series on UX and UI design. We’re here to help you spot the difference between these two types of design so you can understand what kind of designer you need and when.
https://ifactory.com.au/news/whats-difference-between-ux-and-ui-designer-part-two
A presentation on UX Experience Design: Processes and Strategy by Dr Khong Chee Weng from Multimedia University at the UX Indonesia-Malaysia 2014 that was conducted on the 26th April 2014 in the Hotel Bidakara, Jakarta, Indonesia.
An overview about what UX design is, for a mixture of tech, support and business people (tough mix!).
There are two main points I wanted to get across: 1. UX design is not just about usabllity (and Jakob Nielsen) 2. UX design is a rigorous process (not magic and guesswork).
If you have any feedback about how to make this presentation better, I'd be happy to hear it.
Not quite sure what UX/UI design are? You're not alone! This presentation answers some commonly asked questions regarding user experience and user interface.
Design and its fundamental process have changed with time, growing challenges among the users, devices and different platforms for UI and UX process.
In Design Fundamentals, a day-long thorough workshop, we will try to understand the fundamentals of UI and UX process, and follow the standard process and approaches to create a user-centric design. With basic Design Principles as the the backbone for our design, of course!
Deorwine is the best IT Company in India provides the best UX/UI Design Solution. UI and UX design services providing by high-level specialists for web, mobile, applications, and services. For any query call us at +91-911-611-5717.
Visit us: https://deorwine.com/ui-ux-design/
UX Design + UI Design: Injecting a brand persona!Jayan Narayanan
It is my try to shed light on two often heard but little understood or confused acronyms and its impact on overall brand experience. The presentation originally designed to address a group of entrepreneurs who have little knowledge in design and it's technical jargons.
https://www.linkedin.com/in/jayan-narayanan/
Those who don't learn from history are doomed to NOT repeat it.
We know the old adage, but the other reality is that there's nothing new under the sun. The same goes for the practice of User Experience (UX) and it goes back further than you might think.
History can be fun – especially when we see how it relates to our ever-expanding and shifting industry of today. This presentation is geared to new practitioners who want to understand the foundations of our field and veterans who would like to see a different perspective on our profession. Let's look at the practice of UX through a historical lens at some of man's most creative pursuits and demonstrate the parallels between the past and today's design trends.
The Overview and basic guidance on User interface designing and User experience designing for designer and developers, The Difference in User Interface designing and User Experience Designing.
This presentation is an introduction to the fields of User Experience and User Interface design that I created for a Google Hangout talk for Saigon CoWorkshop.
This was a presentation done for a basics of UI/UX for basecode.
For more informaton, you can reach out to me on
Aroyewun Babajide
aroyewunbabajide@gmail.com
https://twitter.com/damaroy
https://www.linkedin.com/in/aroyewunbabajide/
https://www.behance.net/damaroy
A word “design” has a very broad meaning and is used in nearly every business or industry. We always have an intuitive awareness of what this is about though. But when we talk about UX and UI design terms, everything is getting a lot more complicated.
What is UI UX design? Is it a generic term? Or UX and UI are two separate concepts? If they are autonomous notions, so why are they always used together? In this article I want to answer all your questions concerning this topic.
https://spdload.com/blog/ux-vs-ui-design/
An introduction to UX - User Experience.
Where does UX come from, what are the benefits of using it, and how can it be applied to day to day agency work?
Understanding the User Centred Design process and how UX is an integral part of every piece of digital work that is produced.
What’s the difference between a UX and UI designer? (Part two)iFactory Digital
Welcome to the second instalment in our series on UX and UI design. We’re here to help you spot the difference between these two types of design so you can understand what kind of designer you need and when.
https://ifactory.com.au/news/whats-difference-between-ux-and-ui-designer-part-two
A presentation on UX Experience Design: Processes and Strategy by Dr Khong Chee Weng from Multimedia University at the UX Indonesia-Malaysia 2014 that was conducted on the 26th April 2014 in the Hotel Bidakara, Jakarta, Indonesia.
An overview about what UX design is, for a mixture of tech, support and business people (tough mix!).
There are two main points I wanted to get across: 1. UX design is not just about usabllity (and Jakob Nielsen) 2. UX design is a rigorous process (not magic and guesswork).
If you have any feedback about how to make this presentation better, I'd be happy to hear it.
Not quite sure what UX/UI design are? You're not alone! This presentation answers some commonly asked questions regarding user experience and user interface.
Design and its fundamental process have changed with time, growing challenges among the users, devices and different platforms for UI and UX process.
In Design Fundamentals, a day-long thorough workshop, we will try to understand the fundamentals of UI and UX process, and follow the standard process and approaches to create a user-centric design. With basic Design Principles as the the backbone for our design, of course!
Deorwine is the best IT Company in India provides the best UX/UI Design Solution. UI and UX design services providing by high-level specialists for web, mobile, applications, and services. For any query call us at +91-911-611-5717.
Visit us: https://deorwine.com/ui-ux-design/
UX Design + UI Design: Injecting a brand persona!Jayan Narayanan
It is my try to shed light on two often heard but little understood or confused acronyms and its impact on overall brand experience. The presentation originally designed to address a group of entrepreneurs who have little knowledge in design and it's technical jargons.
https://www.linkedin.com/in/jayan-narayanan/
Those who don't learn from history are doomed to NOT repeat it.
We know the old adage, but the other reality is that there's nothing new under the sun. The same goes for the practice of User Experience (UX) and it goes back further than you might think.
History can be fun – especially when we see how it relates to our ever-expanding and shifting industry of today. This presentation is geared to new practitioners who want to understand the foundations of our field and veterans who would like to see a different perspective on our profession. Let's look at the practice of UX through a historical lens at some of man's most creative pursuits and demonstrate the parallels between the past and today's design trends.
This presentation dedicated to whom who are UX designers / students or entrepreneurs. I tried to give minor detail about UX (User Experience) myths and mistakes with humor. Credit links provided in last slide.
A Workshop on how ot teach UX design, based on a one day workshop model. We cover exercise design, how people learn, and how to design the day. Originally Given at General Assemb.ly 12/15/13
Please feel free to reuse with credit.
Type on the web has many roles: it is an interface, a brand, sets tone, and directs the user. Typography has many roles and can either add or take away from User Experience. In this beautiful and exciting talk we’re going to look at various ways type is used, implemented, and dissect the role that it plays in user experience on the web.
Découvrez le Business Model Freemium/Premium de Dashlane, analysé avec le Business Model Canvas et le Value proposition Canvas. Etude réalisée par Onopia : www.onopia.com
For years now, the lead capture form has been a favorite tool in the marketer's tool belt. But do forms actually work? We wanted to use data to explore how today’s lead forms are performing, as well as how leads and customers like using traditional communication channels associated with forms (i.e. phone and email). Learn more here: https://blog.drift.com/truth-about-forms/
My 3 Biggest Discoveries of the Past 20 YearsDrift
Drift co-founder and CEO David Cancel's presentation from HYPERGROWTH 2017. Learn about the 3 biggest discoveries of David's 20+ year career building companies and developing tools for marketing and sales teams.
Why do some companies, products, services, and ideas achieve Hypergrowth, while others only capture a small portion of a market?
That’s the question I was trying to answer when I came up with the Hypergrowth Curve.
The curve consists of three stages of growth that every breakthrough company, product, service, or idea transitions through. And in each stage, the strategy and focus totally shifts.
In the first stage on the Hypergrowth Curve, you’re building a product and finding your tribe. You’re seeing if the idea is even possible.
In the second stage, you’ve found product/market fit and are now focused on rolling out your invention to the masses.
Finally, in the third stage, you’re focused on building a global brand and dominating an entire category (or micro-niche).
Comment créer un produit en mode startup Agile @Digicoop - Maxime Bouroumeau-...Agile En Seine
Nous vous proposons notre retour d’expérience et nos conseils sur la création d’un produit en mode startup agile.
En effet, chez Digicoop, c’est l’ensemble de l’organisation qui se développe en agile. De l’équipe marketing à l’équipe commerciale en passant, évidemment, par l’équipe technique, nous avons mis en place une charte, des processus, et des outils pour créer nos produits et évaluer le potentiel commercial.
Explorez votre potentiel de réussite grâce au Startup Founder CanvasMarseille Innovation
« On ne mise pas sur l’idée mais sur l’équipe ». Toutes les startups ont entendu cette recommandation. Pour autant, peu appliquent ce principe dans leur stratégie de développement, le produit et les clients restant au cœur de leurs préoccupations.
De nombreux outils et méthodes existent pour évaluer le potentiel business d’une idée ou d’une technologie, le Business Model Canvas (BMC) de Strategyzer étant le plus utilisé dans l’écosystème startup. L’analyse du potentiel de l’équipe devait avoir son Canvas. C’est fait avec le Startup Founder Canvas® qui remet l’humain au cœur de l’entrepreneuriat.
Au programme :
Présentation de l’outil pour questionner et sécuriser l’alignement de l’équipe, sa cohérence, sa complémentarité et son efficience :
– La raison d’être de la startup ou le pourquoi : vision, missions, valeurs, motivation et bénéfices recherchés.
– Les critères de succès ou le comment : stratégie, compétences, moyens, organisation et niveau d’engagement.
– La cohérence à l’intérieur de chaque bloc et dans les relations entre les blocs
– L’évaluation de la démarche à titre individuel puis à titre collectif par l’équipe des fondateurs.
Startup 101 : voyage au pays des merveillesWilly Braun
Qu'est ce qu'une startup ? Quelles sont ses spécificité ?
Une introduction aux startups et à leur écosystème, avec un focus sur le cycle de vie et de financement.
Comment s'adapter à la croissance d'une startup ? (ConFoo 2017 Montréal)Lucien Boix
Découvrez-le à travers les anecdotes vécues par une startup ayant décidé de monter une équipe d'opérations. Nous verrons les enjeux du ticketing, de la capitalisation du savoir, du monitoring, de la qualité de vos projets et enfin de la communication au sein de votre entreprise.
Le but de cette présentation est d'amener des solutions simples à mettre en place et permettant d'améliorer considérablement votre performance d'équipe.
Journée du 25 novembre 2016 "Financer votre projet de startup" à la FrenchTech Rennes St Malo
Une description des dispositifs et aides au financement de l'innovation proposés par BPI France.
Intervention d'Emmanuel Denoue, Chargé d'affaires numérique Bretagne à BPI France
Lean Startup Day - Atelier - Ce que veulent vraiment vos clients - Les probl...Pragmatic Giraffe
ATELIER PRATIQUE sur Comment faire du customer development et des problems interviews (Running Lean de Ash Maurya) pour construire le produit que votre client va acheter.
Lean Startup Day Paris 2017 - 1ère journée de rencontre autour du Lean Startup.
Jeunes entreprises en croissance, découvrez une solution internationale packagée et modulaire. Sage X3 vous permet de gérer et piloter l'entreprise à travers le monde.
3 jours - 3 modules pour apprendre comment penser comme une startup afin de grandir comme une startup autour de :
Module 1 : Tester votre produit/marché avec le PMF avant de vous engager à le produire
Module 2 : Utiliser le prototypage pour échouer intelligemment
Module 3 : Utiliser les hacking de croissance
NB : Le prix et l'heure, c'est aux participants de décider.
Comment s'articule l'écosystème de l'innovation en France ?Justine Fradin
Support de soutenance de ma thèse professionnelle présentée le 23 février 2017. Etudes des processus d'innovation et de la gestion de l'innovation par les différents acteurs que sont les startups, les ETI/PME, l'état et les grandes entreprises.
Intelligent Design - Transitioning UX into UI Michelle Reyes
Users are infinitely more complex today because technology has become so readily accessible. In order to gain any kind of foothold, designing a system has to be approached with the same intricacy and diversity as one's desired target demographic.
User Experience Design has brought strategy to the forefront of any system build, and User Interface Design marries that practicality with aesthetically pleasing creations all with the end user top of mind.
This presentation seeks to give an overview of the two design methods and the process of how to go from brainstorming to realization.
Most people think that UI/UX designing comes under same category or both are the same. But actually UI refers to User Interface and UX refers to User Experience which are completely different paths. More briefing about those two will be discussed in this presentation.
UX BASIS is a process and a set of tools to help your organization engage with your users through the online products that you develop. By building an experience around the user, it will enable you to answer their needs whilst ensuring the needs of your business are also fulfilled.
Evidence based design creates a greater value for your business and also encourages collaboration between your teams and results in knowledge sharing between individuals.
This talk was given at a meeting of web project managers (organised by J.Boye) in May 2010.
Cross-functional team collaboration between Agile development and UX designDug Falby
I was recently asked how I integrated UX thinking and processes into an Agile product development unit. This deck outlines a few points where I've had positive outcomes in the past.
Mobile App Screens Designing Proposal PowerPoint Presentation SlidesSlideTeam
If your company needs to submit a Mobile App Screens Designing Proposal PowerPoint Presentation Slides look no further. Our researchers have analyzed thousands of proposals on this topic for effectiveness and conversion. Just download our template, add your company data and submit to your client for a positive response. https://bit.ly/3m8yrU8
User Interface Design Proposal Powerpoint Presentation SlidesSlideTeam
The competition is increasing every day, and corporations are striving hard to please the customers with the best products and a smooth user experience. That is what user interface design is for. In short, user interface design is all about improving usability and providing a seamless user experience while using an app or website. A website that is easy to navigate helps users understand your products and services better. Assist your customers in gaining a competitive edge by employing our User Interface Design Proposal PowerPoint Presentation Slides and captivate your viewer's attention. Explain the importance of UI/UX design and its benefits with our content-ready Command line interface PowerPoint theme. Provide expert services to your clients with our explicitly-designed cover letter and help them develop an easy-to-navigate mobile app. Label down the sections of your proposal in the table of contents slide. Take the help of our readily available Menu-driven interface PowerPoint theme to outline project goals and objectives distinctively. Analyze user feedback to understand the shortcomings of UI design of the mobile app and then highlight the plan of action accordingly, such as project initiation, design, testing, and development support. With the help of our topic-specific graphical user interface PPT theme, provide a detailed account of the scope of services such as research, UI/UX flow charts, app screen wireframes, initial mockups, and interactive prototype. Showcase the activities completion time by utilizing our innovatively-built time frame slide. Mention the additional services provided by your company for clients' convenience like website designing, logo designing, game development, and augmented reality. Showcase your financial chart to discuss the cost finalized for each activity. Convince your clients and put a better impression on them by sharing your reviews and testimonials. Help your customers know your company better by sharing your company’s history and introducing your team members. https://bit.ly/30Y93aP
Building for People: 5 Practical Tip for Greating Great UXqixingz
If the 20th century is about technology functions, then the 21st century is about technology users. Building useful, usable, and attractive software applications for people is critical to win customers. User Experience (UX) is much more than just UI, it includes all key aspects of application such as performance and availability that you as developers concern. This session will start off with the ROI of great UX and why you should care. Then, 5 practical tips for creating great UX will be shared that you can take home and start improve your software UX right away.
Web UI Design Patterns and best-practices guide from http://www.uxpin.com -- the best online wireframing, UX & product management suite available anywhere.
Similar to UX & UI Design - Differentiate through design (20)
What were the big trends at MWC17? What are the things you need to be aware of to stay successful?
Here’s a quick summary on the big trends and insights from Mobile World Congress 2017 based on hundreds of interviews, tours, presentations and announcements.
What are the big trends in mobility that will impact you and your business in 2017? What are the things you need to know and the actions you need to take to be successful?
The 2017 mobility trends report by DMI provides insights, research and recommendations on the trends that will impact consumers and organizations and reinvent business. Each trend includes real-life examples.
The presentation this year covers the following areas:
* Customer Experience including innovation, methodologies, multi-channel and IoT
* Big and small data including solving real problems and faster analytics
* Devices including the latest on smartphones, AR/VR and wearables
* Other technologies including winners in the cloud, native-hybrid and progressive web apps and DevOps
* The next big things…
Magnus Jern's (President DMI International) presenting at the 2016 World Gaming Executive Summit. On the 4th mobile revolution and key challenges facing the mobile gaming industry.
Magnus Jern's presentation from this year's Market Research Summit on "Understanding the Mobile Tech Adoption Curve". What are the new opportunities for live, in the moment, research approaches? How do you predict the success and adoption curve of new mobile technology?
Catch the highlights from MWC16 in this quick recap. Learn about everything that happened at Mobile World Congress, including new virtual reality devices, the latest developments in IoT, and much, much more.
Every year we look at the big mobile trends for the upcoming year and share practical recommendations on how to become a mobile leader. This presentation focuses on the 10 trends that will impact your organization in 2016.
Mobility is an opportunity to reinvent your business. Innovate your product, process or business model with the help of mobile and tap into a whole new world of service offerings and revenue streams. Here are some companies that exemplify what we mean together with tangible tips on how you can reinvent your business through mobility.
Accelerate change – hack your business! If you really want to innovate you have to hack your business. And what better way than to host a hackathon with employees and, potentially, customers or partners?
We’ve participated in and helped co-create hackathons for a number of our clients and also host internal hackathons on a regular basis. Here’s our how-to guide for a successful event, from idea to implementation to innovation.
Besides being a quick way for your company to innovate, hackathons can also provide invaluable experiential learning and help build new connections within your organization and beyond.
Cambodian Life - Living and Working in Phnom PenhDMI
DMI's guide to living and working in Phnom Penh. We offer senior roles with fantastic career opportunities in our Cambodia office. If you're looking to take your career to the next level, check out our webpage for current openings!
Did you know that mobile security breaches have affected more than two-thirds of global organizations in the last 12 months? This presentation helps you assess where you stand, explains the different security threats that are out there, and argues for why you should be using Security by Design for all your mobile apps.
10 Design Trends 2015 - UX & UI Trends for Mobile SolutionsDMI
Do you create or provide a mobile app or web solution? Even if you already have the user interface (UI) and user experience (UX) nailed down to a T, you're never quite finished. With different design elements and solutions going in and out of fashion, you constantly have to ensure that your solution doesn't start to feel dated.
Here's our shortlist of the most exciting things going on in UX/UI Design right now and what we can expect to see in this space in a not too distant future!
MWC 2015 - A Recap of the Key Announcements, Highlights and TrendsDMI
Mobile World Congress 2015 was the best and most exciting congress to date. It showed how mobility is transforming every industry, our infrastructure, society and our daily lives. This is a full recap covering all the key themes from this year; the big device launches, Internet of Things, wearables, personalised consumer experiences based on big data, 5G, AdTech, analytics, privacy and security, and more.
Let us know in the comments if we missed anything from the event that was important to you; is there a key trend, technology or company that you think should have been included?
We’ve asked customers and partners, spoken to industry experts and made our own conclusions and predictions to help financial organisations succeed in mobile
in 2015.
Who are the mobile innovators and disruptors of the financial industry? How will banks tackle mobile security threats in 2015? What will Apple Pay mean for the financial institutions? What’s the regulatory impact of new mobile technology such as wearables? How do financial institutions stay on top of mobile technology with an accelerated pace of innovation? How much longer will employees of financial firms be tied to a desktop? You'll find the answers in this presentation.
How is mobility transforming the enterprise? What is the fizzle that drives success? What are the key tools and trends to keep in mind for 2015?
Every year we advise our customers and partners on the top trends in mobile and what it means for them. This year we've expanded this by looking specifically at enterprise mobility trends based on insights from customers, research and more.
Will 2015 be the year of wearables? Will Apple Pay succeed? Why are enterprise apps getting more expensive and complex? What's happening with Big data? How should developers treat phablets?
Every year we analyse and summarise the key mobile trends for the following year and share with customers and partners. The main objective is to keep you up to date on what’s going on and give you insights into what these trends may mean for you. Last year our mobility predictions and UX/UI trend presentations were used in hundreds of workshops, lectures and jointly got more than 100,000 views on Slideshare.
The Top 10 Mobile Trends for 2015 are more exciting than ever as we are experiencing explosive growth in almost every area including mobile usage (apps and web), mobile commerce, payments, enterprise apps, Internet of Things, wearables, nearables (sensors) and invincibles, data driven mobile services (big data), mobility in healthcare, omni-channel retail and innovations in mobile application development.
2014 has turned out to be another incredible year of growth in mobile usage across the globe and this is set to continue in 2015. See how you can win the mobile user in 2015.
Can AI do good? at 'offtheCanvas' India HCI preludeAlan Dix
Invited talk at 'offtheCanvas' IndiaHCI prelude, 29th June 2024.
https://www.alandix.com/academic/talks/offtheCanvas-IndiaHCI2024/
The world is being changed fundamentally by AI and we are constantly faced with newspaper headlines about its harmful effects. However, there is also the potential to both ameliorate theses harms and use the new abilities of AI to transform society for the good. Can you make the difference?
Hello everyone! I am thrilled to present my latest portfolio on LinkedIn, marking the culmination of my architectural journey thus far. Over the span of five years, I've been fortunate to acquire a wealth of knowledge under the guidance of esteemed professors and industry mentors. From rigorous academic pursuits to practical engagements, each experience has contributed to my growth and refinement as an architecture student. This portfolio not only showcases my projects but also underscores my attention to detail and to innovative architecture as a profession.
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...Mansi Shah
This study examines cattle rearing in urban and rural settings, focusing on milk production and consumption. By exploring a case in Ahmedabad, it highlights the challenges and processes in dairy farming across different environments, emphasising the need for sustainable practices and the essential role of milk in daily consumption.
1. (Replace with full screen background image)
UX & UI Design
Differentiate through design
2. (Replace with full screen background image)
Why UX Matters
With a UX focus we can build beautiful and desirable products,
whether apps or mobile websites, differentiated by usefulness and
usability. The Batmobile is an example of a product where the user
experience is a crucial component. This durable vehicle has wheels,
an engine and it can take you from point A to point B. But the thing
is, if we at any certain point of the project only look at these features
separately, we might as well end up with something completely
different...
3. (Replace with full screen background image)
Design is problem solving
To design is to plan and make something for a specific use or
purpose – design is problem solving. With a UX mindset we design
for a user in a context, not for separate features in a list. The VW
Camper is indeed, like the Batmobile, a very cool vehicle, and
they both have many features in common (wheels, an engine, the
ability to transport you between places, to name a few features for
example). However, the usefulness and usability are optimized for
totally different situations.
4. (Replace with full screen background image)
Ultimate UX
As UX professionals it is our responsibility to deliver the best possible
user experience within the project constraints.
By assigning a senior UX designer to lead as early as possible in
the insights and planning phase, we ensure that UX is part of the
planning and estimation and that the whole/full project of the app or
mobile website has an optimized UX strategy.
5. Based on project specific aspects, the UX design lead will select
a set of ideal UX activities and design deliverables. They then
appropriately balance that against the project constraints, weighing
in factors such as budget, time available, delivery deadlines,
project life span, resource availability, information availability, related
projects, access to tools and legal documentation, etc.
6. (Replace with full screen background image)
UX is NOT a step in the process...
...it is in everything we do. UX is more than anything a project
philosophy, not just a set of tools, methods and deliverables. With
a holistic approach of this type, UX will permeate all the steps of a
project from planning through production to quality assurance.
The key principle for a UX project is to ensure that we involve the
users in the process. The beauty of this is that there is always some
value that can be added, regardless of the project constraints. The
trick is to work out how to make best use of your time.
7. (Replace with full screen background image)
Something that looks great but is difficult to use is exemplary of great UI and poor UX. While something very
usable that looks terrible is exemplary of great UX and poor UI
UI complements the UX
UX Design is a more analytical and technical field and UI
complements the UX with look and feel and interactivity of a solution.
In analogical terms, UI design produces a solutions’ skin. Both, UX
and UI are crucial to a product and work closely together.
The content is not only for viewing, but also to interact with, so UI
Designers should also consider animations, transitions, gestures and
device ergonomics in order to communicate the best possible way
for users to access this content.
8. (Replace with full screen background image)
In the screens above you can see examples for both, poor UI versus
good UI solutions. In the first example the user’s experience when
interacting with the interface will be affected by small type sizes and
unclear call to action. In the second example the text is more legible
due to choosing a proper type size for mobile devices. It’s also more
clear for the user what is the main action expected from him by
differentiating chromatically the buttons and guiding him to perform a
specific task, in this case buying a product.
9. (Replace with full screen background image)
6. USABILITY TESTING
1. PLANNING &
IDEATION
2. UX/UI DESIGN 3. DEVELOPMENT 4. QA 5. MEASURE &
ENHANCE
Our Project Philosophy
THE USER EXPERIENCE PROCESS
10. (Replace with full screen background image)
MINI STANDARD FULL
Level of UI customization
Minimal UI Customization Minimal adaption of the native UI
components.
Moderate/Standard UI Customization A few selected components,
animations or transitions will require the use of non-native solutions.
Full UI Customization A large part of the UI design will need non-native
components and/or a substantial amount of customization.
11. (Replace with full screen background image)
SINGLE FOCUS TYPICAL FOCUS COMPLEX CONCEPT
App Concept
Single Focus Concept One main focus such as Notes or Reminders.
Typical Concept One main purpose, but also a few more or less
loosely related features.
Complex Concept Complex apps that will need to accommodate
complex information structures or multiple elaborate task sequences.
12. (Replace with full screen background image)
The Production Team
Ideally we want to work in small, agile cross-functional production
teams starting from the very beginning of a project. This sets the
scene for creative collaboration, fast turnover of ideas and allows
skills from different knowledge areas to cross-pollinate. This in
turn increases the general understanding of the product as well as
guaranteeing all quality aspects. Many of the UX activities presented
in the following pages should preferably involve all members of the
production team, in addition to the client, when applicable.
13. (Replace with full screen background image)
Scoping & Design
All projects must have a dedicated scoping & design phase. During
this planning phase it is all about understanding what we have been
asked to do and working out the best combination of activities
that will give us the outcome we need- within the time, budgetary
and resource constraints of the project. The goal for this phase is
to have a clear scope and design direction approved by the client,
and an unambiguous roadmap for the production team to start the
development.
14. A solid UX/UI work will
result in…
1. Better products.
2. Cheaper to fix problems.
3. Less risk.
4. Better ability to deliver to deadline and avoid scope creep.
5. Deeper insights.
6. Products that are easy to use make more money.
7. User-led projects can get products to market more quickly.
8. Ease of use is a common customer requirement.
16. (Replace with full screen background image)
1. Stakeholder Interviews
Prior to scoping and design most projects have a data gathering
phase to understand the user, requirements and objectives. This
phase includes stakeholder interviews and research but also other
data gathering. E.g. usage data and demographics from an existing
website or app. Hold individual talks with key stakeholders to
understand the business requirements. This structured way to gain
insights into the reasoning behind the project will result in invaluable
findings.
17. (Replace with full screen background image)
2. Expert Reviews
Deeper evaluation of an application or website to indentify usability
issues. It includes an evaluation of the efficiency of the flows and an
assessment of the best practices in navigation, layout, behaviour,
interface and others attributes.
18. (Replace with full screen background image)
3. Requirements Workshop
Gather key stakeholders together for a group discussion around the
project brief and conduct group exercises designed to gain a deeper
understanding of the project. Often the important insights come from
the conversation itself, rather than the output of the exercise.
A successful requirements workshop leads to a shared
understanding of the project.
19. (Replace with full screen background image)
4. Competitor Benchmarking
A structured way of evaluating competitor products to determine
their strengths and weaknesses and opportunities to innovate with
your own product.
The results may be presented as a spreadsheet checklist, a more
detailed analysis or as annotated screenshots.
20. ...to create and edit my profile.
...to enter my account details.
(Replace with full screen ...to store background my credit card image)
information.
...to select my current location.
AS A USER I WANT...
...to select my favorite locations. 5. User Stories
User stories are short narrative texts that describe an interaction
between the user and the app focusing on the value a user gains
from the app. It also provides enough detail to make a reasonably
low risk estimate of how long the story will take to implement. The
user stories will benefit from being accompanied by an additional list
of requirements and acceptance tests (according to a classic agile
software development approach).
21. LAUNCH 101. SplashScreen
ICON
Background image
(Replace with full screen background image)
Brand Logo
6. App Map & Information Architecture
Presented as a high-level hierarchical diagram representing the
information hierarchy within the app. This document is focused on
what screens the app will contain and how the different screens are
linked together by labeled arrows and boxes.
201. Login Screen
Remember password checkbox
Access to Login
Access to Remember Password
Access to Skip
301. Home Screen
Shows images and information
Swipe left to access to News
Access to Search
Access to Calendar
After remember password
First time
22. (Replace with full screen background image)
Listen
Events
Radio
Discover
Label
s
Settings
28
Radio
Smart Radio
House
Drum & Base
Live Radio
Techno
Chill Out
House
Song Name
Artist
PURCHASE
7. Wireframes
Wireframes are schematic blueprints that represent an app as a
skeletal framework. They show navigation structures, representative
or dummy content, calls to action, dummy imagery, form elements
and advert placement and they usually lack typographic style, color,
and final imagery. This allows us to explore the content, navigation,
and interactions separately from visual content.
23. Radio
Smart Radio
Live Radio
(Replace with full screen background image)
Listen
Events
Radio
Discover
Label
s
Settings
28
House
Drum & Base
8. Wireframe flow chart
Techno
Chill Out
The Wireframe flow chart is a document containing interconnected
wireframes. It describes at a high level of detail the main paths the
user can take when interacting and navigating through the app.The
wireframe flow chart should also cover the main user stories.
House
Song Name
Artist
PURCHASE
Purchase Process
Artist Name
Album
Description goes here.
Full Name
Card Number
Expiration
Month Year
CVC
Credit Debit
$$$ BUY NOW
24. (Replace with full screen background image)
9. Mood Board
A mood board is a type of poster design that may consist of images,
fonts and samples of objects in a free composition of any kind.
When a client wants to create a new look & feel for a specific mobile
solution (or no brand guidelines exists), a mood board is used to
facilitate the communication between the project team and the client
on what the graphical direction will be.
25. (Replace with full screen background image)
10. Visual Design Mockups
The visual design concept for the app will be presented in 3-5 high
fidelity screen mockups representing the look and feel of the artwork
of the final product. The mockups are likely to contain placeholder
content instead of the real data and images; placeholder photos
will later be replaced. The visual design concept captured in a few
selected key screens will later be applied to all other screens of the
app.
26. (Replace with full screen background image)
11. Prototyping
Low Fidelity Prototyping A technique where we quickly mockup
ideas in an interactive form that brings them to life to elicit feedback.
It could be a paper or digital format based on rough sketches or
wireframes.
High Fidelity Prototype Interactive tappable mockups presenting the
main screens and main functionality of the app without real data.
27. (Replace with full screen background image)
12. Graphical Assets
The implementation of the app will require graphical assets to be
extracted from the final design mockups. These graphical assets
then need to be further adapted to match different screen resolutions
depending on which platform(s) the app(s) will target. The amount
of effort required to extract these graphical assets depends on the
visual design of the app; some visual element can be implemented
directly in code, while others need to be provided as image files.
28. (Replace with full screen background image)
13. Design Implementation Guidelines
This document serves as a guide for developers during the
development phase when design specifications are needed for a
pixel perfect implementation.
These annotated screen representations specify measurements,
positioning of elements, typographical information, colors etc.
The implementation guidelines are always provided to the developers
in all projects.
29. (Replace with full screen background image)
14. Usability Testing
The measured observation of users’ behavior when using your
application. It will be an integral part of the UX process and doesn’t
end at launch. With this process, the UX lead can explore concepts,
terminology, navigation, content, page layout and functionality.
Testing Materials Low Fidelity Prototyping, High Fidelity Prototyping
and Real App.
30. (Replace with full screen background image)
Types of Usability Testing
Guerrilla Usability Testing Informal user involvement when little or no
budget exists.
Lab Usability Testing User involvement in a controlled environment.
Contextual Usability Testing User involvement in the right
environment.
Remote Usability Testing Online user involvement.
GUERRILLA
USABILITY TESTING
LAB
USABILITY TESTING
CONTEXTUAL
USABILITY TESTING
REMOTE
USABILITY TESTING
31. 15. Analytics
Analytics will likely require a non-trivial investment in time plus
close collaboration with the QA Team. These must eventually be
implemented for us to be able to offer premium UX services to our
clients.
32. 1. Stakeholder Interviews Individual talks to gain a deeper understanding of
requirements as part of prior research.
2. Expert Reviews
3. Requirements Workshop Bring project players together for insights on
project requirements.
4. Competitor Benchmarking Evaluate competition for weaknesses and
opportunities.
5. User Stories Short narrations describing interaction between user and app.
6. App Map & Information Architecture High-level diagram representing
information hierarchy and organisation of the app screens.
7. Wireframes Schematic blueprints representing the skeletal framework.
8. Wireframes flow chart Detailed information of the app navigation.
9. Mood Board Poster design with images and text to communicate design
concepts.
10. Visual Design Mockups 3-5 high fidelity mock-ups representing the look
and feel of the final product.
11. Prototyping Interactive hi- or low-fidelity mockups.
12. Graphical Assets The visual elements of the app adapted for each screen
resolution and platform.
13. Design implementation guidelines Document used to ensure perfect
implementation of the visual elements during development.
14. User Testing Measured observation of the users’ behaviour when engaging
with the app.
15. Types of Usability Testing Guerilla, lab, controlled and remote.
16. Analytics Data used to measure and optimize.
Summary
33. Fighting for a world
full of mobile solutions
since 2005
web www.goldengekko.com
email info@goldengekko.com