The whole point of a good GUI (Graphical User Interface) is being able to understand what is going on without reading every single detail. That is why we prefer big red crosses to say "Don't do that you oaf!" instead of a line of text that says "I think you may want to reconsider your options."
Interface design is not something that belongs solely in the world of Apple. Your website and applications can all benefit greatly from an understanding of how your users might navigate your product.
Presented At the Sydney NETUG on August 18th by Adam Cogan
Progressive Disclosure - Putting the User in ControlJang F.M. Graat
This 2-hour tutorial explains the basic principles of progressive disclosure and includes a shoot-out between two tools that offer various levels of support for implementing progressive disclosure in web-based help systems: Adobe RoboHelp and MadCap Flare.
Ruining The User Experience (The Ajax Experience Boston 2007)Aaron Gustafson
This session will walk you through several real-world examples, pointing out common mistakes that hinder usability, accessibility, and search while teaching you ways to avoid them altogether, either programmatically or simply by altering the way you think about JavaScript-based interactivity.
Interface design is not something that belongs solely in the world of Apple. Your website and applications can all benefit greatly from an understanding of how your users might navigate your product.
Presented At the Sydney NETUG on August 18th by Adam Cogan
Progressive Disclosure - Putting the User in ControlJang F.M. Graat
This 2-hour tutorial explains the basic principles of progressive disclosure and includes a shoot-out between two tools that offer various levels of support for implementing progressive disclosure in web-based help systems: Adobe RoboHelp and MadCap Flare.
Ruining The User Experience (The Ajax Experience Boston 2007)Aaron Gustafson
This session will walk you through several real-world examples, pointing out common mistakes that hinder usability, accessibility, and search while teaching you ways to avoid them altogether, either programmatically or simply by altering the way you think about JavaScript-based interactivity.
When it comes to the usability of forms there is a lot of research and a lot of factors to consider. This presentation reviews a large body of research on various aspects of form usability and user experience.
It covers three broad categories: 1. Accessibility, 2. Context & 3. Design
A series of UX trainings created for several cross-functional teams creating both mobile and desktop products: visual designers, product managers, business analysts, developers, and interaction designers. The training was the foundation for a very large redesign/reconstruction project for a CRM and a dahsboard application. The principles and layouts draw on the pioneering work of Theresa Neil and Bill Scott.
A brownbag presentation at IPC media in London about the need to use libraries to make web development much less random and more professional. Get the audio at: http://www.archive.org/details/ProfessionalWebDevelopmentWithLibraries
User satisfaction is a key aspect to a successful business application. What makes a good user experience is subjective, but here we the essentials, mixing theory, common practices and code samples to help you put the pieces together in your own applications. Whether you develop for Notes classic, Domino, XPages or other platforms, this presentation has something you can use right away.
First users: Heuristics for designer/developer collaborationJonathan Abbett
From the University of Illinois Web Conference 2013.
Ask a web designer who his “first users” are, and he’ll probably name early adopters, stakeholders, or usability testers. Designers rarely consider their actual first users: the web developers they work with to build their designs. Over the last year, I’ve performed an informal user research project where the “users” were software development teams of all shapes and sizes. Drawing on these discussions and my background as a former web developer, I’ve created a set of friendly heuristics (in the tradition of Jakob Nielsen and Louis Rosenfeld) that designers can use to make their design materials far more useful for developers. I’ll show how these heuristics will encourage holistic solutions rather than piecemeal design work, surface critical implementation issues sooner, and establish a stronger basis for designer/developer collaboration.
Quality and the "Secret Mission:" From End-Stage Tester to Skilled AnalystDevorah Firestone
Are you tired of coming in at the end of a project to do accessibility testing with little control over schedule and design? Are you concerned with how your team will adjust to the changes in accessibility law?
Here is a roadmap of best practices, political tools, learning lists, and background knowledge to increase the quality of work for the beginner development-side tester responsible for accessibility. This course of action will also plant seeds to move you toward a long term role as a skilled analyst able to fulfill requirements and to participate in the user experience from the beginning of the lifecycle on for both creativity and a more pleasant project for everyone.
Web UI Design Patterns and best-practices guide from http://www.uxpin.com -- the best online wireframing, UX & product management suite available anywhere.
Techniques for Reviewing a User InterfaceRhonda Bracey
Rhonda Bracey's presentation from the WritersUA 2008 Conference (Portland, OR)
****************
"Can you just look over these new screens for us? Oh, and can you check the error messages too? It won't take long!" If you've been asked to review a web or standalone application's user interface but don't know what to look for other than checking the text, then this session is for you. As technical communicators, we are often in a position to identify usability problems related to the logical flow, layout, and structure of the interface; inconsistencies in the design; non-compliance with standards and guidelines; ambiguous wording on labels, error messages, dialogs, and onscreen user assistance; performance issues; functional errors; and the like. Rhonda shares practical checklists of things to look for when reviewing an interface, as well as various tools that can assist you.
— YOU WILL LEARN —
* What to look for when checking an application's user interface, including overall design, textual and visual elements, user actions and interactions, navigational links, and the '-ilities': accessibility, readability, usability.
* About some tools that can help automate parts of the review process.
**************
Other supporting material available from here: http://www.cybertext.com.au/10353.htm
Visual Studio 2015 is going to be a huge change for both windows and non-windows developers. Thanks to a new/refreshing/cool/awesome change of attitude, Microsoft is embracing the winning tools in the development space and is building them into the next version of Visual Studio.
The open sourcing of .NET Core 5 and ASP.NET 5 along with the release of the free Visual Studio Community Edition and the upcoming release of Windows 10 for all devices makes for some very exciting times ahead.
When it comes to the usability of forms there is a lot of research and a lot of factors to consider. This presentation reviews a large body of research on various aspects of form usability and user experience.
It covers three broad categories: 1. Accessibility, 2. Context & 3. Design
A series of UX trainings created for several cross-functional teams creating both mobile and desktop products: visual designers, product managers, business analysts, developers, and interaction designers. The training was the foundation for a very large redesign/reconstruction project for a CRM and a dahsboard application. The principles and layouts draw on the pioneering work of Theresa Neil and Bill Scott.
A brownbag presentation at IPC media in London about the need to use libraries to make web development much less random and more professional. Get the audio at: http://www.archive.org/details/ProfessionalWebDevelopmentWithLibraries
User satisfaction is a key aspect to a successful business application. What makes a good user experience is subjective, but here we the essentials, mixing theory, common practices and code samples to help you put the pieces together in your own applications. Whether you develop for Notes classic, Domino, XPages or other platforms, this presentation has something you can use right away.
First users: Heuristics for designer/developer collaborationJonathan Abbett
From the University of Illinois Web Conference 2013.
Ask a web designer who his “first users” are, and he’ll probably name early adopters, stakeholders, or usability testers. Designers rarely consider their actual first users: the web developers they work with to build their designs. Over the last year, I’ve performed an informal user research project where the “users” were software development teams of all shapes and sizes. Drawing on these discussions and my background as a former web developer, I’ve created a set of friendly heuristics (in the tradition of Jakob Nielsen and Louis Rosenfeld) that designers can use to make their design materials far more useful for developers. I’ll show how these heuristics will encourage holistic solutions rather than piecemeal design work, surface critical implementation issues sooner, and establish a stronger basis for designer/developer collaboration.
Quality and the "Secret Mission:" From End-Stage Tester to Skilled AnalystDevorah Firestone
Are you tired of coming in at the end of a project to do accessibility testing with little control over schedule and design? Are you concerned with how your team will adjust to the changes in accessibility law?
Here is a roadmap of best practices, political tools, learning lists, and background knowledge to increase the quality of work for the beginner development-side tester responsible for accessibility. This course of action will also plant seeds to move you toward a long term role as a skilled analyst able to fulfill requirements and to participate in the user experience from the beginning of the lifecycle on for both creativity and a more pleasant project for everyone.
Web UI Design Patterns and best-practices guide from http://www.uxpin.com -- the best online wireframing, UX & product management suite available anywhere.
Techniques for Reviewing a User InterfaceRhonda Bracey
Rhonda Bracey's presentation from the WritersUA 2008 Conference (Portland, OR)
****************
"Can you just look over these new screens for us? Oh, and can you check the error messages too? It won't take long!" If you've been asked to review a web or standalone application's user interface but don't know what to look for other than checking the text, then this session is for you. As technical communicators, we are often in a position to identify usability problems related to the logical flow, layout, and structure of the interface; inconsistencies in the design; non-compliance with standards and guidelines; ambiguous wording on labels, error messages, dialogs, and onscreen user assistance; performance issues; functional errors; and the like. Rhonda shares practical checklists of things to look for when reviewing an interface, as well as various tools that can assist you.
— YOU WILL LEARN —
* What to look for when checking an application's user interface, including overall design, textual and visual elements, user actions and interactions, navigational links, and the '-ilities': accessibility, readability, usability.
* About some tools that can help automate parts of the review process.
**************
Other supporting material available from here: http://www.cybertext.com.au/10353.htm
Visual Studio 2015 is going to be a huge change for both windows and non-windows developers. Thanks to a new/refreshing/cool/awesome change of attitude, Microsoft is embracing the winning tools in the development space and is building them into the next version of Visual Studio.
The open sourcing of .NET Core 5 and ASP.NET 5 along with the release of the free Visual Studio Community Edition and the upcoming release of Windows 10 for all devices makes for some very exciting times ahead.
A modern architecturereview–usingcodereviewtools-ver-3.5SSW
For any project that is critical to the business, it’s important to do ‘Modern Architecture Reviews’. Being an architect is fun, you get to design the system, do ongoing code reviews, and play the bad ass. It is even more fun when using modern cool tools.
What are the main advantages of using HR recruiter services.pdfHumanResourceDimensi1
HR recruiter services offer top talents to companies according to their specific needs. They handle all recruitment tasks from job posting to onboarding and help companies concentrate on their business growth. With their expertise and years of experience, they streamline the hiring process and save time and resources for the company.
"𝑩𝑬𝑮𝑼𝑵 𝑾𝑰𝑻𝑯 𝑻𝑱 𝑰𝑺 𝑯𝑨𝑳𝑭 𝑫𝑶𝑵𝑬"
𝐓𝐉 𝐂𝐨𝐦𝐬 (𝐓𝐉 𝐂𝐨𝐦𝐦𝐮𝐧𝐢𝐜𝐚𝐭𝐢𝐨𝐧𝐬) is a professional event agency that includes experts in the event-organizing market in Vietnam, Korea, and ASEAN countries. We provide unlimited types of events from Music concerts, Fan meetings, and Culture festivals to Corporate events, Internal company events, Golf tournaments, MICE events, and Exhibitions.
𝐓𝐉 𝐂𝐨𝐦𝐬 provides unlimited package services including such as Event organizing, Event planning, Event production, Manpower, PR marketing, Design 2D/3D, VIP protocols, Interpreter agency, etc.
Sports events - Golf competitions/billiards competitions/company sports events: dynamic and challenging
⭐ 𝐅𝐞𝐚𝐭𝐮𝐫𝐞𝐝 𝐩𝐫𝐨𝐣𝐞𝐜𝐭𝐬:
➢ 2024 BAEKHYUN [Lonsdaleite] IN HO CHI MINH
➢ SUPER JUNIOR-L.S.S. THE SHOW : Th3ee Guys in HO CHI MINH
➢FreenBecky 1st Fan Meeting in Vietnam
➢CHILDREN ART EXHIBITION 2024: BEYOND BARRIERS
➢ WOW K-Music Festival 2023
➢ Winner [CROSS] Tour in HCM
➢ Super Show 9 in HCM with Super Junior
➢ HCMC - Gyeongsangbuk-do Culture and Tourism Festival
➢ Korean Vietnam Partnership - Fair with LG
➢ Korean President visits Samsung Electronics R&D Center
➢ Vietnam Food Expo with Lotte Wellfood
"𝐄𝐯𝐞𝐫𝐲 𝐞𝐯𝐞𝐧𝐭 𝐢𝐬 𝐚 𝐬𝐭𝐨𝐫𝐲, 𝐚 𝐬𝐩𝐞𝐜𝐢𝐚𝐥 𝐣𝐨𝐮𝐫𝐧𝐞𝐲. 𝐖𝐞 𝐚𝐥𝐰𝐚𝐲𝐬 𝐛𝐞𝐥𝐢𝐞𝐯𝐞 𝐭𝐡𝐚𝐭 𝐬𝐡𝐨𝐫𝐭𝐥𝐲 𝐲𝐨𝐮 𝐰𝐢𝐥𝐥 𝐛𝐞 𝐚 𝐩𝐚𝐫𝐭 𝐨𝐟 𝐨𝐮𝐫 𝐬𝐭𝐨𝐫𝐢𝐞𝐬."
Discover the innovative and creative projects that highlight my journey throu...dylandmeas
Discover the innovative and creative projects that highlight my journey through Full Sail University. Below, you’ll find a collection of my work showcasing my skills and expertise in digital marketing, event planning, and media production.
Taurus Zodiac Sign_ Personality Traits and Sign Dates.pptxmy Pandit
Explore the world of the Taurus zodiac sign. Learn about their stability, determination, and appreciation for beauty. Discover how Taureans' grounded nature and hardworking mindset define their unique personality.
Accpac to QuickBooks Conversion Navigating the Transition with Online Account...PaulBryant58
This article provides a comprehensive guide on how to
effectively manage the convert Accpac to QuickBooks , with a particular focus on utilizing online accounting services to streamline the process.
Memorandum Of Association Constitution of Company.pptseri bangash
www.seribangash.com
A Memorandum of Association (MOA) is a legal document that outlines the fundamental principles and objectives upon which a company operates. It serves as the company's charter or constitution and defines the scope of its activities. Here's a detailed note on the MOA:
Contents of Memorandum of Association:
Name Clause: This clause states the name of the company, which should end with words like "Limited" or "Ltd." for a public limited company and "Private Limited" or "Pvt. Ltd." for a private limited company.
https://seribangash.com/article-of-association-is-legal-doc-of-company/
Registered Office Clause: It specifies the location where the company's registered office is situated. This office is where all official communications and notices are sent.
Objective Clause: This clause delineates the main objectives for which the company is formed. It's important to define these objectives clearly, as the company cannot undertake activities beyond those mentioned in this clause.
www.seribangash.com
Liability Clause: It outlines the extent of liability of the company's members. In the case of companies limited by shares, the liability of members is limited to the amount unpaid on their shares. For companies limited by guarantee, members' liability is limited to the amount they undertake to contribute if the company is wound up.
https://seribangash.com/promotors-is-person-conceived-formation-company/
Capital Clause: This clause specifies the authorized capital of the company, i.e., the maximum amount of share capital the company is authorized to issue. It also mentions the division of this capital into shares and their respective nominal value.
Association Clause: It simply states that the subscribers wish to form a company and agree to become members of it, in accordance with the terms of the MOA.
Importance of Memorandum of Association:
Legal Requirement: The MOA is a legal requirement for the formation of a company. It must be filed with the Registrar of Companies during the incorporation process.
Constitutional Document: It serves as the company's constitutional document, defining its scope, powers, and limitations.
Protection of Members: It protects the interests of the company's members by clearly defining the objectives and limiting their liability.
External Communication: It provides clarity to external parties, such as investors, creditors, and regulatory authorities, regarding the company's objectives and powers.
https://seribangash.com/difference-public-and-private-company-law/
Binding Authority: The company and its members are bound by the provisions of the MOA. Any action taken beyond its scope may be considered ultra vires (beyond the powers) of the company and therefore void.
Amendment of MOA:
While the MOA lays down the company's fundamental principles, it is not entirely immutable. It can be amended, but only under specific circumstances and in compliance with legal procedures. Amendments typically require shareholder
Business Valuation Principles for EntrepreneursBen Wann
This insightful presentation is designed to equip entrepreneurs with the essential knowledge and tools needed to accurately value their businesses. Understanding business valuation is crucial for making informed decisions, whether you're seeking investment, planning to sell, or simply want to gauge your company's worth.
Enterprise Excellence is Inclusive Excellence.pdfKaiNexus
Enterprise excellence and inclusive excellence are closely linked, and real-world challenges have shown that both are essential to the success of any organization. To achieve enterprise excellence, organizations must focus on improving their operations and processes while creating an inclusive environment that engages everyone. In this interactive session, the facilitator will highlight commonly established business practices and how they limit our ability to engage everyone every day. More importantly, though, participants will likely gain increased awareness of what we can do differently to maximize enterprise excellence through deliberate inclusion.
What is Enterprise Excellence?
Enterprise Excellence is a holistic approach that's aimed at achieving world-class performance across all aspects of the organization.
What might I learn?
A way to engage all in creating Inclusive Excellence. Lessons from the US military and their parallels to the story of Harry Potter. How belt systems and CI teams can destroy inclusive practices. How leadership language invites people to the party. There are three things leaders can do to engage everyone every day: maximizing psychological safety to create environments where folks learn, contribute, and challenge the status quo.
Who might benefit? Anyone and everyone leading folks from the shop floor to top floor.
Dr. William Harvey is a seasoned Operations Leader with extensive experience in chemical processing, manufacturing, and operations management. At Michelman, he currently oversees multiple sites, leading teams in strategic planning and coaching/practicing continuous improvement. William is set to start his eighth year of teaching at the University of Cincinnati where he teaches marketing, finance, and management. William holds various certifications in change management, quality, leadership, operational excellence, team building, and DiSC, among others.
Personal Brand Statement:
As an Army veteran dedicated to lifelong learning, I bring a disciplined, strategic mindset to my pursuits. I am constantly expanding my knowledge to innovate and lead effectively. My journey is driven by a commitment to excellence, and to make a meaningful impact in the world.
Explore our most comprehensive guide on lookback analysis at SafePaaS, covering access governance and how it can transform modern ERP audits. Browse now!
India Orthopedic Devices Market: Unlocking Growth Secrets, Trends and Develop...Kumar Satyam
According to TechSci Research report, “India Orthopedic Devices Market -Industry Size, Share, Trends, Competition Forecast & Opportunities, 2030”, the India Orthopedic Devices Market stood at USD 1,280.54 Million in 2024 and is anticipated to grow with a CAGR of 7.84% in the forecast period, 2026-2030F. The India Orthopedic Devices Market is being driven by several factors. The most prominent ones include an increase in the elderly population, who are more prone to orthopedic conditions such as osteoporosis and arthritis. Moreover, the rise in sports injuries and road accidents are also contributing to the demand for orthopedic devices. Advances in technology and the introduction of innovative implants and prosthetics have further propelled the market growth. Additionally, government initiatives aimed at improving healthcare infrastructure and the increasing prevalence of lifestyle diseases have led to an upward trend in orthopedic surgeries, thereby fueling the market demand for these devices.
Putting the SPARK into Virtual Training.pptxCynthia Clay
This 60-minute webinar, sponsored by Adobe, was delivered for the Training Mag Network. It explored the five elements of SPARK: Storytelling, Purpose, Action, Relationships, and Kudos. Knowing how to tell a well-structured story is key to building long-term memory. Stating a clear purpose that doesn't take away from the discovery learning process is critical. Ensuring that people move from theory to practical application is imperative. Creating strong social learning is the key to commitment and engagement. Validating and affirming participants' comments is the way to create a positive learning environment.
2. Agenda
General Usability Practices
Windows Apps
Popups and Message Boxes
Controls and Forms (Windows and Web)
Reports
Web UI
Mobile interfaces
Controversy!
Future Thinking. Immediate Results.
3. Technology is intimidating. People are afraid to break the system or
lose the data.
Encourage experimentation, increase comfort
Have reversible actions (Undo)
Previewed actions
Avoid dialogs unless there’s a system error (not user error)
Track user preferences and defaults, *remember recent*
Comfort of Learning
5. Chief Architect at SSW
Developing custom solutions for
businesses across a range of
industries such as Government,
banking, insurance
Microsoft Gold Partner
Microsoft Regional Director
VSTS MVP
@AdamCogan
About Adam
Future Thinking. Immediate Results.
6. A good UI just works the way you expect
There are no surprises
There is no need to use help
RTFM
Future Thinking. Immediate Results.
7.
8. Intuitive
Feels fast
Eg. No white screens, threading code
Consistent
No clutter – not busy…
A good UI is...
9. Minimal “modal” popups
Good error handling
Easy to customize + apps (aka a platform)
Gamification eg. Badges
A good UI is...
21. Less is more
The importance of Defaults - Aim for 'Next', 'Next', 'Next‘
Hide advanced options, but make them easy to find!
Do you realize that when it comes to
interface design 'less is more'?
48. Columns are easier to scan
Use when comparing data, or need ordering
Text is aesthetically pleasing
What about Columns or Text?
49.
50. Make it more than just navigation
Put useful current information on the homepage
E.g. Top billing customers for the month and a button under it for
adding an invoice
E.g. See the number of bugs counted by the most common
Do you make the homepage a portal?
Future Thinking. Immediate Results.
51.
52.
53. Do you think this rule is limited to web UI?
54. Can see what functions are being used more often (e.g.
reports, menu items)
To work out what fields to show on search pages (standard
and advanced tabs)
Know which parameters are being used
Do you log usage?
55.
56.
57.
58. Put all options in even if some aren’t selectable
Let’s look at two examples:
Checkbox
Image…
Include extra information if it gives you
context
59.
60.
61. A good app should…
Encourage experimentation to increase comfort:
Undo
Remember your last state
Live preview
63. Auto save records
Prompt to save the record when the user leaves a page that
has been modified
When the user logs back on prompt them that they have
drafts
E.g. mail.google.com
Do you use the concept of drafts?
70. Training Videos
Online User Guide
Knowledge Base
Make a Suggestion
Report a Bug
Check for Updates
Run Unit Tests...
About [Product Name]...
Menu - Do you know the 8 items
every "Help" menu needs?
71. Menu - Do you have a "Help | Training
Videos" item?
72.
73.
74. Easier to keep up-to-date and maintain
Stats on usage
Allows community commenting
Menu - Do you have your "Help | User
Guide" online?
75.
76. Menu - Do you include a "Tools |
Validate Data"?
77. Don’t give descriptive information about the page
Give the user instructions on how to use the page
Bad example - This page allows you to define a search
Good example – To start a search choose an option to the left
Give Instructional Help
85. Only use them in the following scenarios:
Confirming the deletion of a record
Kicking off a long running process
Do you avoid message boxes?
86. Is it ok to cancel?
Do you use messages that are
concise and informative?
87. Microsoft uses this one
Do you use messages that are
concise and informative?
88.
89.
90. Some people like popup forms.
Some do not.
?
Vote – What about popup forms?
91. You can’t read or edit content behind
Long loading times – ask CRM4 users!
Popup modal forms are no good
92. Obvious you have an action to take
Simplify a form
Doesn’t get lost behind another window
Can dim the background for focus
Popup modal forms are good
99. Less is more!
Select all should be “-All-”
Note: if you want to select nothing then add an entry to the
dropdown for (null)
Do you know how to label dropdown
lists?
102. When you use a combo box, it's very helpful to be able to see
at a glance how many results can be expected
Do you include the number of
results in drop down list?
103. What if user wants to sort by either alphabetical
or numerical?
114. Better Example
Also applicable
for the rule
“Less is More -
Do you always
try to reduce
complexity?”
115. Checkboxes
1 option – eg. yes/no, on/off
Multiple simultaneous options –
e.g. Eggs and Bacon and Tomato
Radio buttons
2-3 exclusive options –
e.g. Coke or Pepsi
Drop down list
3+ exclusive options
e.g. Favourite SSW employee
Guidelines – when to use what?
118. A plain textbox limits the detail of the user's notes
For multi-line textboxes (e.g. Descriptions, Memos, Notes)
Allows you to use:
Links
formatting (bold, underline, etc.)
bullet points and numbering
Do you know when to use rich textboxes?
130. Do you follow the “Banana Rule”?
How do you get a monkey pay
attention to something?
A:/ You could lure him by tempting him
with a banana.
The principle is.... Once we have the
monkeys attention focused on the
banana, he will try to get his hands on
it!
138. Do you know to use Breadcrumbs?
Note the links.... What is the exception?
....
139. But don’t link to yourself!
If you’re on the homepage, there’s no point having a link to the
homepage
If you have a breadcrumb, don’t link to the current page
142. Underlines are only used for links!
This does NOT mean all links should be underlined
Always have a *rollover* effect
You should indicate *visited* links.
Do you know the correct way to
display a hyperlink?
143. Via CSS ...
Do you know the correct way to
display a hyperlink?
Rollover effect
Visited links
Normal links
Must be in
this order!
144. If a link is to an external site, a visual indication should be
provided to the user like this:
This should be done via CSS or jQuery
...
Hyperlinks - external
146. Custom for SSW
Filters image links and other parameters
...
Via jQuery
147. ‘CSS is manual’
‘JQuery is automatic’
Content heavy websites with large archives – are you really
going to go back and add a class to each link??
Via jQuery
148. Warning: Corneliu the god of performance warns against this
recommendation because
CSS is fast
jQuery is slow
TODO: The next step is to verify this via a VS 2012 Ultimate
Coded UI test!
Via jQuery
149. Warning: Not mainstream
HTML 5 does not have the TARGET
On the purchase page add “terms and conditions (opens in a
new window)”
http://www.ssw.com.au/SSW/Standards/Rules/RulesToBetter
WebsitesNavigation.aspx#ManageExternalLinks
Should external links open in a New
Window?
152. Do you indicate which fields are required?
Prevents a wasted trip to the
server
Should get the required fields
right the first time around
http://www.ssw.com.au/ssw/standards/rules/Rules
toBetterInterfaces-
Controls.aspx#CorrectValidationFocus
153. Do you use icons in web pages to indicate status directly?
154. Do you use icons in web pages to indicate status directly?
155. For Validation Errors, don’t assume they have to read a
messagebox
Automatically focus on the control
Note: Balloons also direct the eye…
Do you use SetFocusOnError on
controls that fail validation
160. A statement that explains the criteria
Pages navigation
Number of results found
Filters at the top
...
Do you have a consistent search results screen?
161.
162. Do you always give more information
under “Did not match anything”?
Websites are continually saying
‘404 – page not found’
or
‘your search did not match anything
This should be avoided
…
163.
164. ?
Use SSW Link Auditor www.ssw.com.au/ssw/LinkAuditor
Broken Links are inexcusable!
165. Master pages
CSS
Do you know the two things to create
a consistent look and feel?
171. First impressions
Better to have a Porsche UI and a VW
engine
than a VW UI and a Porsche engine.
Of course you want a Porsche UI and
a Porsche engine, but...
172. ?
When do you build a iPhone app vs
iPhone web app?
173. Depending on
budget
usage of native API
• Camera, Contacts, Photos e.t.c.
existing web app and just add CSS
Offline: An iphone (or WP8 ) web app without a network connection, will not load the
web page you were on previously.
Well, it can… http://damianbrady.com.au/dyrnaa/game/
iPhone app vs iPhone Web app
175. A: If your app is build on Silverlight today.
Time to market
Lower $
Reuse MVVM
Reuse Silverlight controls
Reuse the Business and Data layer
WP8 app vs iPhone app
176. The biggest thing going for Windows Phone 8 is:
.NET dev shops
environment more productive than xcode
“VS2012 kicks the sh*t out of any other IDE”
- Damian Brady
WP8 app vs iPhone app
177. Note: WP7 is built on Silverlight 3
Note: WP7.5 is built on Silverlight 4
Note: WP7.5 was built by a "web team" not "Rich client app
team", so some issues exist:
Avoid using System.Windows.Browser.dll in your
Silverlight App (as it works only OOB on desktop)
and you will have to use a different control on Windows
Phone 8
WP8 app vs iPhone app
178. WP8 has resolved those problems and is perfect in every way
<3
WP8 app vs iPhone app
179. Others reasons are:
You can deploy your app without going through the
appstore/market place. E.g. my SSW business app
Appstore: No
Market place: Yes (hidden)
WP8 app vs iPhone app
180. Turn around through the appstore is quicker:
Appstore: 1-3 weeks (unmanaged code)
Market place: 2 days (managed code)
Quicker since it is managed code. Unmanaged code is easy to
spot
App store is more aggressive in blocking apps
WP8 app vs iPhone app
181. Do you know what guidelines to follow for WP8?
User Experience Design Guidelines for Windows Phone
http://msdn.microsoft.com/en-
us/library/windowsphone/design/hh202915(v=vs.92).aspx
WP8 app vs iPhone app
182. Tip: if you’re writing your own user controls, you’re probably
doing it wrong
Silverlight.CodePlex.com (WP7.5)
Phone.CodePlex.com (WP8)
WP8 app vs iPhone app
186. Well, we had a few in the presentation...
187. Technology is intimidating. People are afraid to break the system or
lose the data.
Encourage experimentation, increase comfort
Have reversible actions (Undo)
Previewed actions
Avoid dialogs unless there’s a system error (not user error)
Track user preferences and defaults, *remember recent*
Comfort of Learning
188. Rules to Better Interfaces
http://www.ssw.com.au/ssw/Standards/Rules/RulestoBetterInterfa
ces.aspx
Rules to Better Website Layouts
http://www.ssw.com.au/ssw/Standards/Rules/RulesToBetterWebsi
tesLayout.aspx
Resources
190. Summary
General Usability Practices
Windows Apps
Popups and Message Boxes
Controls and Forms (Windows and Web)
Reports
Web UI
Mobile interfaces
Controversy!
Future Thinking. Immediate Results.
I thought of a non-web example – this is Adobe Illustrator, but all of Adobe’s Creative Suite does this. Gives you the option to hide it if you don’t like the portal.
http://www.ssw.com.au/ssw/Standards/Rules/RulestoBetterInterfaces-Data.aspx#UseCheckBoxThey store dataDon’t use them to perform actions!Use a button instead
FAIL!
http://www.ssw.com.au/ssw/Standards/Rules/RulestoBetterInterfaces-Data.aspx#RichTextboxNotesTO DO: Why this isn’t in controls/move to controls
(non-important)TODO: Give Adam two very long pages1. one using css2. One using jquery
Actually, the designer consensus for _blank is to never do it because you are taking a decision away from the user. So perhaps this could actually be an issue you can ask for debate.
http://www.ssw.com.au/SSW/Standards/Rules/RulesToBetterWebsitesNavigation.aspx#ClickingThroughIT’S AN AD!!!
http://www.ssw.com.au/SSW/Standards/Rules/RulesToBetterWebsitesNavigation.aspx#ClickingThroughIT’S AN AD!!!
Filters at the topThe number of results found A statement that explains the criteria that you used for searching The number of pages found hyperlinks centred in the middlehyperlinks should be shown on the footer of the page only
Filters at the topThe number of results found A statement that explains the criteria that you used for searching The number of pages found hyperlinks centred in the middlehyperlinks should be shown on the footer of the page only
http://www.ssw.com.au/ssw/Standards/Rules/RulesToBetterWebsitesLayout.aspx#ImproveSearchWebsites are continually saying “404 – page not found” or “your search did not match anything”..... this should be avoided.