Bootstrap 4 Axure Widget Library

Facebook-Ad---Bootstrap-4-v2

Live Preview   Download

The most comprehensive Bootstrap widget library ever assembled.  231 meticulously crafted widgets and modules styled directly from Bootstrap’s CSS, each element detailed down to the proper hex codes, line heights, padding and shadowing.

Dismiss alerts, bring up modals, watch placeholders disappear, flip through tabs, the Bootstrap 4 library is impressively functional.

This project has been almost 2 months in the making, I’ve been working on it since Bootstrap announced the alpha release. And I’ve taken the time to make every element as close to the real thing as possible.  You won’t find a more well-built Bootstrap library.

Includes

  • h1 – h6 headings
  • Leads, paragraph text, fine print
  • Display headings
  • Blockquotes
  • Standard and outlined buttons
  • Toggles
  • Button groups
  • Button and split button dropdowns
  • Alerts
  • Cards
  • Carousels
  • Jumbotron
  • Labels
  • Pills
  • Pagination
  • Breadcrumbs
  • Working forms and inputs
  • Input groups
  • Dropdowns
  • Tabs and Navigation
  • Navbars
  • Progress bars
  • List groups
  • Modals
  • Tooltips
  • Popovers
  • Accordions
  • Callouts
  • Tables

Screenshots

Bootstrap 4 Widgets (Part 1 of 2)Bootstrap-All-Widgets-(Part-2)

Yeah, it’s massive.

You can download it here.

Advertisements

Introducing Project Comet: a new tool for designing and prototyping user experiences | Creative Cloud blog by Adobe

As if we didn’t have enough evidence that UI and UX tools were melding together, this is Adobe’s attempt to integrate user experience and visual design. This is the future. Wake up Axure.

We’re at Adobe MAX 2015 with some exciting news for UX Designers. We unveiled the progress we’ve made on a new design tool, code-named Project Comet, that combines wireframing, visual design, prototyping, and previewing all in one.  Built specifically for today’s UX design challenges, Comet is fast and fluid so it can scale with large and complex projects.

Over the years, we’ve learned a lot about what you need and have created tools so you can deliver your best design work. As technology has changed, so has the way that you approach your work.  Instead of one screen, you now have to think about multiple screens and how the experiences you’re creating relate to each other.

via Introducing Project Comet: a new tool for designing and prototyping user experiences | Creative Cloud blog by Adobe.

Axure’s Ridiculously Useful, but Overlooked Features | UX Beginner

I love this article, not just because it talks about Axure from a design standpoint, but because it highlights some of the glaring weaknesses in programs like Photoshop and Sketch.  I’d much rather design in Axure these days, though I know I’m in the margins.

A UXB member recently asked…”How do you make links in Sketch?” The simple answer is you can’t. Due to the popularity of Photoshop and Sketch – which are dedicated UI design tools – prototyping tools like Axure get overlooked.

If Photoshop is the reigning queen of design software, then Sketch is the new hot girl in town. And Axure…is Ugly Betty.

Though the packaging isn’t as “sexy” as Sketch or PS, don’t be fooled. Graphic designers often ignore Axure because it’s not a high fidelity tool, but most overlook how incredibly fast and powerful Axure can be as a rapid prototyping tool.

There are many good UX and design tools coming out every week. But Axure is the closest thing to a true UX tool I’ve used.

In this article, I will uncover the gems in Axure that make designing much faster than other programs.

By the time you’re reading you’ll smack your head and think “My god, why doesn’t all design software do that?”

via Axure’s Ridiculously Useful, but Overlooked Features | UX Beginner.

Animated Dashboard with Axure 8

I came across this great post on animated dashboards in Axure 8. Dashboards are becoming so popular, being able to replicate complex functionality in Axure is a huge boon.

Axure 8 has recently been released as a Beta version for first testings. Reading the release note, a few improvements caught my eye, like the rotate action, the possibility to draw your own shapes, apply interactions on groups and set boundaries when moving widgets around. I have been working a lot on dashboards and data visualization lately, and I decided to try the new Axure 8 in the objective of creating an animated dashboard composed of data visualization widgets that I could re-use in later wireframing projects.

Via Marie Kuter – Continue Reading…

UX Foes, Real and Imaginary

There’s a certain ethos in the UX community that goes like this: “You should test users in a focused way on the exact elements you want them to interact with.  And through this focused testing you will receive great feedback.  Complicated high fidelity prototypes make this difficult.”

This is the imaginary UX foe.
I’ve seen this both explicitly, in the form of blog posts and articles, as well as implicitly from being in the UX community for the past 3 years.  Here is an example, via Digital Telepathy

“With so many things to do, it may be hard to focus. Clients and test subjects wander from tree to tree, getting lost in the beautiful forest you’ve created, making it hard to get focused feedback.”

This is in reference to nuanced, complicated prototypes that perfectly mimic how the final site will look and feel.  I have news for you, if users are getting lost on a full fidelity version of your website, and can’t complete the tasks you give them, your site has problems.  And dumbing down the testing is not the solution.

This ethos is among the most common in UX.  The above article is even heavily referenced with senior UX practitioners offering advice to keep designs gray scale, and simple, for testing purposes.  It’s so pervasive I’m quite certain that most people who read this post will vehemently disagree, perhaps even motivated to find well established authors who believe the old way of doing things is the best way.
Neverthless, I think this advice, while once a step forward for usability, is now a giant step backwards.

For starters, this ethos flies in the face of what the users themselves are saying. With every new download of Proto.io or InVision, users are voting with their wallets, and the vote is for more fidelity.  Check out this new UI Kit that InVision recently released.

Why would a prototyping app release a gorgeous UI Kit?  Aside from the fact that it’s great marketing, and will drives tons of users to their software, this is clearly where the future of prototyping is headed.  As these new prototyping tools are becoming immensely popular.  Put users face to face with what the site or app will actually look like, and test against a full fidelity interactive MVP.

Furthermore, we already have ample evidence that even the smallest of changes can have a huge impact on user behavior.  And yet we’re comfortable putting users in front of grey boxes, with all of their attention fully on the task at hand, and think we’re going to receive relevant feedback on how they might engage with the site once it’s completely built, looks nothing like the current version, and with only a fraction of their attention span?

No one uses the internet the way a standard user test is setup.

This is the real UX foe.

Who cares if someone can get through a site navigation flow while they are 100% concentrating on it, and all of the other page elements have been stripped away or aren’t even built yet?  You might as well test someone’s ability to do long division with a calculator in front of them.

People are incredibly distracted these days.  More than half of the web’s traffic comes from mobile, and people are using mobile devices while they walk, while they drive (ugh), while they are watching TV or listening to music, or even while they are on another computer.

Users need to be testing actual websites, not stripped down wireframes and middling fidelity prototypes, and they need to do it in a way that somewhat resembles real life.

So what’s the solution?

Well I can tell you what the solution is not.  The solution is not to find ways to make user testing easier.  Spoon feeding users explicit questions with easy to use prototypes that only vaguely resemble the final product in an environment with no distractions is a surefire way to get useless data.

We need to find ways to UX test the same way psychologists have learned to trick research participants.  You don’t tell a child that you are testing him to see how long he can go without eating a cookie.  You find a pretext to have a child near some cookies, alone (i.e. not concerned with how their actions might be perceived), and then see what he does.

Personally I think UX practitioners need to find ways to irritate the people they are testing.  Distract them while they use the site, give them impossible tasks to frustrate them, maybe even have them bounce between 2 different sites for maximum confusion.  Users are doing this anyways!  Your site needs to be so intuitive that half-angry half-distracted users can find their way around.  And until you do, your site will never be as user friendly as it could be.

Axure tutorial: How to run your prototype locally on an Android smartphone

Source: Axure tutorial: How to run your prototype locally on an Android smartphone