Sketch app tricks

January 10, 2018

Create table

Use https://websiddu.github.io/sketch-material/  allows paste from e.g. Google Docs

Advertisements

Google Sprints – what I learned

November 7, 2017

The Google Design Sprint is a co-creation, collaborative process. In the experience I gained in these sprints, it helped me see the whole holistic problem space with potential solutions end-to-end.

From now on, I will push myself more through rapid iterations. As a UX team of one, I will more frequently assume and test:

  • personas
  • business goals
  • available data & content priorities
  • prototype

This opened up early findings and designs to the world of stakeholders and know which domain experts to contact in the future.

  • Reduces disbelief, increases empathy for decisions
  • Test early assumptions and turn them into insights
  • Set priorities for design and identify epics

Read more: mail of 20/4/2018  (

Tips:

  • Add a touch of technical feasibility sanity-checking for realism – dream all you like, but at some point. Unless your goal is blindly drive enthousiasm within team, with the risk of shattering the initial dreams later on.
  • Fake a prototype – whether clickable prototype or paper prototype (wizard of Oz technique), whatever works towards validating

UX strategy – drivers and priorities

November 7, 2017

According to designer Nick Babich:

“The best products do 2 things well: features and details. Features are what draw people to your product. Details are what keep them there.”

I would argue that one missing point here is good Visual Design that catches their eye’s interest. This is where aesthetics, branding and promotional material (brochures, offline) play an important role. As Don Norman puts it: beautiful products are perceived to be more usable. Especially in competitive markets, the details like resonating typography and imagery help your product stand out from the crowd.

What about after you have caught their eye? What are the main influences or determinants (drivers) of success for that step in terms of product design and other factors? The user’s is a part emotional and part rational decision journey.

UX strategy model

Above I’ve used the AIDA model as a starting point. Translating and thinking it through: what does every step in AIDA mean for your product? This model is draft work in progress.

Speak to the eye, mind and heart to win your audiences’ smiles.

Enablers of prolonged product use

Once you have drawn the users in, even after they have purchased or converted, how to retain them and make them loyal? To reduce the gap to make them proceed to the next phase, remove all barriers and obstacles along the way.

  • Ease of access  (how easy is it to obtain the product?)
  • Ease of use (does low usability hamper the use is the product)
  • Aesthetics (Reduced clutter, for example, to see the forest for the trees)
  • Security/privacy issues
  • Personalisation  – examples: make content relevant to each user; dashboards; so that I don’t have to re-configure and do lots of manual work every time I use the product
  • Learning barriers (with onboarding techniques for example)
  • Provide ‘light’ versions with added advanced functionality as needed
  • Pricing (survive the trial, get the benefit of paying/upgrading)

Further reading

Trust related issues – https://www.nngroup.com/articles/commitment-levels/


Desktop and enterprise software design

September 27, 2016

UX and UI resources, inspiration

Designing Interfaces (Tidwell), book

About Face 2.0

History and design background of Microsoft Word, probably the oldest software still in use.
https://channel9.msdn.com/Events/MIX/MIX08/UX09

User Interface Design and the change from desktop computing

(skip the last part about VMware marketing rant; insight into interface trends. Why are apps so much easier to use? Will desktop software look and feel more like apps in the near future?)

 


Pattern: inline labels

September 27, 2016

In reaction to Baymard’s post ‘avoiding inline labels in mobile forms‘ there is a recent pattern I have been seeing, at least have seen so far on 2 desktop sites:

bcc

Clicking an empty form moves the inline label to above textfield, and resizes label

The patterns ignores Baymard recommendations, but still works for me. Still have to test if & how they did it on mobile. The only issue I can imagine is if the textfield is on top of the viewport. Otherwise shouldn’t seem a problem CSS wise.

 

Update: Nowadays this is standard Material design  (see material.io)


Zoom effect

March 10, 2016

Powerpoint

Make a Magnifying Glass Effect in PowerPoint

  1. Duplicate the layer
  2. Crop as a circle
  3. Add Bevel with height 18

Sketch

 

Other

How To Create A Simple Zoomed Effect On Screenshots In GIMP

 

 

keywords: portfolio


Powerpoint productivity tips

August 25, 2015

Keyboard shortcuts

Alt, H, G, K Send to Back – Send the selected object behind all other objects. – Home > Drawing > Arrange > Send to Back
Alt, H, G, R Bring to Front
Alt, H, G, F Bring Forward

Alt, H, H Distribute Horizontal

……. Crop

 

Tricks

http://smallbusiness.chron.com/import-multiple-photos-powerpoint-slides-39998.html