Introduction to Building Wireframes - Part 2

•

6 gefällt mir•1,678 views

lomalogue

Technologie

Last time on Introduction to
Building Wireframes...

• What is a wireframe? • Software tools

• Why make wireframes? • Stencils libraries

• Sketching • Code wireframes

• User centered design • How to test wireframes
and gathering feedback
• Features and scenarios
• Iterative design
• Site maps

• Paper prototyping

Wireframe fidelity

Low High
Sketching Paper Mock up Code
Prototype Software Prototype

Demo –
Creating my favourite places site in Balsamiq

MockupsToGo
https://mockupstogo.mybalsamiq.com/

Twitter Bootstrap
http://twitter.github.com/bootstrap/

Zurb Foundation
http://foundation.zurb.com/

Getting your boss or
clients to let you do
wireframes

UserTesting.com
http://www.usertesting.com/

Google Analytics
Content Experiments
R.I.P. Google Web Optimizer

Thanks!

Rik Lomas, Lomalogue Ltd
@riklomas
rik@lomalogue.com

Weitere ähnliche Inhalte

Ähnlich wie Introduction to Building Wireframes - Part 2

Corona sdk intro

Prayoch Rujira

Design Prototyping: Bringing Wireframes to Life

goodfriday

Client Side Performance for Back End Developers - Camb Expert Talks, Nov 2016

Bart Read

SIDE provides a set of tools that enable the developers to customize Alfresco very easily. From a single data model, we will show you forms, views and complex objects (automatically generated) that can be combined in a matter of minutes to build a fully functional prototype. We will show you direct dashboard customization by the user through the use of views and charts generated by SIDE from a single data model. SIDE is available in open source.

PLAT-20 Building Alfresco Prototypes in a Few Hours

Alfresco Software

Wireframing with Your Team in Mind (Susana Esparza & Jason Kolaitis & Jennife...

uxpa-dc

Hiring the right developer for your startup can be wearying. In this bitesized Garage Academy session, Ben Cheng, CEO of Oursky will provide you with all the tips for hiring your first developer -- from app development team structure to recruitment to management. About the speaker: Ben Cheng is the CEO of Oursky, a Hong Kong-based app dev studio that helps entrepreneurs and startups turn their ideas into reality. He has driven the company’s vision, strategy, and growth since its inception in 2008, and grown the technology-driven team from 3 to over 40 in Hong Kong and Taipei. ABOUT OURSKY: Founded in 2008, Oursky has developed web & mobile apps for startups and enterprises such as ASOS and Thomson Reuters. In 2015, 60% of Oursky's published iOS apps were featured in Apple's App Store and one was selected as a Best of 2013 App.

A guide to hiring a great developer to build your first app (redacted version)

Oursky

Sebastian Dunkel, Autodesk Cloud based web applications running in the browser have fundamental advantages over their desktop based siblings: They run on any device and are not tied to a certain operating system. The transition to web applications can solve many of the deployment problems and facilitates effortless real-time collaboration in a connected world. However, implementing rich browser applications is challenging. Besides general technical limitations, leveraging existing technology is far from trivial. In this presentation we will discuss these and other challenges based on selected browser-based applications developed at Autodesk. Moreover, we will show how Forge technology can help to accelerate application development and improve the development experience.

Forge - DevCon 2016: Implementing Rich Applications in the Browser

Autodesk

Join Mightybytes Experience Director Amber Vasquez for a workshop explaining the basics of wireframing. You'll gain a basic understanding of the tools and techniques you'll need to incorporate wireframing into your everyday design work. And you'll get a complimentary UX sketchbook to work with! This workshop is recommended for design professionals looking to integrate wireframing into their process, or anyone strengthening their full-stack design skills.

Wireframing Basics - UX and the Design Process by Amber Vasquez

Mightybytes

This webinar discusses technology frameworks recommended approach for building Single Page web applications. In this Webinar, we will explore what goes into building a Single Page Application and the ecosystem around it. We will be looking at different aspects of Single Page Applications and how they fit together. Read more at https://www.synerzip.com/webinar/building-single-page-applications-know-the-ecosystem-webinar-february-2014/

Single Page Applications – Know The Ecosystem system

Synerzip

Kamaelia Europython Tutorial

kamaelian

Getting started with Vue.js - CodeMash 2020

Burton Smith

Mini training- Scenario Driven Design

Betclic Everest Group Tech Team

2012-09-24 Workshop: Wireframe mockups

Baltimore Lean Startup

Choosing a JavaScript Framework

Tim Rayburn

[Pinto] Is my SharePoint Development team properly enlighted?

European Collaboration Summit

Prototyping for responsive web design

mrscammels

Wireframes: Choose the Right Tool for the Job

Catharine Robertson

In this session, we will look at how Apache Flink can be used to stream anonymized API request and response data from a production environment to make sure staging environments are up-to-date and reflect the most recent features (and bugs) that comprise a service. The talk will also examine how to deal with issues of data retention, throttling, and persistence, finishing with recommendations for how to use these sandbox environments to rapidly prototype and test new features and fixes.

Virtual Flink Forward 2020: How Streaming Helps Your Staging Environment and ...

Flink Forward

2022 COMP4010 Lecture 6: Designing AR Systems

Mark Billinghurst

During this session we will look at the art of monitoring the front-end performance of your web site or application from inception to production. We’ll start be looking at what measurable metrics are available, and how they can be used to represent performance and user experience. Moving on to looking at how we can measure and control performance throughout the development lifecycle, including a look at some of the tools available for measurement and reporting. Delivered to Paris Performance User Group - 2/11/2015

Measuring Front-End Performance - What, When and How?

Gareth Hughes

Ähnlich wie Introduction to Building Wireframes - Part 2 (20)

Corona sdk intro

Design Prototyping: Bringing Wireframes to Life

Client Side Performance for Back End Developers - Camb Expert Talks, Nov 2016

PLAT-20 Building Alfresco Prototypes in a Few Hours

Wireframing with Your Team in Mind (Susana Esparza & Jason Kolaitis & Jennife...

A guide to hiring a great developer to build your first app (redacted version)

Forge - DevCon 2016: Implementing Rich Applications in the Browser

Wireframing Basics - UX and the Design Process by Amber Vasquez

Single Page Applications – Know The Ecosystem system

Kamaelia Europython Tutorial

Getting started with Vue.js - CodeMash 2020

Mini training- Scenario Driven Design

2012-09-24 Workshop: Wireframe mockups

Choosing a JavaScript Framework

[Pinto] Is my SharePoint Development team properly enlighted?

Prototyping for responsive web design

Wireframes: Choose the Right Tool for the Job

Virtual Flink Forward 2020: How Streaming Helps Your Staging Environment and ...

2022 COMP4010 Lecture 6: Designing AR Systems

Measuring Front-End Performance - What, When and How?

Kürzlich hochgeladen

FWD Group - Insurer Innovation Award 2024

The Digital Insurer

ICT role in 21st century education and its challenges

rafiqahmad00786416

💉💊+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHABI}}+971581248768 +971581248768 Mtp-Kit (500MG) Prices » Dubai [(+971581248768**)] Abortion Pills For Sale In Dubai, UAE, Mifepristone and Misoprostol Tablets Available In Dubai, UAE CONTACT DR.Maya Whatsapp +971581248768 We Have Abortion Pills / Cytotec Tablets /Mifegest Kit Available in Dubai, Sharjah, Abudhabi, Ajman, Alain, Fujairah, Ras Al Khaimah, Umm Al Quwain, UAE, Buy cytotec in Dubai +971581248768''''Abortion Pills near me DUBAI | ABU DHABI|UAE. Price of Misoprostol, Cytotec” +971581248768' Dr.DEEM ''BUY ABORTION PILLS MIFEGEST KIT, MISOPROTONE, CYTOTEC PILLS IN DUBAI, ABU DHABI,UAE'' Contact me now via What's App…… abortion Pills Cytotec also available Oman Qatar Doha Saudi Arabia Bahrain Above all, Cytotec Abortion Pills are Available In Dubai / UAE, you will be very happy to do abortion in Dubai we are providing cytotec 200mg abortion pill in Dubai, UAE. Medication abortion offers an alternative to Surgical Abortion for women in the early weeks of pregnancy. We only offer abortion pills from 1 week-6 Months. We then advise you to use surgery if its beyond 6 months. Our Abu Dhabi, Ajman, Al Ain, Dubai, Fujairah, Ras Al Khaimah (RAK), Sharjah, Umm Al Quwain (UAQ) United Arab Emirates Abortion Clinic provides the safest and most advanced techniques for providing non-surgical, medical and surgical abortion methods for early through late second trimester, including the Abortion By Pill Procedure (RU 486, Mifeprex, Mifepristone, early options French Abortion Pill), Tamoxifen, Methotrexate and Cytotec (Misoprostol). The Abu Dhabi, United Arab Emirates Abortion Clinic performs Same Day Abortion Procedure using medications that are taken on the first day of the office visit and will cause the abortion to occur generally within 4 to 6 hours (as early as 30 minutes) for patients who are 3 to 12 weeks pregnant. When Mifepristone and Misoprostol are used, 50% of patients complete in 4 to 6 hours; 75% to 80% in 12 hours; and 90% in 24 hours. We use a regimen that allows for completion without the need for surgery 99% of the time. All advanced second trimester and late term pregnancies at our Tampa clinic (17 to 24 weeks or greater) can be completed within 24 hours or less 99% of the time without the need surgery. The procedure is completed with minimal to no complications. Our Women's Health Center located in Abu Dhabi, United Arab Emirates, uses the latest medications for medical abortions (RU-486, Mifeprex, Mifegyne, Mifepristone, early options French abortion pill), Methotrexate and Cytotec (Misoprostol). The safety standards of our Abu Dhabi, United Arab Emirates Abortion Doctors remain unparalleled. They consistently maintain the lowest complication rates throughout the nation. Our Physicians and staff are always available to answer questions and care for women in one of the most difficult times in their lives. The decision to have an abortion at the Abortion Cl

+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...

?#DUbAI#??##{{(☎️+971_581248768%)**%*]'#abortion pills for sale in dubai@

Strategies for Landing an Oracle DBA Job as a Fresher

Remote DBA Services

In this session, we will delve into strategic approaches for optimizing knowledge management within Microsoft 365, amidst the evolving landscape of Copilot. From leveraging automatic metadata classification and permission governance with SharePoint Premium, to unlocking Viva Engage for the cultivation of knowledge and communities, you will gain actionable insights to bolster your organization's knowledge-sharing initiatives. In this session, we will also explore how to facilitate solutions to enable your employees to find answers and expertise within Microsoft 365. You will leave equipped with practical techniques and a deeper understanding of how there is more to effective knowledge management than just enabling Copilot, but building actual solutions to prepare the knowledge that Copilot and your employees can use.

Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...

Drew Madelung

Created by Mozilla Research in 2012 and now part of Linux Foundation Europe, the Servo project is an experimental rendering engine written in Rust. It combines memory safety and concurrency to create an independent, modular, and embeddable rendering engine that adheres to web standards. Stewardship of Servo moved from Mozilla Research to the Linux Foundation in 2020, where its mission remains unchanged. After some slow years, in 2023 there has been renewed activity on the project, with a roadmap now focused on improving the engine’s CSS 2 conformance, exploring Android support, and making Servo a practical embeddable rendering engine. In this presentation, Rakhi Sharma reviews the status of the project, our recent developments in 2023, our collaboration with Tauri to make Servo an easy-to-use embeddable rendering engine, and our plans for the future to make Servo an alternative web rendering engine for the embedded devices industry. (c) Embedded Open Source Summit 2024 April 16-18, 2024 Seattle, Washington (US) https://events.linuxfoundation.org/embedded-open-source-summit/ https://ossna2024.sched.com/event/1aBNF/a-year-of-servo-reboot-where-are-we-now-rakhi-sharma-igalia

A Year of the Servo Reboot: Where Are We Now?

Igalia

Accelerating FinTech Innovation: Unleashing API Economy and GenAI Vasa Krishnan, Chief Technology Officer - FinResults Apidays New York 2024: The API Economy in the AI Era (April 30 & May 1, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/

Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...

apidays

Three things you will take away from the session: • How to run an effective tenant-to-tenant migration • Best practices for before, during, and after migration • Tips for using migration as a springboard to prepare for Copilot in Microsoft 365 Main ideas: Migration Overview: The presentation covers the current reality of cross-tenant migrations, the triggers, phases, best practices, and benefits of a successful tenant migration Considerations: When considering a migration, it is important to consider the migration scope, performance, customization, flexibility, user-friendly interface, automation, monitoring, support, training, scalability, data integrity, data security, cost, and licensing structure Next Wave: The next wave of change includes the launch of Copilot, which requires businesses to be prepared for upcoming changes related to Copilot and the cloud, and to consolidate data and tighten governance ShareGate: ShareGate can help with pre-migration analysis, configurable migration tool, and automated, end-user driven collaborative governance

Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff

sammart93

This presentations targets students or working professionals. You may know Google for search, YouTube, Android, Chrome, and Gmail, but did you know Google has many developer tools, platforms & APIs? This comprehensive yet still high-level overview outlines the most impactful tools for where to run your code, store & analyze your data. It will also inspire you as to what's possible. This talk is 50 minutes in length.

Powerful Google developer tools for immediate impact! (2023-24 C)

wesley chun

AWS Community Day CPH - Three problems of Terraform

Andrey Devyatkin

ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke

Product Anonymous

Sidekick Solutions uses Bonterra Impact Management (fka Social Solutions Apricot) and automation solutions to integrate data for business workflows. We believe integration and automation are essential to user experience and the promise of efficient work through technology. Automation is the critical ingredient to realizing that full vision. We develop integration products and services for Bonterra Case Management software to support the deployment of automations for a variety of use cases. This video focuses on the deployment of external web forms using Jotform for Bonterra Impact Management. This solution can be customized to your organization’s needs and deployed to support the common use cases below: - Intake and consent - Assessments - Surveys - Applications - Program registration Interested in deploying web form automations for Bonterra Impact Management? Contact us at sales@sidekicksolutionsllc.com to discuss next steps.

Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...

Jeffrey Haguewood

Scaling API-first – The story of a global engineering organization Ian Reasor, Senior Computer Scientist - Adobe Radu Cotescu, Senior Computer Scientist - Adobe Apidays New York 2024: The API Economy in the AI Era (April 30 & May 1, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/

Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe

apidays

Automating Google Workspace (GWS) & more with Apps Script

wesley chun

2024: Domino Containers - The Next Step. News from the Domino Container commu...

Martijn de Jong

presentation ICT roal in 21st century education

jfdjdjcjdnsjd

The value of a flexible API Management solution for Open Banking Steve Melan, Manager for IT Innovation and Architecture - State's and Saving's Bank of Luxembourg Apidays New York 2024: The API Economy in the AI Era (April 30 & May 1, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/

Apidays New York 2024 - The value of a flexible API Management solution for O...

apidays

Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...

Zilliz

Data Cloud, More than a CDP by Matt Robison

Anna Loughnan Colquhoun

Following the popularity of "Cloud Revolution: Exploring the New Wave of Serverless Spatial Data," we're thrilled to announce this much-anticipated encore webinar. In this sequel, we'll dive deeper into the Cloud-Native realm by uncovering practical applications and FME support for these new formats, including COGs, COPC, FlatGeoBuf, GeoParquet, STAC, and ZARR. Building on the foundation laid by industry leaders Michelle Roby of Radiant Earth and Chris Holmes of Planet in the first webinar, this second part offers an in-depth look at the real-world application and behind-the-scenes dynamics of these cutting-edge formats. We will spotlight specific use-cases and workflows, showcasing their efficiency and relevance in practical scenarios. Discover the vast possibilities each format holds, highlighted through detailed discussions and demonstrations. Our expert speakers will dissect the key aspects and provide critical takeaways for effective use, ensuring attendees leave with a thorough understanding of how to apply these formats in their own projects. Elevate your understanding of how FME supports these cutting-edge technologies, enhancing your ability to manage, share, and analyze spatial data. Whether you're building on knowledge from our initial session or are new to the serverless spatial data landscape, this webinar is your gateway to mastering cloud-native formats in your workflows.

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME

Safe Software

Kürzlich hochgeladen (20)

FWD Group - Insurer Innovation Award 2024

ICT role in 21st century education and its challenges

+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...

Strategies for Landing an Oracle DBA Job as a Fresher

Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...

A Year of the Servo Reboot: Where Are We Now?

Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...

Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff

Powerful Google developer tools for immediate impact! (2023-24 C)

AWS Community Day CPH - Three problems of Terraform

ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke

Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...

Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe

Automating Google Workspace (GWS) & more with Apps Script

2024: Domino Containers - The Next Step. News from the Domino Container commu...

presentation ICT roal in 21st century education

Apidays New York 2024 - The value of a flexible API Management solution for O...

Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...

Data Cloud, More than a CDP by Matt Robison

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME

Introduction to Building Wireframes - Part 2

1. Introduction to Building Wireframes Rik Lomas, Lomalogue Ltd @riklomas rik@lomalogue.com

2. Last time on Introduction to Building Wireframes...

3. • What is a wireframe? • Software tools • Why make wireframes? • Stencils libraries • Sketching • Code wireframes • User centered design • How to test wireframes and gathering feedback • Features and scenarios • Iterative design • Site maps • Paper prototyping

4. Wireframe fidelity Low High Sketching Paper Mock up Code Prototype Software Prototype

5. Mockup Software

6. Keynote Mac only

7. Demo – How to mock up in Keynote

8. Omnigraﬄe http://www.omnigraﬄe.com

9. Balsamiq http://www.balsamiq.com/

10. Demo – Creating my favourite places site in Balsamiq

11. Mock up libraries

12. MockupsToGo https://mockupstogo.mybalsamiq.com/

13. Keynotopia http://keynotopia.com/

14. https://vimeo.com/13892268

15. Graﬄetopia http://graﬄetopia.com/