Embed Size (px)
Citation preview
Ben Kopf
User Experience Designer - Slide Portfolio
2016
Email: [email protected] Cell Phone: 607-227-0604www.benuxa.com
Company Biography
● Promethean User Experience Designer 2013-present● 20Buttons Founder/Designer 2012-present● IBM Sr. User Interaction Designer 2010-2013● Spinthought Founder/App Designer 2009-2012● Autodesk Sr. User Interaction Designer 1997-2009● Aimtech User Interface Designer 1988-1997
Ben Kopf
My Skills
● Works well across teams and personality types● Create new and unique approaches to old problems● Strong wireframing, prototyping, and workflow skills● Advanced to expert level user of most design software● Usability testing and customer facing situations● Tweak processes where needed and recommend tools● Goal oriented and doesn’t get distracted or stressed● Familiar with existing and new technologies
Ben Kopf
classflow.com
Problem Statement
Promethean
Challenges
● Existing product is too complex● No scalable revenue model● Dated looking app and not web based
● Must delight existing user base● Modular responsive design essential● Support multiple form factors
classflow.com
Goals
● Deliver full-featured app for teachers by Fall 2014● Simplify lesson building, assessment, and delivery● Offer lesson delivery via large and small devices● Create a familiar user interface metaphor● Concurrently create style guide
Promethean
Process Promethean
● Agile environment using Scrum methodology● UXD integrated with sprint zero approach● Daily standups and desk meetings● Skype group per feature assisted communication● Google docs used heavily for collaborative effort● JIRA and Confluence used for ticketing and tracking
Discover Concept Wireframe Prototype Speclet
Concept Work classflow.com
Paper Sketching
Whiteboard Work
Wireframe Work classflow.com
Balsamiq Mockups
UXPin
Hi-Fi Work ClassFlow.com
OmniGraffle
Illustrator
Involvement ClassFlow.com
● Created concepts and wireframes for key features● Full ownership for each feature● Created all deliverables:
○ Sketches, mockups, prototypes, and speclets● Present designs during sprint planning● Frequent UXD team critique sessions ● Helped team adjust workflow and design process● Help QA during intensive sessions after each sprint
How Did We Do It?
● Used “slide show” layout to create a familiar UI● Determined what tools are essential● Kept the tool set at a bare minimum● Used responsive design for various form factors● Kept the design consistent with style guide● Consider scalability (dozens become thousands)● Consider 3rd party integration● Review feedback via integral support community
classflow.com
Results and Final Product classflow.com
www.classflow.com
ClassFlow Web Clipper
ClassFlow Web App
Knowledge Center
Problem Statement
● No single place to search for documents● No responsive design to handle form factors ● Current support portal too complex
IBM
Challenges
● Divisions produce own formats● Create simple but intelligent filtering● Support multiple form factors
Knowledge Center
Goals
● Create one-stop shop for all customers● Provide a place for storing documents● Deliver new folder tree and filter design:
○ Type-ahead AI from Watson● Make UI as “Google-like” as possible● Design smart-phone interface to portal
IBM
Process IBM
● Waterfall environment transitioning to Agile● Wireframe UI delivered to visual designer● Visual designs delivered to Chinese dev team● Daily meeting to check on progress● Used in-house software to track issues and defects
Discover Concept Wireframe Full Specification
Concept Work Knowledge Center
Wireframes
Whiteboard Work
Involvement Knowledge Center
● Created design used as basis for portal● Wireframmer for entire design● Explain workflow and UX to stakeholders● Write final design specifications● Help test and tweak as iterations evolved● Created design used for mobile app
How Did We Do It?
● Hours of whiteboarding to create big data display in a minimalist interface
● Wireframe iterations and critiques created essential feature set
● Regular usability testing for direct feedback ● Work hand-in-hand with search team● Excellent support from upper-management
Knowledge Center
Results and Final Product Knowledge Center
www.knowledgecenter.com
Smart Filtering
My Collections
AudioBoard
Problem Statement● Older app used outdated skeuomorphic UI ● Inflexible architecture road-blocked scalability● Workflow muddied due to feature additions● Needed a fresh app for a new company brand
20Buttons
Challenges● Existing user base and existing sound boards● Flat UI was brand new to the design community● How to provide a scalable user interface that performed● Time and resources
AudioBoard
Goals
● Deliver flat UI and maintain familiar layout/workflow● Make it fast to set up and fast to perform● Make it easy to use existing sounds
○ Dropbox support○ Playlist support
● Get the “essential app” award for app category
20Buttons
Process 20Buttons
● Just in time spec delivery in 2 person shop● Constant feedback loop with customers● Daily meetings to discuss features● Skype used for desk to desk communication● Blueprint iPad app, Balsamiq mockup, and Axure used● Kanban used for project management
Feedback Wireframe Prototype Speclet
Wireframe & Style Guide AudioBoard
Wireframes
Style Guide
Prototype Work AudioBoard
Blueprint iOS App
Axure Pro
Involvement
● Invented the concept, formulated design● Workflow, wireframes, visual design, prototypes● iOS Developer Portal work and distribution● Usability and focus groups● Marketing, promotion, and customer support● App submission and app store front creation● All other aspects of the business
AudioBoard
How Did We Do It?
● Focused on limited feature set for release 1● Constant iteration between design and development ● Heavy use of prototyping tools● Regular customer feedback requests● Experience from previous similar app● Hours and hours of weekend work
AudioBoard
Results and Final Product AudioBoard
www.audioboardapp.com
UserVoice Forum
AudioBoard for iOS Manula Online
In Summary
● Expert level user experience design in any environment● Team cohesion with humor and lighthearted interaction● A way to take problems and make solutions● Expertise with a wide variety of design tools● A ‘learn from everyone’ attitude to promote shared knowledge● Whatever it takes to get a job done well and on time
Ben Kopf - UXD
What Can I Provide?
Resources
● www.benjaminkopf.com Personal portfolio website● www.classflow.com Promethean work● www.knowledgecenter.com IBM work● www.audioboardapp.com AudioBoard site
Ben Kopf - User Experience Designer
Email: [email protected] Cell Phone: 607-227-0604
Thank You for your consideration!
