user guide update

todo: insert the figures and the explanation