Mobile UX Prototyping & Storytelling

•

5 likes•1,402 views

A very hands on 3 hour workshop where participants had to sketch and prototype specific app ideas per team. The presentation was projected onto a whiteboard where I wrote notes, sketches & examples needed.

MOBILE UX
PROTOTYPING
& STORYTELLING
Presentation & Workshop by:
Vince Baskerville | VP of Product TripLingo

THANK YOU SPONSORS

VINCENT BASKERVILLE | VP of PRODUCT

10 SIMPLE MOBILE
PRINCIPLES

VINCENT BASKERVILLE | VP of PRODUCT

CREATE A VISUAL
HIERARCHY THAT
MATCHES USERS
NEEDS
VINCENT BASKERVILLE | VP of PRODUCT

WEIGHT
BALANCE
VINCENT BASKERVILLE | VP of PRODUCT

THUMB OR
FINGER RULE
VINCENT BASKERVILLE | VP of PRODUCT

EASILY
NAVIGABLE
VINCENT BASKERVILLE | VP of PRODUCT

LIMIT
DISTRACTIONS
VINCENT BASKERVILLE | VP of PRODUCT

USE
APPROPRIATE
DEFAULTS
VINCENT BASKERVILLE | VP of PRODUCT

MAKE
ACTIONS
REVERSIBLE
VINCENT BASKERVILLE | VP of PRODUCT

BE
CONSISTENT
VINCENT BASKERVILLE | VP of PRODUCT

DON’T BE
AFRAID TO
SHOW SOME
EMOTION
VINCENT BASKERVILLE | VP of PRODUCT

AVOID
JARGON
VINCENT BASKERVILLE | VP of PRODUCT

RECAP
1. Create a visual hierarchy
6. Use appropriate defaults
that matches users needs
7. Make actions reversible
2. Weight balance
8. Be consistent
3. Thumb or ﬁnger rule?
9. Don’t be afraid to show
- don’t forget fat ﬁngers
some emotion
4. Easily navigable
10. Avoid jargon
5. Limit distractions

VINCENT BASKERVILLE | VP of PRODUCT

•Truly understand your medium
•Solve the right problem, don’t just make
pretty interfaces
•Try to keep things simple
•but remember *Less is more* not always
the answer

VINCENT BASKERVILLE | VP of PRODUCT

SKETCH & WIREFRAME TIPS

VINCENT BASKERVILLE | VP of PRODUCT

VERSUS

VINCENT BASKERVILLE | VP of PRODUCT

NOT
RECOMMENDED
VINCENT BASKERVILLE | VP of PRODUCT

• Sketches aren’t the *product*
• the focus isn’t instagrammable wireframes

• Consider actual content
• don’t get too caught up with lorem text

• Focuson communication
• remember the purpose of the interactions

VINCENT BASKERVILLE | VP of PRODUCT

• Keep it fast and in short bursts
• Sketches & prototypes should always be
communicating those in between steps.. try not
to leave anything for interpretation

VINCENT BASKERVILLE | VP of PRODUCT

UNDERSTANDING MOBILE
CONTEXT

VINCENT BASKERVILLE | VP of PRODUCT

• Design for partial attention spans and
interrupted states
• We don’t just create interfaces.. remember to
focus on interaction
• Where will your users be?

VINCENT BASKERVILLE | VP of PRODUCT

• Will they have gloves on?

• Are they driving?

• Walking and frustratingly looking for something?

• Relaxed, sipping on a latte?

VINCENT BASKERVILLE | VP of PRODUCT

SKETCH TIME

VINCENT BASKERVILLE | VP of PRODUCT

BE RUTHLESS &
BRAVE
EDIT.. EDIT.. EDIT.. EDIT

VINCENT BASKERVILLE | VP of PRODUCT

PROTOTYPING

VINCENT BASKERVILLE | VP of PRODUCT

• Hi or lo ﬁdelity?

• Prototyping reduces misinterpretation

• in comparison to detailed requirement docs

• Remember to set expectations

VINCENT BASKERVILLE | VP of PRODUCT

• Eventually saves time, money & overall effort

• Helpsto create a constant feedback loop,
which helps produce a better product

• Thisisn’t a means to an end, but wrather it is to
help better articulate ‘show & tell’

VINCENT BASKERVILLE | VP of PRODUCT

iterative
feedback
loop
VINCENT BASKERVILLE | VP of PRODUCT

WHY PROTOTYPE?

VINCENT BASKERVILLE | VP of PRODUCT

• It’ll help you improve design making decision
• Communicate your ideas better & get buy-in
from your team / client easily
• Gather proper user feedback
• Explore unknowns
• Further reﬁne concepts

VINCENT BASKERVILLE | VP of PRODUCT

• Multiple ways to prototype your product
• paper
• power point / keynote
• balsamiq
• axure
• adobe photoshop / ﬁreworks / ﬂash
• html / js
• etc...

VINCENT BASKERVILLE | VP of PRODUCT

STORYTELLING

VINCENT BASKERVILLE | VP of PRODUCT

The goal of sketches & prototypes
is to convince yourself & others

VINCENT BASKERVILLE | VP of PRODUCT

• Telling
stories:
• helps put a ‘face’ on data
• helps paint in missing details from sketches &
prototypes
• helps encourage collaboration & innovation

VINCENT BASKERVILLE | VP of PRODUCT

Stories turn proﬁle
information into a
persona; with this
information we can
better design a solution
for this & other similar
user needs

VINCENT BASKERVILLE | VP of PRODUCT

• Stories
can illustrate problems & ‘pain points’
that wasn’t discovered through sketching
prototypes

VINCENT BASKERVILLE | VP of PRODUCT

INSTRUCTIONS /
PEE BREAK

VINCENT BASKERVILLE | VP of PRODUCT

WRAP UP

VINCENT BASKERVILLE | VP of PRODUCT

AU REVOIR
VINCE BASKERVILLE
@WHOISVINCE
VINCE@TRIPLINGO.COM

VINCENT BASKERVILLE | VP of PRODUCT

Viewers also liked

Business Process Management Meets Enterprise 2 0

Sandy Kemsley

Towards a Benchmark for BPMN Engines

Vincenzo Ferme

The document presents an overview of the challenges in developing a benchmark for Business Process Model and Notation (BPMN) workflow management systems (WfMS). Key challenges include defining a realistic workload model based on real-world BPMN processes, handling asynchronous workflow execution, and determining relevant performance metrics and key performance indicators. The goal is to design the first benchmark that can assess and compare the performance of WfMSs compliant with the BPMN 2.0 standard.

business process reengineering.... soyeb

Soyeb Ali

The document discusses business process reengineering (BPR). It defines BPR as the fundamental rethinking and redesign of business processes to achieve dramatic improvements in key metrics like cost, quality, and speed. BPR has emerged from earlier management approaches like scientific management. The document outlines common symbols and rules used in BPR flowcharts and identifies some typical challenges with BPR projects like not making changes dramatic enough. It emphasizes the importance of customer focus, executive support, and integrating information technology in successful BPR.

Process mining in business process management

Ramez Al-Fayez

Multilayered paper prototyping for user concept modeling

UKOLN (dev), University of Bath

Business process reengineering

navi2488

Business process re-engineering involves fundamentally rethinking and radically redesigning business processes to achieve dramatic improvements in performance measures like cost, quality, and speed. It means disregarding existing structures and procedures and inventing new ways of working, rather than making incremental changes. The goal is achieving large improvements by demolishing old systems and reconstructing entirely new processes from scratch. An example is how IBM Credit Corp. reengineered its financing request process, reducing turnaround time from an average of 6 days to just 4 hours through streamlining and automation.

Rapidly Exploring Application Design through Speed Dating

Scott Davidoff

The document discusses speed dating as a method for exploring multiple early-stage concepts for applications through quick, low-cost prototyping. It proposes replacing traditional user testing with "speed dating" where users engage with many short prototypes to help evaluate and refine concepts early in the design process. This exposes users to more variations and helps designers gain a broader perspective on what works best.

Process mapping --- business process reengineering

Rishabh Bansal

This document defines process mapping and describes its benefits. Process mapping involves creating diagrams that show the major processes of an organization, including the key activities, sequencing, inputs/outputs, and how work is actually done versus how it should be done. It helps ensure processes are properly understood and managed. The first structured process mapping method was introduced in 1921. Process maps typically include flowcharts and process definition charts. The major steps are process identification, information gathering, interviewing/mapping, and analysis. Benefits include improved understanding of roles, integration across departments, performance improvement, and encouraging questions about how and why processes are done.

Information technology for business process reengineering

Shriket Trivedi

Deepa General Stores reengineered its business processes by centrally managing and monitoring its 16 outlets via CCTV cameras. This cost less than a single employee and provided added security. It was able to buy milk products in bulk, achieving larger profits and diversifying its product offerings. Panth Dairy also set up a store along a main road using a supermarket concept focused on dairy products. It implemented loyalty cards, analyzed buying patterns to issue discounts, and trained staff to build customer relationships, allowing it to compete against larger competitors.

Business Process Reengineering

Mr. Murali

BPR aims to fundamentally redesign business processes to achieve dramatic improvements in critical performance metrics like cost, quality, and service. It focuses on cross-functional processes rather than individual tasks. The 7 steps of BPR include identifying processes for redesign, understanding their current state, defining new processes, designing and building a prototype, implementing the new process, evaluating, and refining for continuous improvement. Key success factors include management commitment, effective communication, and realistic goals while addressing potential resistance to change.

Business Process Simulation in jBPM

tsurdilovic

The document discusses using business process simulation to help a banking company optimize their credit approval process. Key steps include building a process model, then using simulation to answer questions about throughput, costs, resource needs, and how the process could handle increased volume. Simulation allows statistically analyzing the model over time pre- and post-execution to reduce risks and continuously improve performance, quality, and resource utilization. The jBPM tool is highlighted for its abilities to parameterize process elements for simulation, generate event logs, apply rules to results, and visualize simulation outputs.

How To Explain BPMN To Business Users

Sandy Kemsley

Business Process Reengineering - The Way To Business Success

Sagar Mandal

This document discusses business process reengineering (BPR). BPR involves fundamentally rethinking and redesigning business processes to achieve dramatic improvements in areas like cost, quality, service, and speed. It summarizes why organizations reengineer processes due to demanding customers, competition, and changing needs. However, complacency, political resistance, and fear of failure can prevent reengineering. BPR seeks to improve cost, service, quality, and speed using a systems perspective focused on end customers and radical process improvement through integrated change. Key steps involve selecting processes, understanding the current process, developing a vision for improvement, and executing the plan.

BPMN 2.0 overview

solomd

BPMN 2.0 is a standard for business process modeling notation that was developed by BPMI and is now maintained by OMG. BPMN 2.0 extends the capabilities of BPMN 1.2 by formalizing business process execution semantics, defining extensibility mechanisms, and extending the definition of human interaction. The key modeling elements in BPMN 2.0 include pools, lanes, activities, events, gateways, sequence flows, message flows, and associations.

Business processing Reengineering

Vincent Tiso

This document provides an overview of business process reengineering (BPR). It defines BPR as the analysis and redesign of workflows within and between enterprises to optimize processes and automate non-value-added tasks. The document discusses the BPR cycle, key components of BPR including its history and advantages such as streamlining work processes to improve quality, time management and profitability. Potential disadvantages of BPR are also mentioned such as using it to justify downsizing. Overall the document serves as an introduction to the topic of business process reengineering.

Business process-reengineering

sagvid

The document discusses business process reengineering (BPR). It provides definitions and examples of key concepts related to BPR including automation, rationalization of procedures, and paradigm shifts. It also outlines the main steps to implement a BPR strategy, including selecting processes and teams, understanding the current process, developing a vision for improved processes, identifying action plans, and executing the plans. Key goals of BPR are improving cost, quality, service, and speed.

Business process mapping

Niyati Mehta

1. The document discusses business process mapping, including defining what it is, the purpose of mapping processes, and the main steps involved which are process identification, information gathering, analysis, and implementation. 2. It explains the different types of process maps - current state, ideal state, and future state. The current state map shows the actual current process, the ideal state eliminates non-value adding steps, and the future state map incorporates improvements. 3. The main benefits of process mapping are improving efficiency, aligning processes with objectives, increasing responsiveness to changes, and gaining competitive advantages. The potential disadvantages include high costs, time wastes, and unclear focus.

Business Process Design 2008

Michael Paskevicius

The document discusses business process analysis and design. It introduces various process modeling toolsets and outlines their benefits. Key points include: 1) Process analysis involves understanding current work and measuring what adds value, while process design optimizes tasks to generate value for stakeholders. 2) Process modeling toolsets help visualize and improve processes by identifying unnecessary steps and inefficiencies. 3) Analyzing and optimizing processes can increase efficiency, effectiveness, and customer satisfaction to provide strategic advantages.

Business process re engineering

Student Placement Coordinator,N.S.E.C Kolkata.

Business process reengineering (BPR) was introduced in the 1990s to fundamentally rethink and redesign business processes. It aims to make radical improvements by eliminating non-value adding activities, integrating information systems, and optimizing end-to-end processes. BPR focuses on outcomes rather than tasks and seeks to dramatically reduce costs and improve customer service. A typical BPR process involves preparing for change, analyzing the existing process, designing an improved process, implementing changes, and continuously monitoring results. When successfully implemented, BPR can lead to significant reductions in time, costs and improvements in quality.

Implementation of Business Process Reengineering in Thermax Ltd.

Pramod Patil

Viewers also liked (20)

Business Process Management Meets Enterprise 2 0

Towards a Benchmark for BPMN Engines

business process reengineering.... soyeb

Process mining in business process management

Multilayered paper prototyping for user concept modeling

Business process reengineering

Rapidly Exploring Application Design through Speed Dating

Process mapping --- business process reengineering

Information technology for business process reengineering

Business Process Reengineering

Business Process Simulation in jBPM

How To Explain BPMN To Business Users

Business Process Reengineering - The Way To Business Success

BPMN 2.0 overview

Business processing Reengineering

Business process-reengineering

Business process mapping

Business Process Design 2008

Business process re engineering

Implementation of Business Process Reengineering in Thermax Ltd.

Similar to Mobile UX Prototyping & Storytelling

Adapting to Your Users

Vincent Baskerville

This was presented at the Penn State Web 2012 Conference. With the flood of consumers using various media devices, web designers & developers now have to try and create products that will retain the same aesthetic look & feel on multiple platforms. With the screen real-estate ranging from a 27″ desktop monitor, 13″ laptop monitor set at a 800×600 video resolution, tablet devices like the iPad, and a plethora of mobile phones with a wide variety of sizes. However, by taking advantage of some of the new syntax, creatives can create a dynamic website that can alter a pages’ visual layout while still maintaining control of the overall user experience. This presentation will help explain the importance of why it is necessary to plan ahead to build an adaptive website versus just 'getting it done'

Lean Usability Testing

Vincent Baskerville

Being a UX team of one: Understanding your strengths and weaknesses

Vincent Baskerville

Small UX teams have unique challenges. Knowing how to deal with having fewer resources and possibly feeling creative isolation, or worse organizational ignorance and/or hostility. This presentation will explore some real life team situations that small teams and solo UX practitioners work in, and show what you can do about them. The goal of this talk is to arm every attendee with a few successful strategies and methods to help positively shape their company culture so you won't be a UX-er of one anymore.

Being a UX team of one: Understanding strengths & weaknesses

Vincent Baskerville

Designing happiness

Vincent Baskerville

The document appears to be a transcript of a presentation by Vincent Baskerville on designing for happiness. Some key points discussed include defining happiness, focusing on small improvements rather than big changes, understanding user needs and context, and examples of products like PATH that aim to simplify experiences for blind users. Baskerville advocates designing with the goal of understanding user questions in order to better meet their needs through intuitive, helpful experiences.

Designing happiness

Vincent Baskerville

This was one of my talks for goto; conference in Zurich Designing Happiness isn't just about proper pixel placement, fancy animations or unnecessary mobile gestures. This is about trying to genuinely understand that our users aren't just "click's or views" and instead people with complex emotions. User Experience Design is a wrapper that contains the vision, strategy and overall design in mind while going through the stages of building a product, and as digital professionals we can use Maslow's hierarchy of needs to re-map the emotional connections to our products.

Mobile UX Design workshop

Vincent Baskerville

Vince Baskerville gave a presentation on mobile user interface design. He discussed considerations for designing mobile experiences like simplicity and speed. Baskerville covered topics like mobile-first versus responsive design, constraints of mobile like touch and location services, information architecture, and reducing cognitive loads. The presentation provided examples of good and bad mobile designs and discussed balancing user engagement with usability.

Introduction to LEAN UX

Vincent Baskerville

This was for a 2 hour workshop session, which covered various LEAN user experience methods and showed how to actually apply the principles to our projects. Designing great experiences is one thing, delivering them is another. Lean UX is a method to help us deliver faster so that we can learn faster and improve our products. In this introductory class, you will learn the principles, processes and tools of the Lean User Experience methodology, and how to apply these principles to your projects to rapidly deliver improvements - no matter the size of your budget or team.

Mobile, Metrics & Mayhem

Vincent Baskerville

Vincent Baskerville gave a presentation about mobile metrics and analytics. He discussed understanding user behavior through metrics on content viewed, user paths, and engagement. Baskerville covered different mobile analytics tools and categories of metrics including content, user behavior, technical factors, and different types of engagement metrics. He emphasized the importance of lowering cognitive load on users while maintaining engagement.

Wine & wireframes

Vincent Baskerville

Digital design workshop

Katherine Barrow

Uxd codestrong

Vincent Baskerville

This presentation will give an overview of some of the many accepted methods of creating a great User Experience on mobile devices. While developing an application for a mobile device, we recognize many of the ‘physical’ differences, ie. a smaller visual real estate, size of text and buttons, etc but we should be cognizant of creating a great experience too. Designing for mobile devices brings some unique situations and challenges, it requires a strategic approach for the User Experience (UX) and User Interface (UI) composition. This presentation will talk about current trends, challenges, tips to take advantage of while working with Titanium. What to Expect: Use-cases for animations Tips on keeps things simple User Interface & User Experience tips Buttons!! Lessons Learned

Vince Baskerville: Designing an Awesome Mobile User Experience

Axway Appcelerator

This presentation will give an overview of some of the many accepted methods of creating a great User Experience on mobile devices. While developing an application for a mobile device, we recognize many of the ‘physical’ differences, ie. a smaller visual real estate, size of text and buttons, etc but we should be cognizant of creating a great experience too. Designing for mobile devices brings some unique situations and challenges, it requires a strategic approach for the User Experience (UX) and User Interface (UI) composition. This presentation will talk about current trends, challenges, tips to take advantage of while working with Titanium. What to Expect: - Using .jss - Use-cases for animations - Tips on keeps things simple - User Interface & User Experience tips - Buttons!! - Lessons Learned Vince Baskerville is VP of Production at TripLingo.

Designing an Awesome Mobile User Experience

Axway Appcelerator

The document discusses user experience design (UXD) for mobile applications and provides guidelines for designing an awesome mobile user experience using Appcelerator Titanium. It outlines quick tips for UXD including keeping designs simple and intuitive, testing with users, and focusing on the user's goals rather than including every possible feature. Examples of both well-designed and poorly-designed mobile apps are provided to illustrate best practices.

Layar March 5th Webinar - Get More Out of Interactive Print

Layar

This document outlines best practices for creating interactive print campaigns using Layar. It discusses developing an engaging campaign concept, preparing high-quality print pages, including clear instructions for readers, adding calls-to-action on pages, designing custom interactive buttons, thoroughly testing the campaign, and measuring results. The webinar provides examples and recommendations for incorporating different types of digital content like videos, shopping features, contests and social media integration to enhance printed publications.

Updated Storyboard

MatthewCoates18

A storyboard is a visual planning tool used in filmmaking and video production to layout shots in sequence. It consists of a series of frames or panels that show key visual elements along with notes. Storyboards help filmmakers organize their ideas, plan the video more effectively, and communicate their vision to others. Some benefits of storyboarding include helping to condense ideas into a coherent plan, coordinating production details, and allowing others to understand the envisioned video.

Mobile analytics

Vincent Baskerville

How to write compelling user stories

Balaji Rajagopalan

Presentation15

laytonmensforth

A storyboard is a visual outline for a video that consists of a series of thumbnail images showing what happens in each frame from beginning to end, along with notes. Storyboards can be hand-drawn or created using software, and serve a similar purpose to a script but are visual rather than text-based. Storyboards help organize ideas, plan videos more effectively by coordinating details, and communicate ideas to others through a visual representation. They also simplify later stages of video production by establishing a plan to follow.

I Want My MVP (Digital Project Management Summit 2014)

Anthony Armendariz

Presented by Anthony Armendariz and Danielle Moser from Funsize at the Digital Project Management Summit 2014 - Austin, Texas. Twitter: #dpm2014, #iwantmymvp The Minimum Viable Product (or MVP) is the first shippable version of a product containing purely core features, distributed as a test release in order to create useful feedback for the most basic features. Planning for a MVP release requires the Product Owner to know how to organize and prioritize a dense backlog of features, but in an agile environment with a diverse team and uniquely talented vendors we posit they need not do it alone. Different lenses for knowing what MVP means to your internal and external team so you can know if you are building the right thing. What must the MVP consist of to be meaningful to the target user? What’s the best way to phase out the release of everything else? What can be cut completely? Basic agile/lean design project management techniques. Important conflict resolution and emotional management techniques. How to sell it with a "Flexible Scope Retainer".

Similar to Mobile UX Prototyping & Storytelling (20)

Adapting to Your Users

Lean Usability Testing

Being a UX team of one: Understanding your strengths and weaknesses

Being a UX team of one: Understanding strengths & weaknesses

Designing happiness

Mobile UX Design workshop

Introduction to LEAN UX

Mobile, Metrics & Mayhem

Wine & wireframes

Digital design workshop

Uxd codestrong

Vince Baskerville: Designing an Awesome Mobile User Experience

Designing an Awesome Mobile User Experience

Layar March 5th Webinar - Get More Out of Interactive Print

Updated Storyboard

Mobile analytics

How to write compelling user stories

Presentation15

I Want My MVP (Digital Project Management Summit 2014)

More from Vincent Baskerville

Storytelling for product development

Vincent Baskerville

Execute a non-reactionary UX strategy

Vincent Baskerville

Presentation for the Connect JS conference in Atlanta, GA ---- Small UX teams have unique challenges, however knowing what those are only part of the battle — how you then deal with having fewer resources and possibly feeling creative isolation, or worse organizational ignorance and/or hostility is the fun part. This presentation will explore some real life team situations that small teams and solo UX practitioners work in, walk you through a UX Strategy canvas thats small and agile enough to not feel like you're bringing 'process in for process sake', but powerful enough to actually track, measure and learn how to continuing building great products. The goal of this talk is to arm every attendee with better tools and knowledge by creating a personalized plan for their UX practice. This is less about generating design artifacts, and instead focused on ensuring the problems, assumptions and success criteria have been outlined that would then lead feed into how the designs would be created & iterated on.

Create + execute a non-reactionary UX strategy

Vincent Baskerville

Vince Baskerville, a senior UX expert at Salesforce, presented on how to create and execute a non-reactionary UX strategy. The presentation covered defining problems and assumptions, identifying high-level components like vision and themes, determining success metrics, clarifying scope, and preparing for presentations using a UX Strategy Canvas. The goal is to focus on user problems and needs to iteratively design great products, even without proper resources, by articulating a clear strategic plan and working approach.

UXD lesson 1 - Intro To UX

Vincent Baskerville

This document provides an introduction to user experience (UX) design. It begins with learning objectives and an agenda. It then defines what UX is, explaining that UX focuses on the entire experience a user has with a product rather than just the interface. The document outlines common UX roles and responsibilities and describes stages in the UX design process from discovery to delivery. It provides examples of deliverables at each stage like personas, user flows, and wireframes.

Designing for engagement

Vincent Baskerville

This is my slide deck for my talk at Digital Atlanta 2012: http://digitalatlanta.org Many companies can trick and persuade users to sign-up for their product — which is usually true for every product with a free trial; however, most people will only use the product a few times and forget about it. *Customers* are the result of a series of events. Building systems with interactions that is capable of sustaining a user’s attention both to other users and the locality of its use, requires the consideration of a strong UX strategy. This presentation will give a few insights and tactics on ways to help increase your user engagement and create brand ambassadors.

Semantics, less and sarcasm

Vincent Baskerville

In brief, in this presentation at That Conference I tried to illustrates why you should be using LESS in your current & future projects, an overview of it's features and make you a pro :D CSS is an amazing language that keeps evolving and incorporating more and more awesome features; however, utilizing LESS will extend CSS with dynamic behavior like variables, mixins, operations and functions thus adding even more *awesomeness* to this language and smoothing out your workflow. If you missed my presentation, still give it a shot, the *variables* alone will make it worth while!

Semantics, LESS and Sarcasm

Vincent Baskerville

CSS is an amazing language that keeps evolving and incorporating more and more awesome features; however, utilizing LESS will extend CSS with dynamic behavior like variables, mixins, operations and functions thus adding even more *awesomeness* to this language and smoothing out your workflow. This presentation will take you through utilizing web frameworks like Bootstrap, Boilerplate in your development process and dig into some advanced CSS usage via LESS. In brief, I'll show you why you should be using LESS in your current & future projects, an overview of it's features, make you a pro and show you how to use it with other frameworks.

Anarchist guide to titanium ui

Vincent Baskerville

Productizing yourself

Vincent Baskerville

More from Vincent Baskerville (9)

Storytelling for product development

Execute a non-reactionary UX strategy

Create + execute a non-reactionary UX strategy

UXD lesson 1 - Intro To UX

Designing for engagement

Semantics, less and sarcasm

Semantics, LESS and Sarcasm

Anarchist guide to titanium ui

Productizing yourself

Recently uploaded

Why do You Have to Redesign?_Redesign Challenge Day 1

FellyciaHikmahwarani

How to Avoid Learning the Linux-Kernel Memory Model

ScyllaDB

The Linux-kernel memory model (LKMM) is a powerful tool for developing highly concurrent Linux-kernel code, but it also has a steep learning curve. Wouldn't it be great to get most of LKMM's benefits without the learning curve? This talk will describe how to do exactly that by using the standard Linux-kernel APIs (locking, reference counting, RCU) along with a simple rules of thumb, thus gaining most of LKMM's power with less learning. And the full LKMM is always there when you need it!

Details of description part II: Describing images in practice - Tech Forum 2024

BookNet Canada

This presentation explores the practical application of image description techniques. Familiar guidelines will be demonstrated in practice, and descriptions will be developed “live”! If you have learned a lot about the theory of image description techniques but want to feel more confident putting them into practice, this is the presentation for you. There will be useful, actionable information for everyone, whether you are working with authors, colleagues, alone, or leveraging AI as a collaborator. Link to presentation recording and transcript: https://bnctechforum.ca/sessions/details-of-description-part-ii-describing-images-in-practice/ Presented by BookNet Canada on June 25, 2024, with support from the Department of Canadian Heritage.

@Call @Girls Pune 0000000000 Riya Khan Beautiful Girl any Time

amitchopra0215

Observability For You and Me with OpenTelemetry

Eric D. Schabell

Are you interested in dipping your toes in the cloud native observability waters, but as an engineer you are not sure where to get started with tracing problems through your microservices and application landscapes on Kubernetes? Then this is the session for you, where we take you on your first steps in an active open-source project that offers a buffet of languages, challenges, and opportunities for getting started with telemetry data. The project is called openTelemetry, but before diving into the specifics, we’ll start with de-mystifying key concepts and terms such as observability, telemetry, instrumentation, cardinality, percentile to lay a foundation. After understanding the nuts and bolts of observability and distributed traces, we’ll explore the openTelemetry community; its Special Interest Groups (SIGs), repositories, and how to become not only an end-user, but possibly a contributor.We will wrap up with an overview of the components in this project, such as the Collector, the OpenTelemetry protocol (OTLP), its APIs, and its SDKs. Attendees will leave with an understanding of key observability concepts, become grounded in distributed tracing terminology, be aware of the components of openTelemetry, and know how to take their first steps to an open-source contribution! Key Takeaways: Open source, vendor neutral instrumentation is an exciting new reality as the industry standardizes on openTelemetry for observability. OpenTelemetry is on a mission to enable effective observability by making high-quality, portable telemetry ubiquitous. The world of observability and monitoring today has a steep learning curve and in order to achieve ubiquity, the project would benefit from growing our contributor community.

Hire a private investigator to get cell phone records

HackersList

Data Protection in a Connected World: Sovereignty and Cyber Security

anupriti

DealBook of Ukraine: 2024 edition

Yevgen Sysoyev

Scaling Connections in PostgreSQL Postgres Bangalore(PGBLR) Meetup-2 - Mydbops

Mydbops

This presentation, delivered at the Postgres Bangalore (PGBLR) Meetup-2 on June 29th, 2024, dives deep into connection pooling for PostgreSQL databases. Aakash M, a PostgreSQL Tech Lead at Mydbops, explores the challenges of managing numerous connections and explains how connection pooling optimizes performance and resource utilization. Key Takeaways: * Understand why connection pooling is essential for high-traffic applications * Explore various connection poolers available for PostgreSQL, including pgbouncer * Learn the configuration options and functionalities of pgbouncer * Discover best practices for monitoring and troubleshooting connection pooling setups * Gain insights into real-world use cases and considerations for production environments This presentation is ideal for: * Database administrators (DBAs) * Developers working with PostgreSQL * DevOps engineers * Anyone interested in optimizing PostgreSQL performance Contact info@mydbops.com for PostgreSQL Managed, Consulting and Remote DBA Services

Fluttercon 2024: Showing that you care about security - OpenSSF Scorecards fo...

Chris Swan

Have you noticed the OpenSSF Scorecard badges on the official Dart and Flutter repos? It's Google's way of showing that they care about security. Practices such as pinning dependencies, branch protection, required reviews, continuous integration tests etc. are measured to provide a score and accompanying badge. You can do the same for your projects, and this presentation will show you how, with an emphasis on the unique challenges that come up when working with Dart and Flutter. The session will provide a walkthrough of the steps involved in securing a first repository, and then what it takes to repeat that process across an organization with multiple repos. It will also look at the ongoing maintenance involved once scorecards have been implemented, and how aspects of that maintenance can be better automated to minimize toil.

How RPA Help in the Transportation and Logistics Industry.pptx

SynapseIndia

Blockchain and Cyber Defense Strategies in new genre times

anupriti

Explore robust defense strategies at the intersection of blockchain technology and cybersecurity. This presentation delves into proactive measures and innovative approaches to safeguarding blockchain networks against evolving cyber threats. Discover how secure blockchain implementations can enhance resilience, protect data integrity, and ensure trust in digital transactions. Gain insights into cutting-edge security protocols and best practices essential for mitigating risks in the blockchain ecosystem.

Performance Budgets for the Real World by Tammy Everts

ScyllaDB

Performance budgets have been around for more than ten years. Over those years, we’ve learned a lot about what works, what doesn’t, and what we need to improve. In this session, Tammy revisits old assumptions about performance budgets and offers some new best practices. Topics include: • Understanding performance budgets vs. performance goals • Aligning budgets with user experience • Pros and cons of Core Web Vitals • How to stay on top of your budgets to fight regressions

Implementations of Fused Deposition Modeling in real world

Emerging Tech

The presentation showcases the diverse real-world applications of Fused Deposition Modeling (FDM) across multiple industries: 1. **Manufacturing**: FDM is utilized in manufacturing for rapid prototyping, creating custom tools and fixtures, and producing functional end-use parts. Companies leverage its cost-effectiveness and flexibility to streamline production processes. 2. **Medical**: In the medical field, FDM is used to create patient-specific anatomical models, surgical guides, and prosthetics. Its ability to produce precise and biocompatible parts supports advancements in personalized healthcare solutions. 3. **Education**: FDM plays a crucial role in education by enabling students to learn about design and engineering through hands-on 3D printing projects. It promotes innovation and practical skill development in STEM disciplines. 4. **Science**: Researchers use FDM to prototype equipment for scientific experiments, build custom laboratory tools, and create models for visualization and testing purposes. It facilitates rapid iteration and customization in scientific endeavors. 5. **Automotive**: Automotive manufacturers employ FDM for prototyping vehicle components, tooling for assembly lines, and customized parts. It speeds up the design validation process and enhances efficiency in automotive engineering. 6. **Consumer Electronics**: FDM is utilized in consumer electronics for designing and prototyping product enclosures, casings, and internal components. It enables rapid iteration and customization to meet evolving consumer demands. 7. **Robotics**: Robotics engineers leverage FDM to prototype robot parts, create lightweight and durable components, and customize robot designs for specific applications. It supports innovation and optimization in robotic systems. 8. **Aerospace**: In aerospace, FDM is used to manufacture lightweight parts, complex geometries, and prototypes of aircraft components. It contributes to cost reduction, faster production cycles, and weight savings in aerospace engineering. 9. **Architecture**: Architects utilize FDM for creating detailed architectural models, prototypes of building components, and intricate designs. It aids in visualizing concepts, testing structural integrity, and communicating design ideas effectively. Each industry example demonstrates how FDM enhances innovation, accelerates product development, and addresses specific challenges through advanced manufacturing capabilities.

STKI Israeli Market Study 2024 final v1

Dr. Jimmy Schwarzkopf

Interaction Latency: Square's User-Centric Mobile Performance Metric

ScyllaDB

Mobile performance metrics often take inspiration from the backend world and measure resource usage (CPU usage, memory usage, etc) and workload durations (how long a piece of code takes to run). However, mobile apps are used by humans and the app performance directly impacts their experience, so we should primarily track user-centric mobile performance metrics. Following the lead of tech giants, the mobile industry at large is now adopting the tracking of app launch time and smoothness (jank during motion). At Square, our customers spend most of their time in the app long after it's launched, and they don't scroll much, so app launch time and smoothness aren't critical metrics. What should we track instead? This talk will introduce you to Interaction Latency, a user-centric mobile performance metric inspired from the Web Vital metric Interaction to Next Paint"" (web.dev/inp). We'll go over why apps need to track this, how to properly implement its tracking (it's tricky!), how to aggregate this metric and what thresholds you should target.

Navigating Post-Quantum Blockchain: Resilient Cryptography in Quantum Threats

anupriti

In the rapidly evolving landscape of blockchain technology, the advent of quantum computing poses unprecedented challenges to traditional cryptographic methods. As quantum computing capabilities advance, the vulnerabilities of current cryptographic standards become increasingly apparent. This presentation, "Navigating Post-Quantum Blockchain: Resilient Cryptography in Quantum Threats," explores the intersection of blockchain technology and quantum computing. It delves into the urgent need for resilient cryptographic solutions that can withstand the computational power of quantum adversaries. Key topics covered include: An overview of quantum computing and its implications for blockchain security. Current cryptographic standards and their vulnerabilities in the face of quantum threats. Emerging post-quantum cryptographic algorithms and their applicability to blockchain systems. Case studies and real-world implications of quantum-resistant blockchain implementations. Strategies for integrating post-quantum cryptography into existing blockchain frameworks. Join us as we navigate the complexities of securing blockchain networks in a quantum-enabled future. Gain insights into the latest advancements and best practices for safeguarding data integrity and privacy in the era of quantum threats.

一比一原版(msvu毕业证书）圣文森山大学毕业证如何办理

uuuot

原版一模一样【微信：741003700 】【(msvu毕业证书）圣文森山大学毕业证成绩单】【微信：741003700 】学位证，留信学历认证（真实可查，永久存档）原件一模一样纸张工艺/offer、在读证明、外壳等材料/诚信可靠,可直接看成品样本，帮您解决无法毕业带来的各种难题！外壳，原版制作，诚信可靠，可直接看成品样本。行业标杆！精益求精，诚心合作，真诚制作！多年品质 ,按需精细制作，24小时接单,全套进口原装设备。十五年致力于帮助留学生解决难题，包您满意。本公司拥有海外各大学样板无数，能完美还原。 1:1完美还原海外各大学毕业材料上的工艺：水印，阴影底纹，钢印LOGO烫金烫银，LOGO烫金烫银复合重叠。文字图案浮雕、激光镭射、紫外荧光、温感、复印防伪等防伪工艺。材料咨询办理、认证咨询办理请加学历顾问Q/微741003700 【主营项目】一.毕业证【q微741003700】成绩单、使馆认证、教育部认证、雅思托福成绩单、学生卡等！二.真实使馆公证(即留学回国人员证明,不成功不收费) 三.真实教育部学历学位认证（教育部存档！教育部留服网站永久可查）四.办理各国各大学文凭(一对一专业服务,可全程监控跟踪进度) 如果您处于以下几种情况： ◇在校期间，因各种原因未能顺利毕业……拿不到官方毕业证【q/微741003700】 ◇面对父母的压力，希望尽快拿到； ◇不清楚认证流程以及材料该如何准备； ◇回国时间很长，忘记办理； ◇回国马上就要找工作，办给用人单位看； ◇企事业单位必须要求办理的 ◇需要报考公务员、购买免税车、落转户口 ◇申请留学生创业基金留信网认证的作用: 1:该专业认证可证明留学生真实身份 2:同时对留学生所学专业登记给予评定 3:国家专业人才认证中心颁发入库证书 4:这个认证书并且可以归档倒地方 5:凡事获得留信网入网的信息将会逐步更新到个人身份内，将在公安局网内查询个人身份证信息后，同步读取人才网入库信息 6:个人职称评审加20分 7:个人信誉贷款加10分 8:在国家人才网主办的国家网络招聘大会中纳入资料，供国家高端企业选择人才办理(msvu毕业证书）圣文森山大学毕业证【微信：741003700 】外观非常简单，由纸质材料制成，上面印有校徽、校名、毕业生姓名、专业等信息。办理(msvu毕业证书）圣文森山大学毕业证【微信：741003700 】格式相对统一，各专业都有相应的模板。通常包括以下部分：校徽：象征着学校的荣誉和传承。校名:学校英文全称授予学位：本部分将注明获得的具体学位名称。毕业生姓名：这是最重要的信息之一，标志着该证书是由特定人员获得的。颁发日期：这是毕业正式生效的时间，也代表着毕业生学业的结束。其他信息：根据不同的专业和学位，可能会有一些特定的信息或章节。办理(msvu毕业证书）圣文森山大学毕业证【微信：741003700 】价值很高，需要妥善保管。一般来说，应放置在安全、干燥、防潮的地方，避免长时间暴露在阳光下。如需使用，最好使用复印件而不是原件，以免丢失。综上所述，办理(msvu毕业证书）圣文森山大学毕业证【微信：741003700 】是证明身份和学历的高价值文件。外观简单庄重，格式统一，包括重要的个人信息和发布日期。对持有人来说，妥善保管是非常重要的。

Paradigm Shifts in User Modeling: A Journey from Historical Foundations to Em...

Erasmo Purificato

UiPath Community Day Kraków: Devs4Devs Conference

UiPathCommunity

We are honored to launch and host this event for our UiPath Polish Community, with the help of our partners - Proservartner! We certainly hope we have managed to spike your interest in the subjects to be presented and the incredible networking opportunities at hand, too! Check out our proposed agenda below 👇👇 08:30 ☕ Welcome coffee (30') 09:00 Opening note/ Intro to UiPath Community (10') Cristina Vidu, Global Manager, Marketing Community @UiPath Dawid Kot, Digital Transformation Lead @Proservartner 09:10 Cloud migration - Proservartner & DOVISTA case study (30') Marcin Drozdowski, Automation CoE Manager @DOVISTA Pawel Kamiński, RPA developer @DOVISTA Mikolaj Zielinski, UiPath MVP, Senior Solutions Engineer @Proservartner 09:40 From bottlenecks to breakthroughs: Citizen Development in action (25') Pawel Poplawski, Director, Improvement and Automation @McCormick & Company Michał Cieślak, Senior Manager, Automation Programs @McCormick & Company 10:05 Next-level bots: API integration in UiPath Studio (30') Mikolaj Zielinski, UiPath MVP, Senior Solutions Engineer @Proservartner 10:35 ☕ Coffee Break (15') 10:50 Document Understanding with my RPA Companion (45') Ewa Gruszka, Enterprise Sales Specialist, AI & ML @UiPath 11:35 Power up your Robots: GenAI and GPT in REFramework (45') Krzysztof Karaszewski, Global RPA Product Manager 12:20 🍕 Lunch Break (1hr) 13:20 From Concept to Quality: UiPath Test Suite for AI-powered Knowledge Bots (30') Kamil Miśko, UiPath MVP, Senior RPA Developer @Zurich Insurance 13:50 Communications Mining - focus on AI capabilities (30') Thomasz Wierzbicki, Business Analyst @Office Samurai 14:20 Polish MVP panel: Insights on MVP award achievements and career profiling

Recently uploaded (20)

Why do You Have to Redesign?_Redesign Challenge Day 1

How to Avoid Learning the Linux-Kernel Memory Model

Details of description part II: Describing images in practice - Tech Forum 2024

@Call @Girls Pune 0000000000 Riya Khan Beautiful Girl any Time

Observability For You and Me with OpenTelemetry

Hire a private investigator to get cell phone records

Data Protection in a Connected World: Sovereignty and Cyber Security

DealBook of Ukraine: 2024 edition

Scaling Connections in PostgreSQL Postgres Bangalore(PGBLR) Meetup-2 - Mydbops

Fluttercon 2024: Showing that you care about security - OpenSSF Scorecards fo...

How RPA Help in the Transportation and Logistics Industry.pptx

Blockchain and Cyber Defense Strategies in new genre times

Performance Budgets for the Real World by Tammy Everts

Implementations of Fused Deposition Modeling in real world

STKI Israeli Market Study 2024 final v1

Interaction Latency: Square's User-Centric Mobile Performance Metric

Navigating Post-Quantum Blockchain: Resilient Cryptography in Quantum Threats

一比一原版(msvu毕业证书）圣文森山大学毕业证如何办理

Paradigm Shifts in User Modeling: A Journey from Historical Foundations to Em...

UiPath Community Day Kraków: Devs4Devs Conference

Mobile UX Prototyping & Storytelling

1. mobile ux workshop

2. MOBILE UX PROTOTYPING & STORYTELLING Presentation & Workshop by: Vince Baskerville | VP of Product TripLingo

3. THANK YOU SPONSORS VINCENT BASKERVILLE | VP of PRODUCT

4. VINCENT BASKERVILLE | VP of PRODUCT

5. 10 SIMPLE MOBILE PRINCIPLES VINCENT BASKERVILLE | VP of PRODUCT

6. CREATE A VISUAL HIERARCHY THAT MATCHES USERS NEEDS VINCENT BASKERVILLE | VP of PRODUCT

7. WEIGHT BALANCE VINCENT BASKERVILLE | VP of PRODUCT

8. THUMB OR FINGER RULE VINCENT BASKERVILLE | VP of PRODUCT

9. EASILY NAVIGABLE VINCENT BASKERVILLE | VP of PRODUCT

10. LIMIT DISTRACTIONS VINCENT BASKERVILLE | VP of PRODUCT

11. USE APPROPRIATE DEFAULTS VINCENT BASKERVILLE | VP of PRODUCT

12. MAKE ACTIONS REVERSIBLE VINCENT BASKERVILLE | VP of PRODUCT

13. BE CONSISTENT VINCENT BASKERVILLE | VP of PRODUCT

14. DON’T BE AFRAID TO SHOW SOME EMOTION VINCENT BASKERVILLE | VP of PRODUCT

15. AVOID JARGON VINCENT BASKERVILLE | VP of PRODUCT

16. RECAP 1. Create a visual hierarchy 6. Use appropriate defaults that matches users needs 7. Make actions reversible 2. Weight balance 8. Be consistent 3. Thumb or ﬁnger rule? 9. Don’t be afraid to show - don’t forget fat ﬁngers some emotion 4. Easily navigable 10. Avoid jargon 5. Limit distractions VINCENT BASKERVILLE | VP of PRODUCT

17. •Truly understand your medium •Solve the right problem, don’t just make pretty interfaces •Try to keep things simple •but remember *Less is more* not always the answer VINCENT BASKERVILLE | VP of PRODUCT

18. SKETCH & WIREFRAME TIPS VINCENT BASKERVILLE | VP of PRODUCT

19. VERSUS VINCENT BASKERVILLE | VP of PRODUCT

20. NOT RECOMMENDED VINCENT BASKERVILLE | VP of PRODUCT

21. • Sketches aren’t the *product* • the focus isn’t instagrammable wireframes • Consider actual content • don’t get too caught up with lorem text • Focuson communication • remember the purpose of the interactions VINCENT BASKERVILLE | VP of PRODUCT

22. • Keep it fast and in short bursts • Sketches & prototypes should always be communicating those in between steps.. try not to leave anything for interpretation VINCENT BASKERVILLE | VP of PRODUCT

23. UNDERSTANDING MOBILE CONTEXT VINCENT BASKERVILLE | VP of PRODUCT

24. • Design for partial attention spans and interrupted states • We don’t just create interfaces.. remember to focus on interaction • Where will your users be? VINCENT BASKERVILLE | VP of PRODUCT

25. • Will they have gloves on? • Are they driving? • Walking and frustratingly looking for something? • Relaxed, sipping on a latte? VINCENT BASKERVILLE | VP of PRODUCT

26. SKETCH TIME VINCENT BASKERVILLE | VP of PRODUCT

27. BE RUTHLESS & BRAVE EDIT.. EDIT.. EDIT.. EDIT VINCENT BASKERVILLE | VP of PRODUCT

28. PROTOTYPING VINCENT BASKERVILLE | VP of PRODUCT

29. • Hi or lo ﬁdelity? • Prototyping reduces misinterpretation • in comparison to detailed requirement docs • Remember to set expectations VINCENT BASKERVILLE | VP of PRODUCT

30. • Eventually saves time, money & overall effort • Helpsto create a constant feedback loop, which helps produce a better product • Thisisn’t a means to an end, but wrather it is to help better articulate ‘show & tell’ VINCENT BASKERVILLE | VP of PRODUCT

31. iterative feedback loop VINCENT BASKERVILLE | VP of PRODUCT

32. VINCENT BASKERVILLE | VP of PRODUCT

33. WHY PROTOTYPE? VINCENT BASKERVILLE | VP of PRODUCT

34. • It’ll help you improve design making decision • Communicate your ideas better & get buy-in from your team / client easily • Gather proper user feedback • Explore unknowns • Further reﬁne concepts VINCENT BASKERVILLE | VP of PRODUCT

35. • Multiple ways to prototype your product • paper • power point / keynote • balsamiq • axure • adobe photoshop / ﬁreworks / ﬂash • html / js • etc... VINCENT BASKERVILLE | VP of PRODUCT

36. STORYTELLING VINCENT BASKERVILLE | VP of PRODUCT

37. The goal of sketches & prototypes is to convince yourself & others VINCENT BASKERVILLE | VP of PRODUCT

38. • Telling stories: • helps put a ‘face’ on data • helps paint in missing details from sketches & prototypes • helps encourage collaboration & innovation VINCENT BASKERVILLE | VP of PRODUCT

39. Stories turn proﬁle information into a persona; with this information we can better design a solution for this & other similar user needs VINCENT BASKERVILLE | VP of PRODUCT

40. • Stories can illustrate problems & ‘pain points’ that wasn’t discovered through sketching prototypes VINCENT BASKERVILLE | VP of PRODUCT

41. INSTRUCTIONS / PEE BREAK VINCENT BASKERVILLE | VP of PRODUCT

42. WRAP UP VINCENT BASKERVILLE | VP of PRODUCT

43. THANK YOU SPONSORS VINCENT BASKERVILLE | VP of PRODUCT

44. AU REVOIR VINCE BASKERVILLE @WHOISVINCE VINCE@TRIPLINGO.COM VINCENT BASKERVILLE | VP of PRODUCT

Mobile UX Prototyping & Storytelling

More Related Content

Viewers also liked

Viewers also liked (20)

Similar to Mobile UX Prototyping & Storytelling

Similar to Mobile UX Prototyping & Storytelling (20)

More from Vincent Baskerville

More from Vincent Baskerville (9)

Recently uploaded

Recently uploaded (20)

Mobile UX Prototyping & Storytelling