Portable electronic device with haptic button

A portable electronic device comprising:

• a housing member;
• a display;
• a transparent cover over the display and coupled to the housing member;
• and
• an input device configured to receive an input and produce a haptic output, the input device positioned at least partially in a hole defined through a side of the housing member and comprising:
• an internal structure comprising a magnet configured to generate a magnetic field;
• an input member defining an input surface of the input device;
• a compliant member positioned between the input member and the internal structure and configured to deform in response to the input and in response to the haptic output;
• and
• a conductive coil configured to interact with the magnetic field to move the input member relative to the internal structure to produce the haptic output.

A wearable electronic device comprising:

• a housing;
• a touch-sensitive display coupled to the housing and configured to receive a touch input and provide a graphical output;
• and
• a crown positioned along a side of the housing and comprising:
• a body structure;
• a cap structure coupled to the body structure and defining an exterior end surface of the crown;
• a magnet configured to generate a magnetic field;
• and
• a coil coupled to the cap structure and configured to interact with the magnetic field to impart a force on the cap structure, thereby moving the cap structure relative to the body structure to produce a haptic output.